npm - @chayns-components/core - Versions diffs - 5.0.0-beta.1370 → 5.0.0-beta.1373 - Mend

@chayns-components/core 5.0.0-beta.1370 → 5.0.0-beta.1373

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 (46) hide show

package/lib/cjs/components/context-menu/ContextMenu.js CHANGED Viewed

@@ -9,11 +9,12 @@ var _react = require("motion/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
 var _uuid = require("../../hooks/uuid");
-var _contextMenu = require("../../types/contextMenu");
 var _environment = require("../../utils/environment");
 var _Icon = _interopRequireDefault(require("../icon/Icon"));
 var _ContextMenuContent = _interopRequireDefault(require("./context-menu-content/ContextMenuContent"));
 var _ContextMenu = require("./ContextMenu.styles");
+var _ContextMenu2 = require("./ContextMenu.types");
+var _ContextMenu3 = require("./ContextMenu.utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ContextMenu = /*#__PURE__*/(0, _react2.forwardRef)(({
@@ -24,14 +25,13 @@ const ContextMenu = /*#__PURE__*/(0, _react2.forwardRef)(({
   }),
   container,
   coordinates,
-  shouldHidePopupArrow = false,
-  items,
   headline,
+  items,
   onHide,
-  shouldDisableClick = false,
   onShow,
   shouldCloseOnPopupClick = true,
-  shouldSeparateLastItem = false,
+  shouldDisableClick = false,
+  shouldHidePopupArrow = false,
   shouldShowHoverEffect = false,
   zIndex = 20
 }, ref) => {
@@ -39,9 +39,9 @@ const ContextMenu = /*#__PURE__*/(0, _react2.forwardRef)(({
     x: 0,
     y: 0
   });
+  const [internalAlignment, setInternalAlignment] = (0, _react2.useState)(_ContextMenu2.ContextMenuAlignment.TopLeft);
   const [newContainer, setNewContainer] = (0, _react2.useState)(container ?? null);
-  const [focusedIndex, setFocusedIndex] = (0, _react2.useState)(0);
-  const [internalAlignment, setInternalAlignment] = (0, _react2.useState)(_contextMenu.ContextMenuAlignment.TopLeft);
+  const [focusedIndex, setFocusedIndex] = (0, _react2.useState)((0, _ContextMenu3.getDefaultFocusedIndex)(items));
   const [isContentShown, setIsContentShown] = (0, _react2.useState)(false);
   const [portal, setPortal] = (0, _react2.useState)();
   const uuid = (0, _uuid.useUuid)();
@@ -50,9 +50,9 @@ const ContextMenu = /*#__PURE__*/(0, _react2.forwardRef)(({
   const isTouch = (0, _environment.useIsTouch)();
   (0, _react2.useEffect)(() => {
     if (isContentShown) {
-      setFocusedIndex(0);
+      setFocusedIndex((0, _ContextMenu3.getDefaultFocusedIndex)(items));
     }
-  }, [isContentShown]);
+  }, [isContentShown, items]);
   (0, _react2.useEffect)(() => {
     if (contextMenuRef.current && !container) {
       const el = contextMenuRef.current;
@@ -144,14 +144,14 @@ const ContextMenu = /*#__PURE__*/(0, _react2.forwardRef)(({
       });
       if (x < width / 2) {
         if (y < height / 2) {
-          setInternalAlignment(_contextMenu.ContextMenuAlignment.BottomRight);
+          setInternalAlignment(_ContextMenu2.ContextMenuAlignment.BottomRight);
         } else {
-          setInternalAlignment(_contextMenu.ContextMenuAlignment.TopRight);
+          setInternalAlignment(_ContextMenu2.ContextMenuAlignment.TopRight);
         }
       } else if (y < height / 2) {
-        setInternalAlignment(_contextMenu.ContextMenuAlignment.BottomLeft);
+        setInternalAlignment(_ContextMenu2.ContextMenuAlignment.BottomLeft);
       } else {
-        setInternalAlignment(_contextMenu.ContextMenuAlignment.TopLeft);
+        setInternalAlignment(_ContextMenu2.ContextMenuAlignment.TopLeft);
       }
       setIsContentShown(true);
     }
@@ -199,7 +199,6 @@ const ContextMenu = /*#__PURE__*/(0, _react2.forwardRef)(({
     }, isContentShown && /*#__PURE__*/_react2.default.createElement(_ContextMenuContent.default, {
       coordinates: coordinates ?? internalCoordinates,
       items: items,
-      shouldSeparateLastItem: shouldSeparateLastItem,
       zIndex: zIndex,
       headline: headline,
       shouldHidePopupArrow: shouldHidePopupArrow,
@@ -215,7 +214,7 @@ const ContextMenu = /*#__PURE__*/(0, _react2.forwardRef)(({
         }
       }
     })), newContainer));
-  }, [alignment, newContainer, coordinates, internalAlignment, internalCoordinates, isContentShown, items, uuid, zIndex, shouldHidePopupArrow, headline, shouldSeparateLastItem, focusedIndex, handleHide]);
+  }, [alignment, newContainer, coordinates, internalAlignment, internalCoordinates, isContentShown, items, uuid, zIndex, shouldHidePopupArrow, headline, focusedIndex, handleHide]);
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(_ContextMenu.StyledContextMenu, {
     className: "beta-chayns-context-menu",
     $isActive: isContentShown && shouldShowHoverEffect,

package/lib/cjs/components/context-menu/ContextMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.js","names":["_chaynsApi","require","_react","_react2","_interopRequireWildcard","_reactDom","_uuid","_contextMenu","_environment","_Icon","_interopRequireDefault","_ContextMenuContent","_ContextMenu","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ContextMenu","forwardRef","alignment","children","createElement","icons","size","container","coordinates","shouldHidePopupArrow","items","headline","onHide","shouldDisableClick","onShow","shouldCloseOnPopupClick","shouldSeparateLastItem","shouldShowHoverEffect","zIndex","ref","internalCoordinates","setInternalCoordinates","useState","x","y","newContainer","setNewContainer","focusedIndex","setFocusedIndex","internalAlignment","setInternalAlignment","ContextMenuAlignment","TopLeft","isContentShown","setIsContentShown","portal","setPortal","uuid","useUuid","contextMenuContentRef","useRef","contextMenuRef","isTouch","useIsTouch","useEffect","current","el","element","closest","Element","handleHide","useCallback","handleKey","key","preventDefault","prev","Math","min","length","max","item","onClick","document","addEventListener","removeEventListener","handleShow","result","createDialog","type","DialogType","SELECT","buttons","list","map","text","isSelected","index","name","id","icon","isValidElement","undefined","open","_items$result$","height","childrenHeight","left","childrenLeft","top","childrenTop","width","childrenWidth","getBoundingClientRect","zoomX","offsetWidth","zoomY","offsetHeight","scrollLeft","scrollTop","BottomRight","TopRight","BottomLeft","handleClick","event","stopPropagation","handleDocumentClick","_contextMenuContentRe","contains","target","useImperativeHandle","hide","show","window","createPortal","AnimatePresence","initial","onKeySelect","Fragment","StyledContextMenu","className","$isActive","$shouldAddHoverEffect","displayName","_default","exports"],"sources":["../../../../src/components/context-menu/ContextMenu.tsx"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n forwardRef,\n isValidElement,\n MouseEvent,\n MouseEventHandler,\n ReactNode,\n ReactPortal,\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useUuid } from '../../hooks/uuid';\nimport { ContextMenuAlignment } from '../../types/contextMenu';\nimport { useIsTouch } from '../../utils/environment';\nimport Icon from '../icon/Icon';\nimport ContextMenuContent from './context-menu-content/ContextMenuContent';\nimport { StyledContextMenu } from './ContextMenu.styles';\n\nexport type ContextMenuCoordinates = {\n x: number;\n y: number;\n};\n\nexport type ContextMenuItem = {\n icons: string[] \| ReactNode;\n key: string;\n onClick: (event?: MouseEvent<HTMLDivElement>) => Promise<void> \| void;\n isSelected?: boolean;\n text: string;\n shouldShowSpacer?: boolean;\n};\n\nexport interface ContextMenuRef {\n hide: VoidFunction;\n show: VoidFunction;\n}\n\ntype ContextMenuProps = {\n /*\n Optional custom alignment used instead of calculating it using the\n * alignment within the page. The available alignment can be taken from the\n * ContextMenuAlignment enum.\n /\n alignment?: ContextMenuAlignment;\n /\n The element over which the content of the `ContextMenu` should be displayed. The default is an ellipsis icon.\n /\n children?: ReactNode;\n /\n The element where the content of the `ContextMenu` should be rendered via React Portal.\n /\n container?: Element;\n /\n Optional own coordinates to be used instead of calculating the alignment\n * based on the alignment of the children.\n /\n coordinates?: ContextMenuCoordinates;\n /\n The headline of the contextmenu.\n /\n headline?: string;\n /\n The items that will be displayed in the content of the `ContextMenu`. Custom icon elements only works on desktop.\n /\n items: ContextMenuItem[];\n /\n Function to be executed when the content of the Context menu has been hidden.\n /\n onHide?: VoidFunction;\n /\n Function to be executed when the content of the Context menu has been shown.\n /\n onShow?: VoidFunction;\n /\n Whether the popup should be closed if its clicked.\n /\n shouldCloseOnPopupClick?: boolean;\n /\n Whether the arrow of the popup should be hidden.\n /\n shouldHidePopupArrow?: boolean;\n /\n Whether the last item should be separated.\n /\n shouldSeparateLastItem?: boolean;\n /\n Whether the hover effect should be shown.\n /\n shouldShowHoverEffect?: boolean;\n /\n Whether the click should be disabled.\n /\n shouldDisableClick?: boolean;\n /\n The z-index of the popup.\n */\n zIndex?: number;\n};\n\ninterface SelectDialogResult {\n buttonType: number;\n result: number[];\n}\n\nconst ContextMenu = forwardRef<ContextMenuRef, ContextMenuProps>(\n (\n {\n alignment,\n children = <Icon icons={['ts-ellipsis_v']} size={18} />,\n container,\n coordinates,\n shouldHidePopupArrow = false,\n items,\n headline,\n onHide,\n shouldDisableClick = false,\n onShow,\n shouldCloseOnPopupClick = true,\n shouldSeparateLastItem = false,\n shouldShowHoverEffect = false,\n zIndex = 20,\n },\n ref,\n ) => {\n const [internalCoordinates, setInternalCoordinates] = useState<ContextMenuCoordinates>({\n x: 0,\n y: 0,\n });\n const [newContainer, setNewContainer] = useState<Element \| null>(container ?? null);\n const [focusedIndex, setFocusedIndex] = useState<number>(0);\n\n const [internalAlignment, setInternalAlignment] = useState<ContextMenuAlignment>(\n ContextMenuAlignment.TopLeft,\n );\n\n const [isContentShown, setIsContentShown] = useState(false);\n const [portal, setPortal] = useState<ReactPortal>();\n\n const uuid = useUuid();\n\n const contextMenuContentRef = useRef<HTMLDivElement>(null);\n const contextMenuRef = useRef<HTMLSpanElement>(null);\n\n const isTouch = useIsTouch();\n\n useEffect(() => {\n if (isContentShown) {\n setFocusedIndex(0);\n }\n }, [isContentShown]);\n\n useEffect(() => {\n if (contextMenuRef.current && !container) {\n const el = contextMenuRef.current as HTMLElement;\n\n const element = el.closest('.dialog-inner, .page-provider, .tapp, body');\n\n setNewContainer(element);\n }\n }, [container]);\n\n useEffect(() => {\n if (container instanceof Element) {\n setNewContainer(container);\n }\n }, [container]);\n\n const handleHide = useCallback(() => {\n setIsContentShown(false);\n }, []);\n\n useEffect(() => {\n if (!isContentShown) return () => {};\n\n const handleKey = (e: KeyboardEvent) => {\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n setFocusedIndex((prev) => Math.min(prev + 1, items.length - 1));\n }\n\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n setFocusedIndex((prev) => Math.max(prev - 1, 0));\n }\n\n if (e.key === 'Enter') {\n e.preventDefault();\n const item = items[focusedIndex];\n if (item) {\n void item.onClick();\n\n if (shouldCloseOnPopupClick) {\n handleHide();\n }\n }\n }\n\n if (e.key === 'Escape') {\n handleHide();\n }\n };\n\n document.addEventListener('keydown', handleKey);\n\n return () => document.removeEventListener('keydown', handleKey);\n }, [isContentShown, items, focusedIndex, handleHide, shouldCloseOnPopupClick]);\n\n const handleShow = useCallback(async () => {\n if (isTouch) {\n const { result } = (await createDialog({\n type: DialogType.SELECT,\n buttons: [],\n list: items.map(({ icons, text, isSelected }, index) => ({\n name: text,\n id: index,\n isSelected,\n icon: isValidElement(icons) ? undefined : (icons as string)[0],\n })),\n }).open()) as SelectDialogResult;\n\n if (result && typeof result[0] === 'number') {\n void items[result[0]]?.onClick();\n }\n } else if (contextMenuRef.current) {\n if (!newContainer) {\n return;\n }\n\n const {\n height: childrenHeight,\n left: childrenLeft,\n top: childrenTop,\n width: childrenWidth,\n } = contextMenuRef.current.getBoundingClientRect();\n\n const { height, width, top, left } = newContainer.getBoundingClientRect();\n\n const zoomX = width / (newContainer as HTMLElement).offsetWidth;\n const zoomY = height / (newContainer as HTMLElement).offsetHeight;\n\n const x =\n (childrenLeft + childrenWidth / 2 - left) / zoomX + newContainer.scrollLeft;\n const y = (childrenTop + childrenHeight / 2 - top) / zoomY + newContainer.scrollTop;\n\n setInternalCoordinates({ x, y });\n\n if (x < width / 2) {\n if (y < height / 2) {\n setInternalAlignment(ContextMenuAlignment.BottomRight);\n } else {\n setInternalAlignment(ContextMenuAlignment.TopRight);\n }\n } else if (y < height / 2) {\n setInternalAlignment(ContextMenuAlignment.BottomLeft);\n } else {\n setInternalAlignment(ContextMenuAlignment.TopLeft);\n }\n\n setIsContentShown(true);\n }\n }, [isTouch, items, newContainer]);\n\n const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (event) => {\n if (shouldDisableClick) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n void handleShow();\n },\n [handleShow, shouldDisableClick],\n );\n\n const handleDocumentClick = useCallback<EventListener>(\n (event) => {\n if (\n !shouldCloseOnPopupClick &&\n contextMenuContentRef.current?.contains(event.target as Node)\n ) {\n return;\n }\n\n handleHide();\n },\n [handleHide, shouldCloseOnPopupClick],\n );\n\n useImperativeHandle(\n ref,\n () => ({\n hide: handleHide,\n show: handleShow,\n }),\n [handleHide, handleShow],\n );\n\n useEffect(() => {\n if (isContentShown) {\n document.addEventListener('click', handleDocumentClick, true);\n window.addEventListener('blur', handleHide);\n\n if (typeof onShow === 'function') {\n onShow();\n }\n } else if (typeof onHide === 'function') {\n onHide();\n }\n\n return () => {\n document.removeEventListener('click', handleDocumentClick, true);\n window.removeEventListener('blur', handleHide);\n };\n }, [handleDocumentClick, handleHide, isContentShown, onHide, onShow]);\n\n useEffect(() => {\n if (!newContainer) {\n return;\n }\n\n setPortal(() =>\n createPortal(\n <AnimatePresence initial={false}>\n {isContentShown && (\n <ContextMenuContent\n coordinates={coordinates ?? internalCoordinates}\n items={items}\n shouldSeparateLastItem={shouldSeparateLastItem}\n zIndex={zIndex}\n headline={headline}\n shouldHidePopupArrow={shouldHidePopupArrow}\n key={`contextMenu_${uuid}`}\n alignment={alignment ?? internalAlignment}\n ref={contextMenuContentRef}\n focusedIndex={focusedIndex}\n onKeySelect={(index) => {\n const item = items[index];\n if (item) {\n void item.onClick();\n handleHide();\n }\n }}\n />\n )}\n </AnimatePresence>,\n newContainer,\n ),\n );\n }, [\n alignment,\n newContainer,\n coordinates,\n internalAlignment,\n internalCoordinates,\n isContentShown,\n items,\n uuid,\n zIndex,\n shouldHidePopupArrow,\n headline,\n shouldSeparateLastItem,\n focusedIndex,\n handleHide,\n ]);\n\n return (\n <>\n <StyledContextMenu\n className=\"beta-chayns-context-menu\"\n $isActive={isContentShown && shouldShowHoverEffect}\n $shouldAddHoverEffect={!isTouch && shouldShowHoverEffect}\n onClick={handleClick}\n ref={contextMenuRef}\n >\n {children}\n </StyledContextMenu>\n {portal}\n </>\n );\n },\n);\n\nContextMenu.displayName = 'ContextMenu';\n\nexport default ContextMenu;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"ContextMenu.js","names":["_chaynsApi","require","_react","_react2","_interopRequireWildcard","_reactDom","_uuid","_environment","_Icon","_interopRequireDefault","_ContextMenuContent","_ContextMenu","_ContextMenu2","_ContextMenu3","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ContextMenu","forwardRef","alignment","children","createElement","icons","size","container","coordinates","headline","items","onHide","onShow","shouldCloseOnPopupClick","shouldDisableClick","shouldHidePopupArrow","shouldShowHoverEffect","zIndex","ref","internalCoordinates","setInternalCoordinates","useState","x","y","internalAlignment","setInternalAlignment","ContextMenuAlignment","TopLeft","newContainer","setNewContainer","focusedIndex","setFocusedIndex","getDefaultFocusedIndex","isContentShown","setIsContentShown","portal","setPortal","uuid","useUuid","contextMenuContentRef","useRef","contextMenuRef","isTouch","useIsTouch","useEffect","current","el","element","closest","Element","handleHide","useCallback","handleKey","key","preventDefault","prev","Math","min","length","max","item","onClick","document","addEventListener","removeEventListener","handleShow","result","createDialog","type","DialogType","SELECT","buttons","list","map","text","isSelected","index","name","id","icon","isValidElement","undefined","open","_items$result$","height","childrenHeight","left","childrenLeft","top","childrenTop","width","childrenWidth","getBoundingClientRect","zoomX","offsetWidth","zoomY","offsetHeight","scrollLeft","scrollTop","BottomRight","TopRight","BottomLeft","handleClick","event","stopPropagation","handleDocumentClick","_contextMenuContentRe","contains","target","useImperativeHandle","hide","show","window","createPortal","AnimatePresence","initial","onKeySelect","Fragment","StyledContextMenu","className","$isActive","$shouldAddHoverEffect","displayName","_default","exports"],"sources":["../../../../src/components/context-menu/ContextMenu.tsx"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n forwardRef,\n isValidElement,\n MouseEventHandler,\n ReactPortal,\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useUuid } from '../../hooks/uuid';\nimport { useIsTouch } from '../../utils/environment';\nimport Icon from '../icon/Icon';\nimport ContextMenuContent from './context-menu-content/ContextMenuContent';\nimport { StyledContextMenu } from './ContextMenu.styles';\nimport {\n ContextMenuAlignment,\n type ContextMenuCoordinates,\n type ContextMenuProps,\n type ContextMenuRef,\n} from './ContextMenu.types';\nimport { SelectDialogResult } from '../../types/general';\nimport { getDefaultFocusedIndex } from './ContextMenu.utils';\n\nconst ContextMenu = forwardRef<ContextMenuRef, ContextMenuProps>(\n (\n {\n alignment,\n children = <Icon icons={['ts-ellipsis_v']} size={18} />,\n container,\n coordinates,\n headline,\n items,\n onHide,\n onShow,\n shouldCloseOnPopupClick = true,\n shouldDisableClick = false,\n shouldHidePopupArrow = false,\n shouldShowHoverEffect = false,\n zIndex = 20,\n },\n ref,\n ) => {\n const [internalCoordinates, setInternalCoordinates] = useState<ContextMenuCoordinates>({\n x: 0,\n y: 0,\n });\n\n const [internalAlignment, setInternalAlignment] = useState<ContextMenuAlignment>(\n ContextMenuAlignment.TopLeft,\n );\n\n const [newContainer, setNewContainer] = useState(container ?? null);\n const [focusedIndex, setFocusedIndex] = useState(getDefaultFocusedIndex(items));\n const [isContentShown, setIsContentShown] = useState(false);\n const [portal, setPortal] = useState<ReactPortal>();\n\n const uuid = useUuid();\n\n const contextMenuContentRef = useRef<HTMLDivElement>(null);\n const contextMenuRef = useRef<HTMLSpanElement>(null);\n\n const isTouch = useIsTouch();\n\n useEffect(() => {\n if (isContentShown) {\n setFocusedIndex(getDefaultFocusedIndex(items));\n }\n }, [isContentShown, items]);\n\n useEffect(() => {\n if (contextMenuRef.current && !container) {\n const el = contextMenuRef.current as HTMLElement;\n\n const element = el.closest('.dialog-inner, .page-provider, .tapp, body');\n\n setNewContainer(element);\n }\n }, [container]);\n\n useEffect(() => {\n if (container instanceof Element) {\n setNewContainer(container);\n }\n }, [container]);\n\n const handleHide = useCallback(() => {\n setIsContentShown(false);\n }, []);\n\n useEffect(() => {\n if (!isContentShown) return () => {};\n\n const handleKey = (e: KeyboardEvent) => {\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n setFocusedIndex((prev) => Math.min(prev + 1, items.length - 1));\n }\n\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n setFocusedIndex((prev) => Math.max(prev - 1, 0));\n }\n\n if (e.key === 'Enter') {\n e.preventDefault();\n const item = items[focusedIndex];\n if (item) {\n void item.onClick();\n\n if (shouldCloseOnPopupClick) {\n handleHide();\n }\n }\n }\n\n if (e.key === 'Escape') {\n handleHide();\n }\n };\n\n document.addEventListener('keydown', handleKey);\n\n return () => document.removeEventListener('keydown', handleKey);\n }, [isContentShown, items, focusedIndex, handleHide, shouldCloseOnPopupClick]);\n\n const handleShow = useCallback(async () => {\n if (isTouch) {\n const { result } = (await createDialog({\n type: DialogType.SELECT,\n buttons: [],\n list: items.map(({ icons, text, isSelected }, index) => ({\n name: text,\n id: index,\n isSelected,\n icon: isValidElement(icons) ? undefined : (icons as string)[0],\n })),\n }).open()) as SelectDialogResult;\n\n if (result && typeof result[0] === 'number') {\n void items[result[0]]?.onClick();\n }\n } else if (contextMenuRef.current) {\n if (!newContainer) {\n return;\n }\n\n const {\n height: childrenHeight,\n left: childrenLeft,\n top: childrenTop,\n width: childrenWidth,\n } = contextMenuRef.current.getBoundingClientRect();\n\n const { height, width, top, left } = newContainer.getBoundingClientRect();\n\n const zoomX = width / (newContainer as HTMLElement).offsetWidth;\n const zoomY = height / (newContainer as HTMLElement).offsetHeight;\n\n const x =\n (childrenLeft + childrenWidth / 2 - left) / zoomX + newContainer.scrollLeft;\n const y = (childrenTop + childrenHeight / 2 - top) / zoomY + newContainer.scrollTop;\n\n setInternalCoordinates({ x, y });\n\n if (x < width / 2) {\n if (y < height / 2) {\n setInternalAlignment(ContextMenuAlignment.BottomRight);\n } else {\n setInternalAlignment(ContextMenuAlignment.TopRight);\n }\n } else if (y < height / 2) {\n setInternalAlignment(ContextMenuAlignment.BottomLeft);\n } else {\n setInternalAlignment(ContextMenuAlignment.TopLeft);\n }\n\n setIsContentShown(true);\n }\n }, [isTouch, items, newContainer]);\n\n const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (event) => {\n if (shouldDisableClick) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n void handleShow();\n },\n [handleShow, shouldDisableClick],\n );\n\n const handleDocumentClick = useCallback<EventListener>(\n (event) => {\n if (\n !shouldCloseOnPopupClick &&\n contextMenuContentRef.current?.contains(event.target as Node)\n ) {\n return;\n }\n\n handleHide();\n },\n [handleHide, shouldCloseOnPopupClick],\n );\n\n useImperativeHandle(\n ref,\n () => ({\n hide: handleHide,\n show: handleShow,\n }),\n [handleHide, handleShow],\n );\n\n useEffect(() => {\n if (isContentShown) {\n document.addEventListener('click', handleDocumentClick, true);\n window.addEventListener('blur', handleHide);\n\n if (typeof onShow === 'function') {\n onShow();\n }\n } else if (typeof onHide === 'function') {\n onHide();\n }\n\n return () => {\n document.removeEventListener('click', handleDocumentClick, true);\n window.removeEventListener('blur', handleHide);\n };\n }, [handleDocumentClick, handleHide, isContentShown, onHide, onShow]);\n\n useEffect(() => {\n if (!newContainer) {\n return;\n }\n\n setPortal(() =>\n createPortal(\n <AnimatePresence initial={false}>\n {isContentShown && (\n <ContextMenuContent\n coordinates={coordinates ?? internalCoordinates}\n items={items}\n zIndex={zIndex}\n headline={headline}\n shouldHidePopupArrow={shouldHidePopupArrow}\n key={`contextMenu_${uuid}`}\n alignment={alignment ?? internalAlignment}\n ref={contextMenuContentRef}\n focusedIndex={focusedIndex}\n onKeySelect={(index) => {\n const item = items[index];\n if (item) {\n void item.onClick();\n handleHide();\n }\n }}\n />\n )}\n </AnimatePresence>,\n newContainer,\n ),\n );\n }, [\n alignment,\n newContainer,\n coordinates,\n internalAlignment,\n internalCoordinates,\n isContentShown,\n items,\n uuid,\n zIndex,\n shouldHidePopupArrow,\n headline,\n focusedIndex,\n handleHide,\n ]);\n\n return (\n <>\n <StyledContextMenu\n className=\"beta-chayns-context-menu\"\n $isActive={isContentShown && shouldShowHoverEffect}\n $shouldAddHoverEffect={!isTouch && shouldShowHoverEffect}\n onClick={handleClick}\n ref={contextMenuRef}\n >\n {children}\n </StyledContextMenu>\n {portal}\n </>\n );\n },\n);\n\nContextMenu.displayName = 'ContextMenu';\n\nexport default ContextMenu;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/context-menu/ContextMenu.types.js ADDED Viewed

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContextMenuAlignment = void 0;
+/**
+ * Enum representing the possible alignments for the context menu.
+ */
+let ContextMenuAlignment = exports.ContextMenuAlignment = /*#__PURE__*/function (ContextMenuAlignment) {
+  ContextMenuAlignment[ContextMenuAlignment["TopLeft"] = 0] = "TopLeft";
+  ContextMenuAlignment[ContextMenuAlignment["BottomLeft"] = 1] = "BottomLeft";
+  ContextMenuAlignment[ContextMenuAlignment["TopRight"] = 2] = "TopRight";
+  ContextMenuAlignment[ContextMenuAlignment["BottomRight"] = 3] = "BottomRight";
+  ContextMenuAlignment[ContextMenuAlignment["TopCenter"] = 4] = "TopCenter";
+  ContextMenuAlignment[ContextMenuAlignment["BottomCenter"] = 5] = "BottomCenter";
+  return ContextMenuAlignment;
+}({});
+/**
+ * Type representing the coordinates for positioning the context menu.
+ */
+/**
+ * Type representing an item in the context menu.
+ */
+/**
+ * Props for the ContextMenu component.
+ */
+/**
+ * Ref interface for the ContextMenu component.
+ */
+//# sourceMappingURL=ContextMenu.types.js.map

package/lib/cjs/components/context-menu/ContextMenu.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ContextMenu.types.js","names":["ContextMenuAlignment","exports"],"sources":["../../../../src/components/context-menu/ContextMenu.types.ts"],"sourcesContent":["import type { MouseEvent, ReactNode } from 'react';\n\n/**\n * Enum representing the possible alignments for the context menu.\n */\nexport enum ContextMenuAlignment {\n TopLeft,\n BottomLeft,\n TopRight,\n BottomRight,\n TopCenter,\n BottomCenter,\n}\n\n/**\n * Type representing the coordinates for positioning the context menu.\n */\nexport type ContextMenuCoordinates = {\n /** The x-coordinate. */\n x: number;\n /** The y-coordinate. */\n y: number;\n};\n\n/**\n * Type representing an item in the context menu.\n */\nexport type ContextMenuItem = {\n /** Optional icons for the item. Can be strings or React nodes. */\n icons?: string[] | ReactNode;\n /** Whether the item is selected. */\n isSelected?: boolean;\n /** Unique key for the item. */\n key: string;\n /** Function called when the item is clicked. */\n onClick: (event?: MouseEvent<HTMLDivElement>) => Promise<void> | void;\n /** Whether to show a spacer after the item. */\n shouldShowSpacer?: boolean;\n /** The text displayed for the item. */\n text: string;\n};\n\n/**\n * Props for the ContextMenu component.\n */\nexport type ContextMenuProps = {\n /**\n * Context menu alignment\n * @description Optional custom alignment used instead of calculating it using the alignment\n * within the page. The available alignments can be taken from the ContextMenuAlignment enum.\n * @example alignment={ContextMenuAlignment.TopLeft}\n * @optional\n */\n alignment?: ContextMenuAlignment;\n /**\n * Children element\n * @description The element over which the content of the ContextMenu should be displayed.\n * @example children={<Icon icons={['fa fa-paper-clip']} />\n * @default <Icon icons={['ts-ellipsis_v']} size={18} />\n * @optional\n */\n children?: ReactNode;\n /**\n * Container element\n * @description The element where the content of the ContextMenu should be rendered via React Portal.\n * @example container={document.body}\n * @optional\n */\n container?: Element;\n /**\n * Custom coordinates\n * @description Optional own coordinates to be used instead of calculating the alignment based\n * on the alignment of the children.\n * @example coordinates={{ x: 100, y: 200 }}\n * @optional\n */\n coordinates?: ContextMenuCoordinates;\n /**\n * Context menu headline\n * @description The headline of the context menu. If not provided, no headline will be displayed.\n * @example headline=\"Options\"\n * @optional\n */\n headline?: string;\n /**\n * Menu items\n * @description The items that will be displayed in the content of the ContextMenu. Custom icon\n * elements only will be displayed on desktop devices.\n * @example items={[{ key: '1', text: 'Option 1', onClick: () => {} }]}\n */\n items: ContextMenuItem[];\n /**\n * Hide callback function\n * @description Function to be executed when the content of the Context menu has been hidden.\n * @example onHide={() => console.log('Menu hidden')}\n * @optional\n */\n onHide?: VoidFunction;\n /**\n * Show callback function\n * @description Function to be executed when the content of the Context menu has been shown.\n * @example onShow={() => console.log('Menu shown')}\n * @optional\n */\n onShow?: VoidFunction;\n /**\n * Close on popup click flag\n * @description Whether the popup should be closed if it is clicked.\n * @default true\n * @optional\n */\n shouldCloseOnPopupClick?: boolean;\n /**\n * Disable click flag\n * @description Whether the click should be disabled.\n * @default false\n * @optional\n */\n shouldDisableClick?: boolean;\n /**\n * Hide popup arrow flag\n * @description Whether the arrow of the popup should be hidden.\n * @default false\n * @optional\n */\n shouldHidePopupArrow?: boolean;\n /**\n * Show hover effect flag\n * @description Whether the hover effect should be shown.\n * @default false\n * @optional\n */\n shouldShowHoverEffect?: boolean;\n /**\n * Z-index value\n * @description The z-index of the popup.\n * @example zIndex={100}\n * @default 20\n * @optional\n */\n zIndex?: number;\n};\n\n/**\n * Ref interface for the ContextMenu component.\n */\nexport interface ContextMenuRef {\n /** Hides the context menu. */\n hide: VoidFunction;\n /** Shows the context menu. */\n show: VoidFunction;\n}\n"],"mappings":";;;;;;AAEA;AACA;AACA;AAFA,IAGYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAShC;AACA;AACA;AAQA;AACA;AACA;AAgBA;AACA;AACA;AAmGA;AACA;AACA","ignoreList":[]}

package/lib/cjs/components/context-menu/ContextMenu.utils.js ADDED Viewed

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultFocusedIndex = void 0;
+const getDefaultFocusedIndex = items => {
+  const firstSelectedIndex = items.findIndex(item => item.isSelected);
+  return firstSelectedIndex !== -1 ? firstSelectedIndex : 0;
+};
+exports.getDefaultFocusedIndex = getDefaultFocusedIndex;
+//# sourceMappingURL=ContextMenu.utils.js.map

package/lib/cjs/components/context-menu/ContextMenu.utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ContextMenu.utils.js","names":["getDefaultFocusedIndex","items","firstSelectedIndex","findIndex","item","isSelected","exports"],"sources":["../../../../src/components/context-menu/ContextMenu.utils.ts"],"sourcesContent":["import type { ContextMenuItem } from './ContextMenu.types';\n\nexport const getDefaultFocusedIndex = (items: ContextMenuItem[]): number => {\n const firstSelectedIndex = items.findIndex((item) => item.isSelected);\n\n return firstSelectedIndex !== -1 ? firstSelectedIndex : 0;\n};\n"],"mappings":";;;;;;AAEO,MAAMA,sBAAsB,GAAIC,KAAwB,IAAa;EACxE,MAAMC,kBAAkB,GAAGD,KAAK,CAACE,SAAS,CAAEC,IAAI,IAAKA,IAAI,CAACC,UAAU,CAAC;EAErE,OAAOH,kBAAkB,KAAK,CAAC,CAAC,GAAGA,kBAAkB,GAAG,CAAC;AAC7D,CAAC;AAACI,OAAA,CAAAN,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/cjs/components/context-menu/context-menu-content/ContextMenuContent.js CHANGED Viewed

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _contextMenu = require("../../../types/contextMenu");
 var _Icon = _interopRequireDefault(require("../../icon/Icon"));
 var _ContextMenuContent = require("./ContextMenuContent.styles");
+var _ContextMenu = require("../ContextMenu.types");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ContextMenuContent = /*#__PURE__*/_react.default.forwardRef(({
@@ -18,14 +18,13 @@ const ContextMenuContent = /*#__PURE__*/_react.default.forwardRef(({
   shouldHidePopupArrow,
   headline,
   onKeySelect,
-  focusedIndex,
-  shouldSeparateLastItem
+  focusedIndex
 }, ref) => {
-  const isBottomLeftAlignment = alignment === _contextMenu.ContextMenuAlignment.BottomLeft;
-  const isTopLeftAlignment = alignment === _contextMenu.ContextMenuAlignment.TopLeft;
-  const isTopRightAlignment = alignment === _contextMenu.ContextMenuAlignment.TopRight;
-  const isTopCenterAlignment = alignment === _contextMenu.ContextMenuAlignment.TopCenter;
-  const isBottomCenterAlignment = alignment === _contextMenu.ContextMenuAlignment.BottomCenter;
+  const isBottomLeftAlignment = alignment === _ContextMenu.ContextMenuAlignment.BottomLeft;
+  const isTopLeftAlignment = alignment === _ContextMenu.ContextMenuAlignment.TopLeft;
+  const isTopRightAlignment = alignment === _ContextMenu.ContextMenuAlignment.TopRight;
+  const isTopCenterAlignment = alignment === _ContextMenu.ContextMenuAlignment.TopCenter;
+  const isBottomCenterAlignment = alignment === _ContextMenu.ContextMenuAlignment.BottomCenter;
   const percentageOffsetX = (0, _react.useMemo)(() => {
     if (isBottomLeftAlignment || isTopLeftAlignment) {
       return -100;
@@ -55,7 +54,15 @@ const ContextMenuContent = /*#__PURE__*/_react.default.forwardRef(({
     shouldShowSpacer
   }, index) => {
     const isFocused = index === focusedIndex;
-    const item = /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItem, {
+    let iconElement = null;
+    if (/*#__PURE__*/(0, _react.isValidElement)(icons)) {
+      iconElement = icons;
+    } else if (Array.isArray(icons) && icons.length > 0) {
+      iconElement = /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItemIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        icons: icons
+      }));
+    }
+    return /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItem, {
       key: `context-menu-item-${key}`,
       "data-index": index
     }, /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItemWrapper, {
@@ -74,16 +81,8 @@ const ContextMenuContent = /*#__PURE__*/_react.default.forwardRef(({
           onKeySelect(index);
         }
       }
-    }, /*#__PURE__*/(0, _react.isValidElement)(icons) ? icons : /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItemIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icons: icons
-    })), /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItemText, null, text)), shouldShowSpacer && /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItemSpacer, null));
-    if (shouldSeparateLastItem && index + 1 === items.length) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-        key: `context-menu-item-${key}`
-      }, /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItemBorder, null), item);
-    }
-    return item;
-  }), [items, focusedIndex, shouldHidePopupArrow, shouldSeparateLastItem, onKeySelect]);
+    }, iconElement, /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItemText, null, text)), shouldShowSpacer && /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItemSpacer, null));
+  }), [items, focusedIndex, shouldHidePopupArrow, onKeySelect]);
   return /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledMotionContextMenuContent, {
     animate: {
       opacity: 1,

package/lib/cjs/components/context-menu/context-menu-content/ContextMenuContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenuContent.js","names":["_react","_interopRequireWildcard","require","_contextMenu","_Icon","_interopRequireDefault","_ContextMenuContent","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ContextMenuContent","React","forwardRef","alignment","coordinates","items","zIndex","shouldHidePopupArrow","headline","onKeySelect","focusedIndex","shouldSeparateLastItem","ref","isBottomLeftAlignment","ContextMenuAlignment","BottomLeft","isTopLeftAlignment","TopLeft","isTopRightAlignment","TopRight","isTopCenterAlignment","TopCenter","isBottomCenterAlignment","BottomCenter","percentageOffsetX","useMemo","anchorOffsetX","percentageOffsetY","anchorOffsetY","exitAndInitialY","content","map","onClick","key","text","icons","shouldShowSpacer","index","isFocused","item","createElement","StyledContextMenuContentItem","StyledContextMenuContentItemWrapper","event","preventDefault","stopPropagation","tabIndex","$shouldHidePopupArrow","$isFocused","onKeyDown","isValidElement","StyledContextMenuContentItemIconWrapper","StyledContextMenuContentItemText","StyledContextMenuContentItemSpacer","length","Fragment","StyledContextMenuContentItemBorder","StyledMotionContextMenuContent","animate","opacity","y","exit","initial","$position","$zIndex","style","left","x","top","transition","ease","transformTemplate","StyledContextMenuContentHeadline","displayName","_default","exports"],"sources":["../../../../../src/components/context-menu/context-menu-content/ContextMenuContent.tsx"],"sourcesContent":["import React, { isValidElement, useMemo } from 'react';\nimport { ContextMenuAlignment } from '../../../types/contextMenu';\nimport Icon from '../../icon/Icon';\nimport type { ContextMenuCoordinates, ContextMenuItem } from '../ContextMenu';\nimport {\n StyledContextMenuContentHeadline,\n StyledContextMenuContentItem,\n StyledContextMenuContentItemBorder,\n StyledContextMenuContentItemIconWrapper,\n StyledContextMenuContentItemSpacer,\n StyledContextMenuContentItemText,\n StyledContextMenuContentItemWrapper,\n StyledMotionContextMenuContent,\n} from './ContextMenuContent.styles';\n\ntype ContextMenuContentProps = {\n alignment: ContextMenuAlignment;\n coordinates: ContextMenuCoordinates;\n items: ContextMenuItem[];\n shouldHidePopupArrow: boolean;\n headline?: string;\n zIndex: number;\n shouldSeparateLastItem: boolean;\n focusedIndex: number;\n onKeySelect: (index: number) => void;\n};\n\nconst ContextMenuContent = React.forwardRef<HTMLDivElement, ContextMenuContentProps>(\n (\n {\n alignment,\n coordinates,\n items,\n zIndex,\n shouldHidePopupArrow,\n headline,\n onKeySelect,\n focusedIndex,\n shouldSeparateLastItem,\n },\n ref,\n ) => {\n const isBottomLeftAlignment = alignment === ContextMenuAlignment.BottomLeft;\n const isTopLeftAlignment = alignment === ContextMenuAlignment.TopLeft;\n const isTopRightAlignment = alignment === ContextMenuAlignment.TopRight;\n const isTopCenterAlignment = alignment === ContextMenuAlignment.TopCenter;\n const isBottomCenterAlignment = alignment === ContextMenuAlignment.BottomCenter;\n\n const percentageOffsetX = useMemo(() => {\n if (isBottomLeftAlignment \|\| isTopLeftAlignment) {\n return -100;\n }\n\n if (isBottomCenterAlignment \|\| isTopCenterAlignment) {\n return -50;\n }\n\n return 0;\n }, [\n isBottomCenterAlignment,\n isBottomLeftAlignment,\n isTopCenterAlignment,\n isTopLeftAlignment,\n ]);\n\n const anchorOffsetX = useMemo(() => {\n if (isBottomLeftAlignment \|\| isTopLeftAlignment) {\n return 15;\n }\n\n if (isBottomCenterAlignment \|\| isTopCenterAlignment) {\n return 0;\n }\n\n return -15;\n }, [\n isBottomCenterAlignment,\n isBottomLeftAlignment,\n isTopCenterAlignment,\n isTopLeftAlignment,\n ]);\n\n const percentageOffsetY =\n isTopRightAlignment \|\| isTopLeftAlignment \|\| isTopCenterAlignment ? -100 : 0;\n\n const anchorOffsetY =\n isTopRightAlignment \|\| isTopLeftAlignment \|\| isTopCenterAlignment ? -21 : 21;\n\n const exitAndInitialY = isTopLeftAlignment \|\| isTopRightAlignment ? -16 : 16;\n\n const content = useMemo(\n () =>\n items.map(({ onClick, key, text, icons, shouldShowSpacer }, index) => {\n const isFocused = index === focusedIndex;\n\n const item = (\n <StyledContextMenuContentItem\n key={`context-menu-item-${key}`}\n data-index={index}\n >\n <StyledContextMenuContentItemWrapper\n key={key}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n void onClick(event);\n }}\n tabIndex={0}\n $shouldHidePopupArrow={shouldHidePopupArrow}\n $isFocused={isFocused}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n onKeySelect(index);\n }\n }}\n >\n {isValidElement(icons) ? (\n icons\n ) : (\n <StyledContextMenuContentItemIconWrapper>\n <Icon icons={icons as string[]} />\n </StyledContextMenuContentItemIconWrapper>\n )}\n <StyledContextMenuContentItemText>\n {text}\n </StyledContextMenuContentItemText>\n </StyledContextMenuContentItemWrapper>\n\n {shouldShowSpacer && <StyledContextMenuContentItemSpacer />}\n </StyledContextMenuContentItem>\n );\n\n if (shouldSeparateLastItem && index + 1 === items.length) {\n return (\n <React.Fragment key={`context-menu-item-${key}`}>\n <StyledContextMenuContentItemBorder />\n {item}\n </React.Fragment>\n );\n }\n\n return item;\n }),\n [items, focusedIndex, shouldHidePopupArrow, shouldSeparateLastItem, onKeySelect],\n );\n\n return (\n <StyledMotionContextMenuContent\n animate={{ opacity: 1, y: 0 }}\n exit={{ opacity: 0, y: exitAndInitialY }}\n initial={{ opacity: 0, y: exitAndInitialY }}\n $position={alignment}\n $shouldHidePopupArrow={shouldHidePopupArrow}\n $zIndex={zIndex}\n ref={ref}\n style={{ left: coordinates.x, top: coordinates.y }}\n transition={{ ease: 'anticipate' }}\n transformTemplate={({ y = '0px' }) => `\n translateX(${percentageOffsetX}%)\n translateY(${percentageOffsetY}%)\n translateX(${anchorOffsetX}px)\n translateY(${anchorOffsetY}px)\n translateY(${y})\n `}\n >\n {headline && (\n <StyledContextMenuContentHeadline>{headline}</StyledContextMenuContentHeadline>\n )}\n {content}\n </StyledMotionContextMenuContent>\n );\n },\n);\n\nContextMenuContent.displayName = 'ContextMenuContent';\n\nexport default ContextMenuContent;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"ContextMenuContent.js","names":["_react","_interopRequireWildcard","require","_Icon","_interopRequireDefault","_ContextMenuContent","_ContextMenu","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ContextMenuContent","React","forwardRef","alignment","coordinates","items","zIndex","shouldHidePopupArrow","headline","onKeySelect","focusedIndex","ref","isBottomLeftAlignment","ContextMenuAlignment","BottomLeft","isTopLeftAlignment","TopLeft","isTopRightAlignment","TopRight","isTopCenterAlignment","TopCenter","isBottomCenterAlignment","BottomCenter","percentageOffsetX","useMemo","anchorOffsetX","percentageOffsetY","anchorOffsetY","exitAndInitialY","content","map","onClick","key","text","icons","shouldShowSpacer","index","isFocused","iconElement","isValidElement","Array","isArray","length","createElement","StyledContextMenuContentItemIconWrapper","StyledContextMenuContentItem","StyledContextMenuContentItemWrapper","event","preventDefault","stopPropagation","tabIndex","$shouldHidePopupArrow","$isFocused","onKeyDown","StyledContextMenuContentItemText","StyledContextMenuContentItemSpacer","StyledMotionContextMenuContent","animate","opacity","y","exit","initial","$position","$zIndex","style","left","x","top","transition","ease","transformTemplate","StyledContextMenuContentHeadline","displayName","_default","exports"],"sources":["../../../../../src/components/context-menu/context-menu-content/ContextMenuContent.tsx"],"sourcesContent":["import React, { isValidElement, useMemo } from 'react';\nimport Icon from '../../icon/Icon';\nimport {\n StyledContextMenuContentHeadline,\n StyledContextMenuContentItem,\n StyledContextMenuContentItemIconWrapper,\n StyledContextMenuContentItemSpacer,\n StyledContextMenuContentItemText,\n StyledContextMenuContentItemWrapper,\n StyledMotionContextMenuContent,\n} from './ContextMenuContent.styles';\nimport {\n ContextMenuAlignment,\n type ContextMenuCoordinates,\n type ContextMenuItem,\n} from '../ContextMenu.types';\n\ntype ContextMenuContentProps = {\n alignment: ContextMenuAlignment;\n coordinates: ContextMenuCoordinates;\n items: ContextMenuItem[];\n shouldHidePopupArrow: boolean;\n headline?: string;\n zIndex: number;\n focusedIndex: number;\n onKeySelect: (index: number) => void;\n};\n\nconst ContextMenuContent = React.forwardRef<HTMLDivElement, ContextMenuContentProps>(\n (\n {\n alignment,\n coordinates,\n items,\n zIndex,\n shouldHidePopupArrow,\n headline,\n onKeySelect,\n focusedIndex,\n },\n ref,\n ) => {\n const isBottomLeftAlignment = alignment === ContextMenuAlignment.BottomLeft;\n const isTopLeftAlignment = alignment === ContextMenuAlignment.TopLeft;\n const isTopRightAlignment = alignment === ContextMenuAlignment.TopRight;\n const isTopCenterAlignment = alignment === ContextMenuAlignment.TopCenter;\n const isBottomCenterAlignment = alignment === ContextMenuAlignment.BottomCenter;\n\n const percentageOffsetX = useMemo(() => {\n if (isBottomLeftAlignment \|\| isTopLeftAlignment) {\n return -100;\n }\n\n if (isBottomCenterAlignment \|\| isTopCenterAlignment) {\n return -50;\n }\n\n return 0;\n }, [\n isBottomCenterAlignment,\n isBottomLeftAlignment,\n isTopCenterAlignment,\n isTopLeftAlignment,\n ]);\n\n const anchorOffsetX = useMemo(() => {\n if (isBottomLeftAlignment \|\| isTopLeftAlignment) {\n return 15;\n }\n\n if (isBottomCenterAlignment \|\| isTopCenterAlignment) {\n return 0;\n }\n\n return -15;\n }, [\n isBottomCenterAlignment,\n isBottomLeftAlignment,\n isTopCenterAlignment,\n isTopLeftAlignment,\n ]);\n\n const percentageOffsetY =\n isTopRightAlignment \|\| isTopLeftAlignment \|\| isTopCenterAlignment ? -100 : 0;\n\n const anchorOffsetY =\n isTopRightAlignment \|\| isTopLeftAlignment \|\| isTopCenterAlignment ? -21 : 21;\n\n const exitAndInitialY = isTopLeftAlignment \|\| isTopRightAlignment ? -16 : 16;\n\n const content = useMemo(\n () =>\n items.map(({ onClick, key, text, icons, shouldShowSpacer }, index) => {\n const isFocused = index === focusedIndex;\n\n let iconElement = null;\n\n if (isValidElement(icons)) {\n iconElement = icons;\n } else if (Array.isArray(icons) && icons.length > 0) {\n iconElement = (\n <StyledContextMenuContentItemIconWrapper>\n <Icon icons={icons} />\n </StyledContextMenuContentItemIconWrapper>\n );\n }\n\n return (\n <StyledContextMenuContentItem\n key={`context-menu-item-${key}`}\n data-index={index}\n >\n <StyledContextMenuContentItemWrapper\n key={key}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n void onClick(event);\n }}\n tabIndex={0}\n $shouldHidePopupArrow={shouldHidePopupArrow}\n $isFocused={isFocused}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n onKeySelect(index);\n }\n }}\n >\n {iconElement}\n <StyledContextMenuContentItemText>\n {text}\n </StyledContextMenuContentItemText>\n </StyledContextMenuContentItemWrapper>\n {shouldShowSpacer && <StyledContextMenuContentItemSpacer />}\n </StyledContextMenuContentItem>\n );\n }),\n [items, focusedIndex, shouldHidePopupArrow, onKeySelect],\n );\n\n return (\n <StyledMotionContextMenuContent\n animate={{ opacity: 1, y: 0 }}\n exit={{ opacity: 0, y: exitAndInitialY }}\n initial={{ opacity: 0, y: exitAndInitialY }}\n $position={alignment}\n $shouldHidePopupArrow={shouldHidePopupArrow}\n $zIndex={zIndex}\n ref={ref}\n style={{ left: coordinates.x, top: coordinates.y }}\n transition={{ ease: 'anticipate' }}\n transformTemplate={({ y = '0px' }) => `\n translateX(${percentageOffsetX}%)\n translateY(${percentageOffsetY}%)\n translateX(${anchorOffsetX}px)\n translateY(${anchorOffsetY}px)\n translateY(${y})\n `}\n >\n {headline && (\n <StyledContextMenuContentHeadline>{headline}</StyledContextMenuContentHeadline>\n )}\n {content}\n </StyledMotionContextMenuContent>\n );\n },\n);\n\nContextMenuContent.displayName = 'ContextMenuContent';\n\nexport default ContextMenuContent;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/context-menu/context-menu-content/ContextMenuContent.styles.js CHANGED Viewed

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledMotionContextMenuContent = exports.StyledContextMenuContentItemWrapper = exports.StyledContextMenuContentItemText = exports.StyledContextMenuContentItemSpacer = exports.StyledContextMenuContentItemIconWrapper = exports.StyledContextMenuContentItemBorder = exports.StyledContextMenuContentItem = exports.StyledContextMenuContentHeadline = void 0;
+exports.StyledMotionContextMenuContent = exports.StyledContextMenuContentItemWrapper = exports.StyledContextMenuContentItemText = exports.StyledContextMenuContentItemSpacer = exports.StyledContextMenuContentItemIconWrapper = exports.StyledContextMenuContentItem = exports.StyledContextMenuContentHeadline = void 0;
 var _react = require("motion/react");
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _contextMenu = require("../../../types/contextMenu");
+var _ContextMenu = require("../ContextMenu.types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const StyledMotionContextMenuContent = exports.StyledMotionContextMenuContent = (0, _styledComponents.default)(_react.motion.div)`
     background-color: ${({
@@ -47,37 +47,37 @@ const StyledMotionContextMenuContent = exports.StyledMotionContextMenuContent =
   $position
 }) => {
   switch ($position) {
-    case _contextMenu.ContextMenuAlignment.TopLeft:
+    case _ContextMenu.ContextMenuAlignment.TopLeft:
       return (0, _styledComponents.css)`
                         bottom: -7px;
                         right: 7px;
                         transform: rotate(45deg);
                     `;
-    case _contextMenu.ContextMenuAlignment.BottomLeft:
+    case _ContextMenu.ContextMenuAlignment.BottomLeft:
       return (0, _styledComponents.css)`
                         top: -7px;
                         right: 7px;
                         transform: rotate(225deg);
                     `;
-    case _contextMenu.ContextMenuAlignment.TopRight:
+    case _ContextMenu.ContextMenuAlignment.TopRight:
       return (0, _styledComponents.css)`
                         transform: rotate(45deg);
                         bottom: -7px;
                         left: 7px;
                     `;
-    case _contextMenu.ContextMenuAlignment.BottomRight:
+    case _ContextMenu.ContextMenuAlignment.BottomRight:
       return (0, _styledComponents.css)`
                         transform: rotate(225deg);
                         top: -7px;
                         left: 7px;
                     `;
-    case _contextMenu.ContextMenuAlignment.TopCenter:
+    case _ContextMenu.ContextMenuAlignment.TopCenter:
       return (0, _styledComponents.css)`
                         bottom: -7px;
                         right: 45%;
                         transform: rotate(45deg);
                     `;
-    case _contextMenu.ContextMenuAlignment.BottomCenter:
+    case _ContextMenu.ContextMenuAlignment.BottomCenter:
       return (0, _styledComponents.css)`
                         transform: rotate(225deg);
                         top: -7px;
@@ -105,20 +105,11 @@ const StyledMotionContextMenuContent = exports.StyledMotionContextMenuContent =
 `;
 const StyledContextMenuContentItem = exports.StyledContextMenuContentItem = _styledComponents.default.div``;
 const StyledContextMenuContentItemSpacer = exports.StyledContextMenuContentItemSpacer = _styledComponents.default.div`
-    position: relative;
-    margin-bottom: 10px;
-    &:before {
-        position: absolute;
-        bottom: -5px;
-        height: 1px;
-        background-color: ${({
+    background-color: ${({
   theme
 }) => theme['003']};
-        width: 100%;
-        left: 0;
-        content: '';
-    }
+    height: 1px;
+    width: 100%;
 `;
 const StyledContextMenuContentItemWrapper = exports.StyledContextMenuContentItemWrapper = _styledComponents.default.div`
     cursor: pointer;
@@ -150,12 +141,6 @@ const StyledContextMenuContentItemIconWrapper = exports.StyledContextMenuContent
     margin: 0 8px 0 3px;
     width: 20px;
 `;
-const StyledContextMenuContentItemBorder = exports.StyledContextMenuContentItemBorder = _styledComponents.default.div`
-    width: 100%;
-    border-top: ${({
-  theme
-}) => `1px solid rgba(${theme['text-rgb'] ?? '34, 34, 34'}, 0.2)`};
-`;
 const StyledContextMenuContentHeadline = exports.StyledContextMenuContentHeadline = _styledComponents.default.div`
     width: 100%;
     margin: 3px 6px;

package/lib/cjs/components/context-menu/context-menu-content/ContextMenuContent.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenuContent.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","~~_contextMenu~~","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledMotionContextMenuContent","exports","styled","motion","div","theme","$shouldHidePopupArrow","text","$zIndex","css","$position","ContextMenuAlignment","TopLeft","BottomLeft","TopRight","BottomRight","TopCenter","BottomCenter","undefined","StyledContextMenuContentItem","StyledContextMenuContentItemSpacer","StyledContextMenuContentItemWrapper","$isFocused","StyledContextMenuContentItemIconWrapper","~~StyledContextMenuContentItemBorder","~~StyledContextMenuContentHeadline","StyledContextMenuContentItemText"],"sources":["../../../../../src/components/context-menu/context-menu-content/ContextMenuContent.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport { ~~ContextMenuAlignment~~ } from '~~../../../types~~/~~contextMenu~~';\nimport ~~type~~ { ~~WithTheme~~ } from '~~../../color-scheme-provider/ColorSchemeProvider~~';\n\ntype StyledMotionContextMenuContentProps = WithTheme<{\n $position: ContextMenuAlignment;\n $zIndex: number;\n $shouldHidePopupArrow: boolean;\n}>;\n\nexport const StyledMotionContextMenuContent = styled(\n motion.div,\n)<StyledMotionContextMenuContentProps>`\n background-color: ${({ theme }: StyledMotionContextMenuContentProps) => theme['001']};\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: ${({ $shouldHidePopupArrow }) => ($shouldHidePopupArrow ? '6px' : '3px')};\n box-shadow: 1px 3px 8px rgb(0 0 0 / 30%);\n color: ${({ theme }: StyledMotionContextMenuContentProps) => theme.text};\n pointer-events: all;\n position: absolute;\n z-index: ${({ $zIndex }) => $zIndex};\n\n &::after {\n background-color: inherit;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 2px 2px 8px rgb(4 3 4 / 10%);\n content: '';\n height: 14px;\n position: absolute;\n width: 14px;\n z-index: -2;\n\n ${({ $shouldHidePopupArrow }) =>\n $shouldHidePopupArrow &&\n css`\n display: none;\n `}\n\n ${({ $position }) => {\n switch ($position) {\n case ContextMenuAlignment.TopLeft:\n return css`\n bottom: -7px;\n right: 7px;\n transform: rotate(45deg);\n `;\n case ContextMenuAlignment.BottomLeft:\n return css`\n top: -7px;\n right: 7px;\n transform: rotate(225deg);\n `;\n case ContextMenuAlignment.TopRight:\n return css`\n transform: rotate(45deg);\n bottom: -7px;\n left: 7px;\n `;\n case ContextMenuAlignment.BottomRight:\n return css`\n transform: rotate(225deg);\n top: -7px;\n left: 7px;\n `;\n case ContextMenuAlignment.TopCenter:\n return css`\n bottom: -7px;\n right: 45%;\n transform: rotate(45deg);\n `;\n case ContextMenuAlignment.BottomCenter:\n return css`\n transform: rotate(225deg);\n top: -7px;\n left: 45%;\n `;\n\n default:\n return undefined;\n }\n }}\n }\n\n &::before {\n background-color: inherit;\n bottom: 0;\n content: '';\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n border-radius: ${({ $shouldHidePopupArrow }) => ($shouldHidePopupArrow ? '6px' : '3px')};\n z-index: -1;\n }\n`;\n\nexport const StyledContextMenuContentItem = styled.div``;\n\ntype StyledContextMenuContentItemSpacerProps = WithTheme<unknown>;\n\nexport const StyledContextMenuContentItemSpacer = styled.div<StyledContextMenuContentItemSpacerProps>`\n ~~position: relative;\n margin-bottom: 10px;\n\n &:before {\n position: absolute;\n bottom: -5px;\n height: 1px;\n~~ background-color: ${({ theme }) => theme['003']};\n ~~width~~: ~~100%;\n left: 0~~;\n ~~content~~: ~~'';\~~n ~~}\n~~`;\n\ntype StyledContextMenuContentItemWrapperProps = WithTheme<{\n $shouldHidePopupArrow: boolean;\n $isFocused: boolean;\n}>;\n\nexport const StyledContextMenuContentItemWrapper = styled.div<StyledContextMenuContentItemWrapperProps>`\n cursor: pointer;\n display: flex;\n padding: 5px 8px 5px 5px;\n transition: background-color 0.3s ease;\n border-radius: ${({ $shouldHidePopupArrow }) => ($shouldHidePopupArrow ? '3px' : 0)};\n margin: ${({ $shouldHidePopupArrow }) => ($shouldHidePopupArrow ? '3px' : 0)};\n\n ${({ $isFocused, theme }) =>\n $isFocused &&\n css`\n background-color: ${theme['secondary-103']};\n `}\n\n &:hover {\n background-color: ${({ theme }: StyledContextMenuContentItemWrapperProps) =>\n theme['secondary-103']};\n }\n`;\n\nexport const StyledContextMenuContentItemIconWrapper = styled.div`\n flex: 0 0 auto;\n margin: 0 8px 0 3px;\n width: 20px;\n`;\n\~~ntype StyledContextMenuContentItemBorderProps = WithTheme<unknown>;\n\~~nexport const StyledContextMenuContentItemBorder = styled.div<StyledContextMenuContentItemBorderProps>`\n width: 100%;\n border-top: ${({ theme }: StyledContextMenuContentItemBorderProps) =>\n `1px solid rgba(${theme['text-rgb'] ?? '34, 34, 34'}, 0.2)`};\n`;\n\nexport const StyledContextMenuContentHeadline = styled.div`\n width: 100%;\n margin: 3px 6px;\n opacity: 50%;\n font-weight: bold;\n`;\n\nexport const StyledContextMenuContentItemText = styled.div`\n flex: 0 0 auto;\n white-space: nowrap;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;~~AACA~~,IAAAG,YAAA,GAAAH,OAAA;~~AAAkE~~,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;~~AAS3D~~,MAAMkB,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,GAAG,IAAAE,yBAAM,EAChDC,aAAM,CAACC,GACX,CAAsC;AACtC,wBAAwB,CAAC;EAAEC;AAA2C,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;AACxF;AACA,qBAAqB,CAAC;EAAEC;AAAsB,CAAC,KAAMA,qBAAqB,GAAG,KAAK,GAAG,KAAM;AAC3F;AACA,aAAa,CAAC;EAAED;AAA2C,CAAC,KAAKA,KAAK,CAACE,IAAI;AAC3E;AACA;AACA,eAAe,CAAC;EAAEC;AAAQ,CAAC,KAAKA,OAAO;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU,CAAC;EAAEF;AAAsB,CAAC,KACxBA,qBAAqB,IACrB,IAAAG,qBAAG;AACf;AACA,aAAa;AACb;AACA,UAAU,CAAC;EAAEC;AAAU,CAAC,KAAK;EACjB,QAAQA,SAAS;IACb,KAAKC,iCAAoB,CAACC,OAAO;MAC7B,OAAO,IAAAH,qBAAG;AAC9B;AACA;AACA;AACA,qBAAqB;IACL,KAAKE,iCAAoB,CAACE,UAAU;MAChC,OAAO,IAAAJ,qBAAG;AAC9B;AACA;AACA;AACA,qBAAqB;IACL,KAAKE,iCAAoB,CAACG,QAAQ;MAC9B,OAAO,IAAAL,qBAAG;AAC9B;AACA;AACA;AACA,qBAAqB;IACL,KAAKE,iCAAoB,CAACI,WAAW;MACjC,OAAO,IAAAN,qBAAG;AAC9B;AACA;AACA;AACA,qBAAqB;IACL,KAAKE,iCAAoB,CAACK,SAAS;MAC/B,OAAO,IAAAP,qBAAG;AAC9B;AACA;AACA;AACA,qBAAqB;IACL,KAAKE,iCAAoB,CAACM,YAAY;MAClC,OAAO,IAAAR,qBAAG;AAC9B;AACA;AACA;AACA,qBAAqB;IAEL;MACI,OAAOS,SAAS;EACxB;AACJ,CAAC;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,CAAC;EAAEZ;AAAsB,CAAC,KAAMA,qBAAqB,GAAG,KAAK,GAAG,KAAM;AAC/F;AACA;AACA,CAAC;AAEM,MAAMa,4BAA4B,GAAAlB,OAAA,CAAAkB,4BAAA,GAAGjB,yBAAM,CAACE,GAAG,EAAE;AAIjD,MAAMgB,kCAAkC,GAAAnB,OAAA,CAAAmB,kCAAA,GAAGlB,yBAAM,CAACE,GAA4C;AACrG~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA~~,~~4BAA4B~~,CAAC;EAAEC;AAAM,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;~~AACvD~~;AACA;AACA~~;AACA;AACA~~,CAAC;AAOM,MAAMgB,mCAAmC,GAAApB,OAAA,CAAAoB,mCAAA,GAAGnB,yBAAM,CAACE,GAA6C;AACvG;AACA;AACA;AACA;AACA,qBAAqB,CAAC;EAAEE;AAAsB,CAAC,KAAMA,qBAAqB,GAAG,KAAK,GAAG,CAAE;AACvF,cAAc,CAAC;EAAEA;AAAsB,CAAC,KAAMA,qBAAqB,GAAG,KAAK,GAAG,CAAE;AAChF;AACA,MAAM,CAAC;EAAEgB,UAAU;EAAEjB;AAAM,CAAC,KACpBiB,UAAU,IACV,IAAAb,qBAAG;AACX,gCAAgCJ,KAAK,CAAC,eAAe,CAAC;AACtD,SAAS;AACT;AACA;AACA,4BAA4B,CAAC;EAAEA;AAAgD,CAAC,KACpEA,KAAK,CAAC,eAAe,CAAC;AAClC;AACA,CAAC;AAEM,MAAMkB,uCAAuC,GAAAtB,OAAA,CAAAsB,uCAAA,GAAGrB,yBAAM,CAACE,GAAG;AACjE;AACA;AACA;AACA,CAAC;~~AAIM~~,MAAMoB,~~kCAAkC~~,GAAAvB,OAAA,CAAAuB,~~kCAAA~~,GAAGtB,yBAAM,CAACE,~~GAA4C;AACrG;AACA,kBAAkB,CAAC;EAAEC;AAA+C,CAAC,KAC7D,kBAAkBA,KAAK,CAAC,UAAU,CAAC,IAAI,YAAY,QAAQ;AACnE,CAAC;AAEM,MAAMoB,gCAAgC,GAAAxB,OAAA,CAAAwB,gCAAA,GAAGvB,yBAAM,CAACE,~~GAAG;AAC1D;AACA;AACA;AACA;AACA,CAAC;AAEM,~~MAAMsB~~,gCAAgC,~~GAAAzB~~,OAAA,~~CAAAyB~~,gCAAA,~~GAAGxB~~,yBAAM,CAACE,GAAG;AAC1D;AACA;AACA,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"ContextMenuContent.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","_ContextMenu","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledMotionContextMenuContent","exports","styled","motion","div","theme","$shouldHidePopupArrow","text","$zIndex","css","$position","ContextMenuAlignment","TopLeft","BottomLeft","TopRight","BottomRight","TopCenter","BottomCenter","undefined","StyledContextMenuContentItem","StyledContextMenuContentItemSpacer","StyledContextMenuContentItemWrapper","$isFocused","StyledContextMenuContentItemIconWrapper","StyledContextMenuContentHeadline","StyledContextMenuContentItemText"],"sources":["../../../../../src/components/context-menu/context-menu-content/ContextMenuContent.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\nimport { ContextMenuAlignment } from '../ContextMenu.types';\n\ntype StyledMotionContextMenuContentProps = WithTheme<{\n $position: ContextMenuAlignment;\n $zIndex: number;\n $shouldHidePopupArrow: boolean;\n}>;\n\nexport const StyledMotionContextMenuContent = styled(\n motion.div,\n)<StyledMotionContextMenuContentProps>`\n background-color: ${({ theme }: StyledMotionContextMenuContentProps) => theme['001']};\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: ${({ $shouldHidePopupArrow }) => ($shouldHidePopupArrow ? '6px' : '3px')};\n box-shadow: 1px 3px 8px rgb(0 0 0 / 30%);\n color: ${({ theme }: StyledMotionContextMenuContentProps) => theme.text};\n pointer-events: all;\n position: absolute;\n z-index: ${({ $zIndex }) => $zIndex};\n\n &::after {\n background-color: inherit;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 2px 2px 8px rgb(4 3 4 / 10%);\n content: '';\n height: 14px;\n position: absolute;\n width: 14px;\n z-index: -2;\n\n ${({ $shouldHidePopupArrow }) =>\n $shouldHidePopupArrow &&\n css`\n display: none;\n `}\n\n ${({ $position }) => {\n switch ($position) {\n case ContextMenuAlignment.TopLeft:\n return css`\n bottom: -7px;\n right: 7px;\n transform: rotate(45deg);\n `;\n case ContextMenuAlignment.BottomLeft:\n return css`\n top: -7px;\n right: 7px;\n transform: rotate(225deg);\n `;\n case ContextMenuAlignment.TopRight:\n return css`\n transform: rotate(45deg);\n bottom: -7px;\n left: 7px;\n `;\n case ContextMenuAlignment.BottomRight:\n return css`\n transform: rotate(225deg);\n top: -7px;\n left: 7px;\n `;\n case ContextMenuAlignment.TopCenter:\n return css`\n bottom: -7px;\n right: 45%;\n transform: rotate(45deg);\n `;\n case ContextMenuAlignment.BottomCenter:\n return css`\n transform: rotate(225deg);\n top: -7px;\n left: 45%;\n `;\n\n default:\n return undefined;\n }\n }}\n }\n\n &::before {\n background-color: inherit;\n bottom: 0;\n content: '';\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n border-radius: ${({ $shouldHidePopupArrow }) => ($shouldHidePopupArrow ? '6px' : '3px')};\n z-index: -1;\n }\n`;\n\nexport const StyledContextMenuContentItem = styled.div``;\n\ntype StyledContextMenuContentItemSpacerProps = WithTheme<unknown>;\n\nexport const StyledContextMenuContentItemSpacer = styled.div<StyledContextMenuContentItemSpacerProps>`\n background-color: ${({ theme }) => theme['003']};\n height: 1px;\n width: 100%;\n`;\n\ntype StyledContextMenuContentItemWrapperProps = WithTheme<{\n $shouldHidePopupArrow: boolean;\n $isFocused: boolean;\n}>;\n\nexport const StyledContextMenuContentItemWrapper = styled.div<StyledContextMenuContentItemWrapperProps>`\n cursor: pointer;\n display: flex;\n padding: 5px 8px 5px 5px;\n transition: background-color 0.3s ease;\n border-radius: ${({ $shouldHidePopupArrow }) => ($shouldHidePopupArrow ? '3px' : 0)};\n margin: ${({ $shouldHidePopupArrow }) => ($shouldHidePopupArrow ? '3px' : 0)};\n\n ${({ $isFocused, theme }) =>\n $isFocused &&\n css`\n background-color: ${theme['secondary-103']};\n `}\n\n &:hover {\n background-color: ${({ theme }: StyledContextMenuContentItemWrapperProps) =>\n theme['secondary-103']};\n }\n`;\n\nexport const StyledContextMenuContentItemIconWrapper = styled.div`\n flex: 0 0 auto;\n margin: 0 8px 0 3px;\n width: 20px;\n`;\n\nexport const StyledContextMenuContentHeadline = styled.div`\n width: 100%;\n margin: 3px 6px;\n opacity: 50%;\n font-weight: bold;\n`;\n\nexport const StyledContextMenuContentItemText = styled.div`\n flex: 0 0 auto;\n white-space: nowrap;\n`;\n"],"mappings":"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","ignoreList":[]}