@deephaven/components 0.15.6-beta.0 → 0.15.6-vite.19
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.
- package/dist/AutoCompleteInput.js.map +1 -1
- package/dist/AutoResizeTextarea.js.map +1 -1
- package/dist/BasicModal.js.map +1 -1
- package/dist/Button.js.map +1 -1
- package/dist/ButtonGroup.js.map +1 -1
- package/dist/ButtonOld.js.map +1 -1
- package/dist/CardFlip.js.map +1 -1
- package/dist/Checkbox.js.map +1 -1
- package/dist/Collapse.js.map +1 -1
- package/dist/ComboBox.js.map +1 -1
- package/dist/CustomTimeSelect.js.map +1 -1
- package/dist/DebouncedSearchInput.js.map +1 -1
- package/dist/DeephavenSpinner.js.map +1 -1
- package/dist/DragUtils.js.map +1 -1
- package/dist/DraggableItemList.js +1 -1
- package/dist/DraggableItemList.js.map +1 -1
- package/dist/HierarchicalCheckboxMenu.js.map +1 -1
- package/dist/ItemList.js +1 -1
- package/dist/ItemList.js.map +1 -1
- package/dist/ItemListItem.js.map +1 -1
- package/dist/LoadingOverlay.js.map +1 -1
- package/dist/LoadingSpinner.js.map +1 -1
- package/dist/MaskedInput.js.map +1 -1
- package/dist/Option.js.map +1 -1
- package/dist/RadioGroup.js.map +1 -1
- package/dist/RadioItem.js.map +1 -1
- package/dist/SearchInput.js.map +1 -1
- package/dist/Select.js.map +1 -1
- package/dist/SelectValueList.js.map +1 -1
- package/dist/SocketedButton.js.map +1 -1
- package/dist/ThemeExport.js.map +1 -1
- package/dist/TimeInput.js.map +1 -1
- package/dist/TimeSlider.js.map +1 -1
- package/dist/ToastNotification.js.map +1 -1
- package/dist/UISwitch.js.map +1 -1
- package/dist/context-actions/ContextActionUtils.js.map +1 -1
- package/dist/context-actions/ContextActions.js.map +1 -1
- package/dist/context-actions/ContextMenu.js.map +1 -1
- package/dist/context-actions/ContextMenuItem.js.map +1 -1
- package/dist/context-actions/ContextMenuRoot.js.map +1 -1
- package/dist/context-actions/GlobalContextAction.js.map +1 -1
- package/dist/context-actions/GlobalContextActions.js.map +1 -1
- package/dist/context-actions/index.js.map +1 -1
- package/dist/declaration.d.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/menu-actions/DropdownMenu.js.map +1 -1
- package/dist/menu-actions/Menu.js.map +1 -1
- package/dist/menu-actions/index.js.map +1 -1
- package/dist/modal/Modal.js.map +1 -1
- package/dist/modal/ModalBody.js.map +1 -1
- package/dist/modal/ModalFooter.js.map +1 -1
- package/dist/modal/ModalHeader.js.map +1 -1
- package/dist/modal/index.js.map +1 -1
- package/dist/navigation/Menu.js.map +1 -1
- package/dist/navigation/MenuItem.js.map +1 -1
- package/dist/navigation/Page.js.map +1 -1
- package/dist/navigation/Stack.js.map +1 -1
- package/dist/navigation/index.js.map +1 -1
- package/dist/popper/Popper.js.map +1 -1
- package/dist/popper/Tooltip.js.map +1 -1
- package/dist/popper/index.js.map +1 -1
- package/dist/shortcuts/GlobalShortcuts.js.map +1 -1
- package/dist/shortcuts/Shortcut.js.map +1 -1
- package/dist/shortcuts/ShortcutRegistry.js.map +1 -1
- package/dist/shortcuts/index.js.map +1 -1
- package/package.json +9 -9
- package/scss/BaseStyleSheet.scss +847 -0
- package/dist/BaseStyleSheet.css +0 -11560
- package/dist/BaseStyleSheet.css.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"SocketedButton.js","names":["React","classNames","dhExclamation","vsLink","FontAwesomeIcon","SocketedButton","forwardRef","props","ref","children","className","disabled","isLinked","isLinkedSource","isInvalid","onClick","onMouseEnter","onMouseLeave","style","dataTestId","displayName","defaultProps","undefined"],"sources":["../src/SocketedButton.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { dhExclamation, vsLink } from '@deephaven/icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport './SocketedButton.scss';\n\ntype SocketedButtonProps = {\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n isLinked?: boolean;\n isLinkedSource?: boolean;\n isInvalid?: boolean;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n style?: React.CSSProperties;\n 'data-testid'?: string;\n};\n\nconst SocketedButton = React.forwardRef<HTMLButtonElement, SocketedButtonProps>(\n (props: SocketedButtonProps, ref) => {\n const {\n children,\n className,\n disabled,\n isLinked,\n isLinkedSource,\n isInvalid,\n onClick,\n onMouseEnter,\n onMouseLeave,\n style,\n 'data-testid': dataTestId,\n } = props;\n return (\n <button\n ref={ref}\n type=\"button\"\n className={classNames(\n 'btn-socketed',\n { 'btn-socketed-linked': isLinked || isLinkedSource },\n { 'btn-socketed-linked-source': isLinkedSource },\n { 'is-invalid': isInvalid },\n className\n )}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n style={style}\n disabled={disabled}\n data-testid={dataTestId}\n >\n {children}\n <FontAwesomeIcon\n icon={vsLink}\n className=\"linked btn-socketed-icon\"\n transform=\"down-1\"\n />\n <FontAwesomeIcon\n icon={dhExclamation}\n className=\"is-invalid btn-socketed-icon\"\n />\n </button>\n );\n }\n);\n\nSocketedButton.displayName = 'SocketedButton';\n\nSocketedButton.defaultProps = {\n children: undefined,\n className: '',\n disabled: false,\n isLinked: false,\n isLinkedSource: false,\n isInvalid: false,\n onClick: undefined,\n onMouseEnter: undefined,\n onMouseLeave: undefined,\n style: undefined,\n 'data-testid': undefined,\n};\n\nexport default SocketedButton;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,kBAAtC;AACA,SAASC,eAAT,QAAgC,gCAAhC;;AAkBA,IAAMC,cAAc,gBAAGL,KAAK,CAACM,UAAN,CACrB,CAACC,KAAD,EAA6BC,GAA7B,KAAqC;EACnC,IAAM;IACJC,QADI;IAEJC,SAFI;IAGJC,QAHI;IAIJC,QAJI;IAKJC,cALI;IAMJC,SANI;IAOJC,OAPI;IAQJC,YARI;IASJC,YATI;IAUJC,KAVI;IAWJ,eAAeC;EAXX,IAYFZ,KAZJ;EAaA,oBACE;IACE,GAAG,EAAEC,GADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAEP,UAAU,CACnB,cADmB,EAEnB;MAAE,uBAAuBW,QAAQ,IAAIC;IAArC,CAFmB,EAGnB;MAAE,8BAA8BA;IAAhC,CAHmB,EAInB;MAAE,cAAcC;IAAhB,CAJmB,EAKnBJ,SALmB,CAHvB;IAUE,OAAO,EAAEK,OAVX;IAWE,YAAY,EAAEC,YAXhB;IAYE,YAAY,EAAEC,YAZhB;IAaE,KAAK,EAAEC,KAbT;IAcE,QAAQ,EAAEP,QAdZ;IAeE,eAAaQ;EAff,GAiBGV,QAjBH,eAkBE,oBAAC,eAAD;IACE,IAAI,EAAEN,MADR;IAEE,SAAS,EAAC,0BAFZ;IAGE,SAAS,EAAC;EAHZ,EAlBF,eAuBE,oBAAC,eAAD;IACE,IAAI,EAAED,aADR;IAEE,SAAS,EAAC;EAFZ,EAvBF,CADF;AA8BD,CA7CoB,CAAvB;AAgDAG,cAAc,CAACe,WAAf,GAA6B,gBAA7B;AAEAf,cAAc,CAACgB,YAAf,GAA8B;EAC5BZ,QAAQ,EAAEa,SADkB;EAE5BZ,SAAS,EAAE,EAFiB;EAG5BC,QAAQ,EAAE,KAHkB;EAI5BC,QAAQ,EAAE,KAJkB;EAK5BC,cAAc,EAAE,KALY;EAM5BC,SAAS,EAAE,KANiB;EAO5BC,OAAO,EAAEO,SAPmB;EAQ5BN,YAAY,EAAEM,SARc;EAS5BL,YAAY,EAAEK,SATc;EAU5BJ,KAAK,EAAEI,SAVqB;EAW5B,eAAeA;AAXa,CAA9B;AAcA,eAAejB,cAAf"}
|
package/dist/ThemeExport.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ThemeExport.js","names":["ThemeExport","Object","freeze","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs"],"sources":["../src/ThemeExport.ts"],"sourcesContent":["import ThemeExport from './ThemeExport.module.scss';\n\n// Note that TypeScript does not know what keys exist on ThemeExport.module.scss\n// It only knows it's an object with strings for keys and values\nexport default Object.freeze({\n transitionMs: 150,\n transitionMidMs: 200,\n transitionLongMs: 300,\n transitionSlowMs: 1000,\n ...ThemeExport,\n});\n"],"mappings":";;;;;;OAAOA,W,kCAEP;AACA;;AACA,eAAeC,MAAM,CAACC,MAAP;EACbC,YAAY,EAAE,GADD;EAEbC,eAAe,EAAE,GAFJ;EAGbC,gBAAgB,EAAE,GAHL;EAIbC,gBAAgB,EAAE;AAJL,GAKVN,WALU,EAAf"}
|
package/dist/TimeInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"TimeInput.js","names":["React","useEffect","useState","Log","TimeUtils","MaskedInput","DEFAULT_GET_PREFERRED_REPLACEMENT_STRING","log","module","TIME_PATTERN","EXAMPLES","TimeInput","forwardRef","props","ref","allowValueWrapping","className","onChange","value","propsValue","onFocus","onBlur","dataTestId","setValue","formatTime","selection","setSelection","setFormattedTime","getNextSegmentValue","range","delta","segmentValue","maxValue","selectionStart","newSegmentValue","parseInt","Number","isNaN","Math","min","max","padStart","getPreferredReplacementString","replaceValue","replaceIndex","newChar","selectionEnd","substring","handleChange","newValue","debug","isTimeString","parseTime","handleSelect","newSelection","defaultProps","undefined"],"sources":["../src/TimeInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { TimeUtils } from '@deephaven/utils';\nimport MaskedInput, {\n DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n SelectionSegment,\n} from './MaskedInput';\n\nconst log = Log.module('TimeInput');\n\nconst TIME_PATTERN = '([01][0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]';\nconst EXAMPLES = ['00:00:00', '12:34:56', '23:59:59'];\n\ntype TimeInputProps = {\n allowValueWrapping?: boolean;\n className?: string;\n onChange?(timeInSec: number): void;\n value?: number;\n onFocus?(): void;\n onBlur?(): void;\n 'data-testid'?: string;\n};\n\n// Forward ref causes a false positive for display-name in eslint:\n// https://github.com/yannickcr/eslint-plugin-react/issues/2269\n// eslint-disable-next-line react/display-name\nconst TimeInput = React.forwardRef<HTMLInputElement, TimeInputProps>(\n (props: TimeInputProps, ref) => {\n const {\n allowValueWrapping = true,\n className = '',\n onChange = () => false,\n value: propsValue = 0,\n onFocus = () => false,\n onBlur = () => false,\n 'data-testid': dataTestId,\n } = props;\n const [value, setValue] = useState(TimeUtils.formatTime(propsValue));\n const [selection, setSelection] = useState<SelectionSegment>();\n useEffect(\n function setFormattedTime() {\n setValue(TimeUtils.formatTime(propsValue));\n },\n [propsValue]\n );\n\n function getNextSegmentValue(\n range: SelectionSegment,\n delta: number,\n segmentValue: string\n ): string {\n // Delta is backward because negative Y is up\n const maxValue = range.selectionStart === 0 ? 24 : 60;\n let newSegmentValue = parseInt(segmentValue, 10) - delta;\n if (Number.isNaN(newSegmentValue)) {\n newSegmentValue = 0;\n } else if (allowValueWrapping) {\n // Add max value and re-mod so we don't get negative values after mod\n newSegmentValue = ((newSegmentValue % maxValue) + maxValue) % maxValue;\n } else {\n newSegmentValue = Math.min(Math.max(0, newSegmentValue), maxValue - 1);\n }\n return `${newSegmentValue}`.padStart(2, '0');\n }\n\n function getPreferredReplacementString(\n replaceValue: string,\n replaceIndex: number,\n newChar: string,\n selectionStart: number,\n selectionEnd: number\n ) {\n if (\n selectionStart === 0 &&\n selectionEnd === 2 &&\n replaceIndex === 1 &&\n parseInt(newChar, 10) > 1\n ) {\n // DH-10082 Special case for when typing `3` when it's already 12\n return `0${newChar}${replaceValue.substring(2)}`;\n }\n return DEFAULT_GET_PREFERRED_REPLACEMENT_STRING(\n replaceValue,\n replaceIndex,\n newChar\n );\n }\n\n function handleChange(newValue: string): void {\n log.debug('handleChange', newValue);\n setValue(newValue);\n\n // Only send a change if the value is actually valid\n if (TimeUtils.isTimeString(newValue)) {\n onChange(TimeUtils.parseTime(newValue));\n }\n }\n\n function handleSelect(newSelection: SelectionSegment) {\n setSelection(newSelection);\n }\n\n return (\n <MaskedInput\n ref={ref}\n className={className}\n example={EXAMPLES}\n getNextSegmentValue={getNextSegmentValue}\n getPreferredReplacementString={getPreferredReplacementString}\n onChange={handleChange}\n onSelect={handleSelect}\n pattern={TIME_PATTERN}\n selection={selection}\n value={value}\n onFocus={onFocus}\n onBlur={onBlur}\n data-testid={dataTestId}\n />\n );\n }\n);\n\nTimeInput.defaultProps = {\n allowValueWrapping: true,\n className: '',\n onChange: () => false,\n value: 0,\n onFocus: () => false,\n onBlur: () => false,\n 'data-testid': undefined,\n};\n\nexport default TimeInput;\n"],"mappings":"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"}
|
package/dist/TimeSlider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/TimeSlider.tsx"],"names":["React","useCallback","useMemo","useRef","useState","useEffect","classNames","TimeInput","StyleExports","HANDLE_SIZE","parseInt","POPOVER_WIDTH","SECONDS_IN_DAY","SNAP_NEAREST_MINUTES","TimeSlider","startTime","propStartTime","endTime","propEndTime","onChange","isStartModified","isEndModified","dataTestId","setStartTime","setEndTime","track","setTimeOnPropTimeChange","updateTime","newStartTime","newEndTime","start","end","handleStartTimeChange","handleEndTimeChange","Array","fill","map","value","index","PopOvers","props","onStartTimeChange","onEndTimeChange","firstTime","setFirstTime","secondTime","setSecondTime","onFirstTimeChange","onSecondTimeChange","flexBasis","modified","undefined","TrackFills","transform","Handle","time","setTime","ONE_HOUR","handleOffset","calculatePositionAsTime","clientX","current","trackRect","getBoundingClientRect","leftEdge","Math","max","left","preciseTime","min","width","roundedTime","round","limitMax","handleMouseMove","handleMouseUp","window","removeEventListener","document","documentElement","classList","remove","startDragListening","addEventListener","add","stopDragListening","handleMouseDown","removeListenersOnUnmount"],"mappings":"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","sourcesContent":["/* eslint-disable react/no-array-index-key */\n// array maps being used are static, this is fine.\n\nimport React, {\n useCallback,\n useMemo,\n useRef,\n useState,\n useEffect,\n} from 'react';\nimport classNames from 'classnames';\nimport TimeInput from './TimeInput';\nimport StyleExports from './TimeSlider.module.scss';\nimport './TimeSlider.scss';\n\nconst HANDLE_SIZE = parseInt(StyleExports['handle-size'], 10);\nconst POPOVER_WIDTH = parseInt(StyleExports['popover-width'], 10);\nconst SECONDS_IN_DAY = 24 * 60 * 60 - 1; // Max is actually 23:59:59\nconst SNAP_NEAREST_MINUTES = 5 * 60; // rounds in 5 minute intervals\n\ntype TimeSliderProps = {\n startTime: number;\n endTime: number;\n onChange(value: { startTime: number; endTime: number }): void;\n isStartModified?: boolean;\n isEndModified?: boolean;\n 'data-testid'?: string;\n};\n\n/**\n * Creates a time slider for setting a start and end time, that can also run overnight\n * @param props takes times in seconds 0 - 86399 and a callback\n */\nconst TimeSlider = ({\n startTime: propStartTime,\n endTime: propEndTime,\n onChange,\n isStartModified = false,\n isEndModified = false,\n 'data-testid': dataTestId,\n}: TimeSliderProps): JSX.Element => {\n const [startTime, setStartTime] = useState(propStartTime);\n const [endTime, setEndTime] = useState(propEndTime);\n\n const track = useRef<HTMLDivElement>(null); // we need the track width while calulculating time from handle drag\n\n // updates state if props change\n useEffect(\n function setTimeOnPropTimeChange() {\n setStartTime(propStartTime);\n setEndTime(propEndTime);\n },\n [propStartTime, propEndTime]\n );\n\n const updateTime = useCallback(\n (newStartTime: number, newEndTime: number) => {\n let start = newStartTime;\n let end = newEndTime;\n if (start === end) {\n if (end < SECONDS_IN_DAY) {\n end += 1;\n } else {\n start -= 1;\n }\n }\n\n setStartTime(start);\n setEndTime(end);\n onChange({ startTime: start, endTime: end });\n },\n [setStartTime, setEndTime, onChange]\n );\n\n const handleStartTimeChange = useCallback(\n (newStartTime: number) => {\n updateTime(newStartTime, endTime);\n },\n [updateTime, endTime]\n );\n\n const handleEndTimeChange = useCallback(\n (newEndTime: number) => {\n updateTime(startTime, newEndTime);\n },\n [updateTime, startTime]\n );\n\n return (\n <div className=\"time-slider\" data-testid={dataTestId}>\n <PopOvers\n startTime={startTime}\n endTime={endTime}\n onStartTimeChange={handleStartTimeChange}\n onEndTimeChange={handleEndTimeChange}\n isStartModified={isStartModified}\n isEndModified={isEndModified}\n />\n <div className=\"track\" ref={track}>\n <TrackFills startTime={startTime} endTime={endTime} />\n <div className=\"ticks\">\n {Array(24)\n .fill(null)\n .map((value, index) => (\n <div className=\"tick\" key={index} />\n ))}\n </div>\n <Handle\n track={track}\n time={startTime}\n setTime={handleStartTimeChange}\n />\n <Handle track={track} time={endTime} setTime={handleEndTimeChange} />\n </div>\n\n <div className=\"tick-labels\">\n <div className=\"tick-label\">0:00</div>\n <div className=\"tick-label-wrapper\">\n {Array(24)\n .fill(null)\n .map((value, index) => (\n <div className=\"tick-label\" key={index}>{`${index + 1}:00`}</div>\n ))}\n </div>\n </div>\n </div>\n );\n};\n\ntype PopOversProps = {\n startTime: number;\n endTime: number;\n onStartTimeChange(time: number): void;\n onEndTimeChange(time: number): void;\n isStartModified: boolean;\n isEndModified: boolean;\n 'data-testid'?: string;\n};\n\nconst PopOvers = (props: PopOversProps): JSX.Element => {\n const {\n startTime,\n endTime,\n onStartTimeChange,\n onEndTimeChange,\n isStartModified,\n isEndModified,\n 'data-testid': dataTestId,\n } = props;\n\n const [firstTime, setFirstTime] = useState(\n startTime > endTime ? endTime : startTime\n );\n const [secondTime, setSecondTime] = useState(\n startTime > endTime ? startTime : endTime\n );\n\n useEffect(\n function setTimeOnPropTimeChange() {\n setFirstTime(startTime > endTime ? endTime : startTime);\n setSecondTime(startTime > endTime ? startTime : endTime);\n },\n [startTime, endTime]\n );\n\n function onFirstTimeChange(value: number) {\n if (startTime <= endTime) {\n onStartTimeChange(value);\n } else {\n onEndTimeChange(value);\n }\n }\n\n function onSecondTimeChange(value: number) {\n if (startTime <= endTime) {\n onEndTimeChange(value);\n } else {\n onStartTimeChange(value);\n }\n }\n\n return (\n <div className=\"time-slider-popovers\">\n <div\n className=\"flex\"\n style={{\n flexBasis: `calc(${(firstTime / SECONDS_IN_DAY) * 100}% - ${\n POPOVER_WIDTH / 2\n }px)`,\n }}\n />\n <div className=\"handle-popper\">\n <label\n className={classNames({\n modified: startTime < endTime ? isStartModified : isEndModified,\n })}\n >\n {startTime <= endTime ? 'Start Time' : 'End Time'}\n </label>\n <TimeInput\n allowValueWrapping={false}\n value={firstTime}\n onChange={onFirstTimeChange}\n data-testid={dataTestId ? `${dataTestId}-input-1` : undefined}\n />\n </div>\n <div className=\"flex-spacer\" />\n <div className=\"handle-popper\">\n <label\n className={classNames({\n modified: startTime > endTime ? isStartModified : isEndModified,\n })}\n >\n {startTime > endTime ? 'Start Time' : 'End Time'}\n </label>\n <TimeInput\n allowValueWrapping={false}\n value={secondTime}\n onChange={onSecondTimeChange}\n data-testid={dataTestId ? `${dataTestId}-input-2` : undefined}\n />\n </div>\n <div\n className=\"flex\"\n style={{\n flexBasis: `calc(${\n ((SECONDS_IN_DAY - secondTime) / SECONDS_IN_DAY) * 100\n }% - ${POPOVER_WIDTH / 2}px)`,\n }}\n />\n </div>\n );\n};\n\ntype TrackFillsProps = {\n startTime: number;\n endTime: number;\n 'data-testid'?: string;\n};\n\n/**\n * Shades the area between or outside of handles according to if start or endtime is greater.\n */\nconst TrackFills = (props: TrackFillsProps): JSX.Element => {\n const { startTime, endTime, 'data-testid': dataTestId } = props;\n return (\n <div className=\"track-fills\" data-testid={dataTestId}>\n {startTime > endTime && (\n <>\n <div\n className=\"track-fill track-fill-start\"\n style={{ transform: `scaleX(${endTime / SECONDS_IN_DAY})` }}\n />\n <div\n className=\"track-fill track-fill-end\"\n style={{\n transform: `scaleX(${\n (SECONDS_IN_DAY - startTime) / SECONDS_IN_DAY\n })`,\n }}\n />\n </>\n )}\n {startTime < endTime && (\n <div\n className=\"track-fill track-fill-middle\"\n style={{\n transform: `translateX(${\n (startTime / SECONDS_IN_DAY) * 100\n }%) scaleX(${(endTime - startTime) / SECONDS_IN_DAY})`,\n }}\n />\n )}\n </div>\n );\n};\n\ntype HandleProps = {\n track: React.RefObject<HTMLDivElement>;\n time: number;\n setTime(time: number): void;\n 'data-testid'?: string;\n};\n\n/**\n * Creates a draggable handle the sets the time\n */\nconst Handle = (props: HandleProps): JSX.Element => {\n const { track, time, setTime, 'data-testid': dataTestId } = props;\n\n /**\n * Takes the time and generate our translation string taking into account handle offset.\n * The handle offset changes for the first and last tick range dynmaically. Normally,\n * the center of the handle (size/2) is the selection origin, but at edges, it becomes either\n * end of the handle, requireing a relative offset range of 0 - 0.5, and 0.5 - 1 of handle size.\n * @param t time in seconds\n */\n const transform = useMemo(() => {\n const ONE_HOUR = 60 * 60;\n let handleOffset = HANDLE_SIZE / 2;\n if (time < ONE_HOUR) {\n handleOffset = (time / ONE_HOUR) * (HANDLE_SIZE / 2); // 0 - 0.5 Handle size\n } else if (time > 23 * ONE_HOUR) {\n handleOffset =\n HANDLE_SIZE / 2 +\n (1 / (SECONDS_IN_DAY - 23 * ONE_HOUR)) *\n (time - 23 * ONE_HOUR) *\n (HANDLE_SIZE / 2); // 0.5 - 1 Handle size\n }\n return `translateX(calc(${\n (time / SECONDS_IN_DAY) * 100\n }% - ${handleOffset}px))`;\n }, [time]);\n\n const calculatePositionAsTime = useCallback(\n (clientX: number) => {\n if (!track.current) {\n return 0;\n }\n const trackRect = track.current.getBoundingClientRect();\n const leftEdge = Math.max(clientX - trackRect.left, 0);\n // get position as 0-1 on slider and mulitply by seconds in a day to convert to time\n const preciseTime =\n SECONDS_IN_DAY * Math.min(1, leftEdge / trackRect.width);\n // snap to nearest N(5) minute interval\n const roundedTime =\n SNAP_NEAREST_MINUTES * Math.round(preciseTime / SNAP_NEAREST_MINUTES);\n // prevent over-rounding to 24:00:00\n const limitMax = Math.min(SECONDS_IN_DAY, roundedTime);\n return limitMax;\n },\n [track]\n );\n\n const handleMouseMove = useCallback(\n ({ clientX }: MouseEvent) => {\n setTime(calculatePositionAsTime(clientX));\n },\n [setTime, calculatePositionAsTime]\n );\n\n const handleMouseUp = useCallback(\n ({ clientX }: MouseEvent) => {\n setTime(calculatePositionAsTime(clientX));\n\n window.removeEventListener('mousemove', handleMouseMove);\n window.removeEventListener('mouseup', handleMouseUp);\n document.documentElement.classList.remove('drag-pointer-events-none');\n },\n [setTime, calculatePositionAsTime, handleMouseMove]\n );\n\n const startDragListening = useCallback(() => {\n window.addEventListener('mousemove', handleMouseMove);\n window.addEventListener('mouseup', handleMouseUp);\n document.documentElement.classList.add('drag-pointer-events-none');\n }, [handleMouseMove, handleMouseUp]);\n\n const stopDragListening = useCallback(() => {\n window.removeEventListener('mousemove', handleMouseMove);\n window.removeEventListener('mouseup', handleMouseUp);\n document.documentElement.classList.remove('drag-pointer-events-none');\n }, [handleMouseMove, handleMouseUp]);\n\n const handleMouseDown = useCallback(() => {\n startDragListening();\n }, [startDragListening]);\n\n useEffect(\n function removeListenersOnUnmount() {\n return () => {\n stopDragListening();\n };\n },\n [stopDragListening]\n );\n\n return (\n <div className=\"handle-track\" style={{ transform }}>\n <button\n className=\"handle\"\n type=\"button\"\n aria-label=\"Change time\"\n onMouseDown={handleMouseDown}\n data-testid={dataTestId}\n />\n </div>\n );\n};\n\nexport default TimeSlider;\n"],"file":"TimeSlider.js"}
|
|
1
|
+
{"version":3,"file":"TimeSlider.js","names":["React","useCallback","useMemo","useRef","useState","useEffect","classNames","TimeInput","StyleExports","HANDLE_SIZE","parseInt","POPOVER_WIDTH","SECONDS_IN_DAY","SNAP_NEAREST_MINUTES","TimeSlider","startTime","propStartTime","endTime","propEndTime","onChange","isStartModified","isEndModified","dataTestId","setStartTime","setEndTime","track","setTimeOnPropTimeChange","updateTime","newStartTime","newEndTime","start","end","handleStartTimeChange","handleEndTimeChange","Array","fill","map","value","index","PopOvers","props","onStartTimeChange","onEndTimeChange","firstTime","setFirstTime","secondTime","setSecondTime","onFirstTimeChange","onSecondTimeChange","flexBasis","modified","undefined","TrackFills","transform","Handle","time","setTime","ONE_HOUR","handleOffset","calculatePositionAsTime","clientX","current","trackRect","getBoundingClientRect","leftEdge","Math","max","left","preciseTime","min","width","roundedTime","round","limitMax","handleMouseMove","handleMouseUp","window","removeEventListener","document","documentElement","classList","remove","startDragListening","addEventListener","add","stopDragListening","handleMouseDown","removeListenersOnUnmount"],"sources":["../src/TimeSlider.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\n// array maps being used are static, this is fine.\n\nimport React, {\n useCallback,\n useMemo,\n useRef,\n useState,\n useEffect,\n} from 'react';\nimport classNames from 'classnames';\nimport TimeInput from './TimeInput';\nimport StyleExports from './TimeSlider.module.scss';\nimport './TimeSlider.scss';\n\nconst HANDLE_SIZE = parseInt(StyleExports['handle-size'], 10);\nconst POPOVER_WIDTH = parseInt(StyleExports['popover-width'], 10);\nconst SECONDS_IN_DAY = 24 * 60 * 60 - 1; // Max is actually 23:59:59\nconst SNAP_NEAREST_MINUTES = 5 * 60; // rounds in 5 minute intervals\n\ntype TimeSliderProps = {\n startTime: number;\n endTime: number;\n onChange(value: { startTime: number; endTime: number }): void;\n isStartModified?: boolean;\n isEndModified?: boolean;\n 'data-testid'?: string;\n};\n\n/**\n * Creates a time slider for setting a start and end time, that can also run overnight\n * @param props takes times in seconds 0 - 86399 and a callback\n */\nconst TimeSlider = ({\n startTime: propStartTime,\n endTime: propEndTime,\n onChange,\n isStartModified = false,\n isEndModified = false,\n 'data-testid': dataTestId,\n}: TimeSliderProps): JSX.Element => {\n const [startTime, setStartTime] = useState(propStartTime);\n const [endTime, setEndTime] = useState(propEndTime);\n\n const track = useRef<HTMLDivElement>(null); // we need the track width while calulculating time from handle drag\n\n // updates state if props change\n useEffect(\n function setTimeOnPropTimeChange() {\n setStartTime(propStartTime);\n setEndTime(propEndTime);\n },\n [propStartTime, propEndTime]\n );\n\n const updateTime = useCallback(\n (newStartTime: number, newEndTime: number) => {\n let start = newStartTime;\n let end = newEndTime;\n if (start === end) {\n if (end < SECONDS_IN_DAY) {\n end += 1;\n } else {\n start -= 1;\n }\n }\n\n setStartTime(start);\n setEndTime(end);\n onChange({ startTime: start, endTime: end });\n },\n [setStartTime, setEndTime, onChange]\n );\n\n const handleStartTimeChange = useCallback(\n (newStartTime: number) => {\n updateTime(newStartTime, endTime);\n },\n [updateTime, endTime]\n );\n\n const handleEndTimeChange = useCallback(\n (newEndTime: number) => {\n updateTime(startTime, newEndTime);\n },\n [updateTime, startTime]\n );\n\n return (\n <div className=\"time-slider\" data-testid={dataTestId}>\n <PopOvers\n startTime={startTime}\n endTime={endTime}\n onStartTimeChange={handleStartTimeChange}\n onEndTimeChange={handleEndTimeChange}\n isStartModified={isStartModified}\n isEndModified={isEndModified}\n />\n <div className=\"track\" ref={track}>\n <TrackFills startTime={startTime} endTime={endTime} />\n <div className=\"ticks\">\n {Array(24)\n .fill(null)\n .map((value, index) => (\n <div className=\"tick\" key={index} />\n ))}\n </div>\n <Handle\n track={track}\n time={startTime}\n setTime={handleStartTimeChange}\n />\n <Handle track={track} time={endTime} setTime={handleEndTimeChange} />\n </div>\n\n <div className=\"tick-labels\">\n <div className=\"tick-label\">0:00</div>\n <div className=\"tick-label-wrapper\">\n {Array(24)\n .fill(null)\n .map((value, index) => (\n <div className=\"tick-label\" key={index}>{`${index + 1}:00`}</div>\n ))}\n </div>\n </div>\n </div>\n );\n};\n\ntype PopOversProps = {\n startTime: number;\n endTime: number;\n onStartTimeChange(time: number): void;\n onEndTimeChange(time: number): void;\n isStartModified: boolean;\n isEndModified: boolean;\n 'data-testid'?: string;\n};\n\nconst PopOvers = (props: PopOversProps): JSX.Element => {\n const {\n startTime,\n endTime,\n onStartTimeChange,\n onEndTimeChange,\n isStartModified,\n isEndModified,\n 'data-testid': dataTestId,\n } = props;\n\n const [firstTime, setFirstTime] = useState(\n startTime > endTime ? endTime : startTime\n );\n const [secondTime, setSecondTime] = useState(\n startTime > endTime ? startTime : endTime\n );\n\n useEffect(\n function setTimeOnPropTimeChange() {\n setFirstTime(startTime > endTime ? endTime : startTime);\n setSecondTime(startTime > endTime ? startTime : endTime);\n },\n [startTime, endTime]\n );\n\n function onFirstTimeChange(value: number) {\n if (startTime <= endTime) {\n onStartTimeChange(value);\n } else {\n onEndTimeChange(value);\n }\n }\n\n function onSecondTimeChange(value: number) {\n if (startTime <= endTime) {\n onEndTimeChange(value);\n } else {\n onStartTimeChange(value);\n }\n }\n\n return (\n <div className=\"time-slider-popovers\">\n <div\n className=\"flex\"\n style={{\n flexBasis: `calc(${(firstTime / SECONDS_IN_DAY) * 100}% - ${\n POPOVER_WIDTH / 2\n }px)`,\n }}\n />\n <div className=\"handle-popper\">\n <label\n className={classNames({\n modified: startTime < endTime ? isStartModified : isEndModified,\n })}\n >\n {startTime <= endTime ? 'Start Time' : 'End Time'}\n </label>\n <TimeInput\n allowValueWrapping={false}\n value={firstTime}\n onChange={onFirstTimeChange}\n data-testid={dataTestId ? `${dataTestId}-input-1` : undefined}\n />\n </div>\n <div className=\"flex-spacer\" />\n <div className=\"handle-popper\">\n <label\n className={classNames({\n modified: startTime > endTime ? isStartModified : isEndModified,\n })}\n >\n {startTime > endTime ? 'Start Time' : 'End Time'}\n </label>\n <TimeInput\n allowValueWrapping={false}\n value={secondTime}\n onChange={onSecondTimeChange}\n data-testid={dataTestId ? `${dataTestId}-input-2` : undefined}\n />\n </div>\n <div\n className=\"flex\"\n style={{\n flexBasis: `calc(${\n ((SECONDS_IN_DAY - secondTime) / SECONDS_IN_DAY) * 100\n }% - ${POPOVER_WIDTH / 2}px)`,\n }}\n />\n </div>\n );\n};\n\ntype TrackFillsProps = {\n startTime: number;\n endTime: number;\n 'data-testid'?: string;\n};\n\n/**\n * Shades the area between or outside of handles according to if start or endtime is greater.\n */\nconst TrackFills = (props: TrackFillsProps): JSX.Element => {\n const { startTime, endTime, 'data-testid': dataTestId } = props;\n return (\n <div className=\"track-fills\" data-testid={dataTestId}>\n {startTime > endTime && (\n <>\n <div\n className=\"track-fill track-fill-start\"\n style={{ transform: `scaleX(${endTime / SECONDS_IN_DAY})` }}\n />\n <div\n className=\"track-fill track-fill-end\"\n style={{\n transform: `scaleX(${\n (SECONDS_IN_DAY - startTime) / SECONDS_IN_DAY\n })`,\n }}\n />\n </>\n )}\n {startTime < endTime && (\n <div\n className=\"track-fill track-fill-middle\"\n style={{\n transform: `translateX(${\n (startTime / SECONDS_IN_DAY) * 100\n }%) scaleX(${(endTime - startTime) / SECONDS_IN_DAY})`,\n }}\n />\n )}\n </div>\n );\n};\n\ntype HandleProps = {\n track: React.RefObject<HTMLDivElement>;\n time: number;\n setTime(time: number): void;\n 'data-testid'?: string;\n};\n\n/**\n * Creates a draggable handle the sets the time\n */\nconst Handle = (props: HandleProps): JSX.Element => {\n const { track, time, setTime, 'data-testid': dataTestId } = props;\n\n /**\n * Takes the time and generate our translation string taking into account handle offset.\n * The handle offset changes for the first and last tick range dynmaically. Normally,\n * the center of the handle (size/2) is the selection origin, but at edges, it becomes either\n * end of the handle, requireing a relative offset range of 0 - 0.5, and 0.5 - 1 of handle size.\n * @param t time in seconds\n */\n const transform = useMemo(() => {\n const ONE_HOUR = 60 * 60;\n let handleOffset = HANDLE_SIZE / 2;\n if (time < ONE_HOUR) {\n handleOffset = (time / ONE_HOUR) * (HANDLE_SIZE / 2); // 0 - 0.5 Handle size\n } else if (time > 23 * ONE_HOUR) {\n handleOffset =\n HANDLE_SIZE / 2 +\n (1 / (SECONDS_IN_DAY - 23 * ONE_HOUR)) *\n (time - 23 * ONE_HOUR) *\n (HANDLE_SIZE / 2); // 0.5 - 1 Handle size\n }\n return `translateX(calc(${\n (time / SECONDS_IN_DAY) * 100\n }% - ${handleOffset}px))`;\n }, [time]);\n\n const calculatePositionAsTime = useCallback(\n (clientX: number) => {\n if (!track.current) {\n return 0;\n }\n const trackRect = track.current.getBoundingClientRect();\n const leftEdge = Math.max(clientX - trackRect.left, 0);\n // get position as 0-1 on slider and mulitply by seconds in a day to convert to time\n const preciseTime =\n SECONDS_IN_DAY * Math.min(1, leftEdge / trackRect.width);\n // snap to nearest N(5) minute interval\n const roundedTime =\n SNAP_NEAREST_MINUTES * Math.round(preciseTime / SNAP_NEAREST_MINUTES);\n // prevent over-rounding to 24:00:00\n const limitMax = Math.min(SECONDS_IN_DAY, roundedTime);\n return limitMax;\n },\n [track]\n );\n\n const handleMouseMove = useCallback(\n ({ clientX }: MouseEvent) => {\n setTime(calculatePositionAsTime(clientX));\n },\n [setTime, calculatePositionAsTime]\n );\n\n const handleMouseUp = useCallback(\n ({ clientX }: MouseEvent) => {\n setTime(calculatePositionAsTime(clientX));\n\n window.removeEventListener('mousemove', handleMouseMove);\n window.removeEventListener('mouseup', handleMouseUp);\n document.documentElement.classList.remove('drag-pointer-events-none');\n },\n [setTime, calculatePositionAsTime, handleMouseMove]\n );\n\n const startDragListening = useCallback(() => {\n window.addEventListener('mousemove', handleMouseMove);\n window.addEventListener('mouseup', handleMouseUp);\n document.documentElement.classList.add('drag-pointer-events-none');\n }, [handleMouseMove, handleMouseUp]);\n\n const stopDragListening = useCallback(() => {\n window.removeEventListener('mousemove', handleMouseMove);\n window.removeEventListener('mouseup', handleMouseUp);\n document.documentElement.classList.remove('drag-pointer-events-none');\n }, [handleMouseMove, handleMouseUp]);\n\n const handleMouseDown = useCallback(() => {\n startDragListening();\n }, [startDragListening]);\n\n useEffect(\n function removeListenersOnUnmount() {\n return () => {\n stopDragListening();\n };\n },\n [stopDragListening]\n );\n\n return (\n <div className=\"handle-track\" style={{ transform }}>\n <button\n className=\"handle\"\n type=\"button\"\n aria-label=\"Change time\"\n onMouseDown={handleMouseDown}\n data-testid={dataTestId}\n />\n </div>\n );\n};\n\nexport default TimeSlider;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ToastNotification.js","names":["React","classNames","CSSTransition","vsClose","Button","ThemeExport","ToastNotification","buttons","isShown","classNamesProp","message","type","onClick","onDismiss","dataTestId","hasButtons","length","transitionMs","transitionSlowMs","TYPE","Object","freeze","ERROR"],"sources":["../src/ToastNotification.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { vsClose } from '@deephaven/icons';\nimport Button from './Button';\nimport ThemeExport from './ThemeExport';\nimport './ToastNotification.scss';\n\ntype ToastNotificationProps = {\n buttons?: typeof Button[];\n classNames?: string;\n isShown?: boolean;\n message?: string;\n type?: string;\n 'data-testid'?: string;\n\n onClick?: React.EventHandler<\n React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>\n >;\n onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\nconst ToastNotification = ({\n buttons,\n isShown = false,\n classNames: classNamesProp,\n message,\n type,\n onClick,\n onDismiss,\n 'data-testid': dataTestId,\n}: ToastNotificationProps): JSX.Element => {\n const hasButtons = buttons && buttons.length !== 0;\n\n return (\n <CSSTransition\n in={isShown}\n timeout={ThemeExport.transitionMs}\n classNames=\"toast-notification-slide-up\"\n mountOnEnter\n unmountOnExit\n >\n <div\n className={classNames('toast-notification', classNamesProp, type)}\n role=\"presentation\"\n onClick={onClick}\n onKeyPress={onClick}\n data-testid={dataTestId}\n >\n <div className=\"message-container\">\n <span className=\"message\">{message}</span>\n </div>\n <CSSTransition\n in={hasButtons}\n timeout={ThemeExport.transitionSlowMs}\n classNames=\"fade\"\n mountOnEnter\n unmountOnExit\n >\n <div className=\"buttons-container\">{buttons}</div>\n </CSSTransition>\n {onDismiss && (\n <Button\n kind=\"ghost\"\n icon={vsClose}\n tooltip=\"Close notification\"\n className=\"my-2\"\n onClick={onDismiss}\n />\n )}\n </div>\n </CSSTransition>\n );\n};\n\nToastNotification.TYPE = Object.freeze({\n ERROR: 'error',\n});\n\nexport default ToastNotification;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,aAAT,QAA8B,wBAA9B;AACA,SAASC,OAAT,QAAwB,kBAAxB;OACOC,M;OACAC,W;;;AAiBP,IAAMC,iBAAiB,GAAG,QASiB;EAAA,IAThB;IACzBC,OADyB;IAEzBC,OAAO,GAAG,KAFe;IAGzBP,UAAU,EAAEQ,cAHa;IAIzBC,OAJyB;IAKzBC,IALyB;IAMzBC,OANyB;IAOzBC,SAPyB;IAQzB,eAAeC;EARU,CASgB;EACzC,IAAMC,UAAU,GAAGR,OAAO,IAAIA,OAAO,CAACS,MAAR,KAAmB,CAAjD;EAEA,oBACE,oBAAC,aAAD;IACE,EAAE,EAAER,OADN;IAEE,OAAO,EAAEH,WAAW,CAACY,YAFvB;IAGE,UAAU,EAAC,6BAHb;IAIE,YAAY,MAJd;IAKE,aAAa;EALf,gBAOE;IACE,SAAS,EAAEhB,UAAU,CAAC,oBAAD,EAAuBQ,cAAvB,EAAuCE,IAAvC,CADvB;IAEE,IAAI,EAAC,cAFP;IAGE,OAAO,EAAEC,OAHX;IAIE,UAAU,EAAEA,OAJd;IAKE,eAAaE;EALf,gBAOE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAM,SAAS,EAAC;EAAhB,GAA2BJ,OAA3B,CADF,CAPF,eAUE,oBAAC,aAAD;IACE,EAAE,EAAEK,UADN;IAEE,OAAO,EAAEV,WAAW,CAACa,gBAFvB;IAGE,UAAU,EAAC,MAHb;IAIE,YAAY,MAJd;IAKE,aAAa;EALf,gBAOE;IAAK,SAAS,EAAC;EAAf,GAAoCX,OAApC,CAPF,CAVF,EAmBGM,SAAS,iBACR,oBAAC,MAAD;IACE,IAAI,EAAC,OADP;IAEE,IAAI,EAAEV,OAFR;IAGE,OAAO,EAAC,oBAHV;IAIE,SAAS,EAAC,MAJZ;IAKE,OAAO,EAAEU;EALX,EApBJ,CAPF,CADF;AAuCD,CAnDD;;AAqDAP,iBAAiB,CAACa,IAAlB,GAAyBC,MAAM,CAACC,MAAP,CAAc;EACrCC,KAAK,EAAE;AAD8B,CAAd,CAAzB;AAIA,eAAehB,iBAAf"}
|
package/dist/UISwitch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"UISwitch.js","names":["React","classNames","UISwitch","on","id","className","isInvalid","disabled","onClick","dataTestId","active"],"sources":["../src/UISwitch.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './UISwitch.scss';\n\nexport type UISwitchProps = {\n on: boolean;\n onClick: React.MouseEventHandler<HTMLButtonElement>;\n id?: string;\n className?: string;\n isInvalid?: boolean;\n disabled?: boolean;\n 'data-testid'?: string;\n};\n\nconst UISwitch = ({\n on,\n id,\n className,\n isInvalid,\n disabled = false,\n onClick,\n 'data-testid': dataTestId,\n}: UISwitchProps): JSX.Element => (\n <button\n type=\"button\"\n className={classNames(\n 'btn',\n 'btn-switch',\n className,\n { active: on },\n { 'is-invalid': isInvalid }\n )}\n id={id}\n onClick={onClick}\n disabled={disabled}\n data-testid={dataTestId}\n >\n <div className=\"handle\" />\n </button>\n);\n\nexport default UISwitch;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;;;AAaA,IAAMC,QAAQ,GAAG;EAAA,IAAC;IAChBC,EADgB;IAEhBC,EAFgB;IAGhBC,SAHgB;IAIhBC,SAJgB;IAKhBC,QAAQ,GAAG,KALK;IAMhBC,OANgB;IAOhB,eAAeC;EAPC,CAAD;EAAA,oBASf;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAER,UAAU,CACnB,KADmB,EAEnB,YAFmB,EAGnBI,SAHmB,EAInB;MAAEK,MAAM,EAAEP;IAAV,CAJmB,EAKnB;MAAE,cAAcG;IAAhB,CALmB,CAFvB;IASE,EAAE,EAAEF,EATN;IAUE,OAAO,EAAEI,OAVX;IAWE,QAAQ,EAAED,QAXZ;IAYE,eAAaE;EAZf,gBAcE;IAAK,SAAS,EAAC;EAAf,EAdF,CATe;AAAA,CAAjB;;AA2BA,eAAeP,QAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/context-actions/ContextActionUtils.ts"],"names":["isPromise","value","then","undefined","ContextActionUtils","disableAllActions","actionsDisabled","enableAllActions","isContextActionEvent","e","Array","isArray","contextActions","compareActions","a","b","group","order","title","sortActions","actions","sortedActions","slice","sort","isMacPlatform","platform","window","navigator","startsWith","getModifierKey","isModifierKeyDown","event","modifierKey","copyToClipboard","text","clipboard","copyToClipboardExecCommand","Promise","resolve","writeText","catch","oldFocus","document","activeElement","textArea","createElement","body","appendChild","focus","select","execCommand","Error","removeChild","HTMLElement","getMenuItems","actionsParam","includePromises","menuItems","i","length","action","newMenuItems","push","concat","filter","menuElement","getNextMenuItem","startIndex","delta","firstIndex","menuIndex","item","disabled"],"mappings":"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","sourcesContent":["import { IconDefinition } from '@deephaven/icons';\nimport React from 'react';\nimport type { Shortcut } from '../shortcuts';\n\nexport type ResolvableContextAction =\n | ContextAction\n | Promise<ContextAction[]>\n | (() => Promise<ContextAction[]> | ContextAction[] | ContextAction);\n\nexport type MenuItem = ContextAction | Promise<ContextAction[]>;\n\nexport interface ContextAction {\n title?: string;\n description?: string;\n action?(event?: KeyboardEvent): void;\n actions?: ResolvableContextAction[];\n icon?: IconDefinition | React.ReactElement;\n iconColor?: string;\n shortcut?: Shortcut;\n isGlobal?: boolean;\n group?: number;\n order?: number;\n disabled?: boolean;\n menuElement?: React.ReactElement;\n iconOutline?: boolean;\n}\n\nexport interface ContextActionEvent extends MouseEvent {\n contextActions: ResolvableContextAction[];\n}\n\nexport function isPromise<A, T>(value: A | Promise<T>): value is Promise<T> {\n return (value as Promise<T>).then !== undefined;\n}\n\nclass ContextActionUtils {\n static actionsDisabled = false;\n\n static disableAllActions(): void {\n ContextActionUtils.actionsDisabled = true;\n }\n\n static enableAllActions(): void {\n ContextActionUtils.actionsDisabled = false;\n }\n\n static isContextActionEvent(e: MouseEvent): e is ContextActionEvent {\n return Array.isArray((e as ContextActionEvent).contextActions);\n }\n\n /**\n * Compare two action items. Useful in Array.sort\n * @param a First context action to compare\n * @param b Second context action to compare\n */\n static compareActions(a: ContextAction, b: ContextAction): number {\n if (a.group !== b.group) {\n return (a.group || 0) > (b.group || 0) ? 1 : -1;\n }\n\n if (a.order !== b.order) {\n return (a.order || 0) > (b.order || 0) ? 1 : -1;\n }\n\n if (a.title !== b.title) {\n return (a.title || '') > (b.title || '') ? 1 : -1;\n }\n\n if (a !== b) {\n return a > b ? 1 : -1;\n }\n\n return 0;\n }\n\n /**\n *\n * @param actions The array of actions to sort\n */\n static sortActions(actions: ContextAction[]): ContextAction[] {\n if (!actions || !Array.isArray(actions)) {\n return [];\n }\n\n const sortedActions = actions.slice();\n sortedActions.sort(ContextActionUtils.compareActions);\n return sortedActions;\n }\n\n static isMacPlatform(): boolean {\n const { platform } = window.navigator;\n return platform.startsWith('Mac');\n }\n\n /**\n * Retrieve the preferred modifier key based on the current platform\n */\n static getModifierKey(): 'metaKey' | 'ctrlKey' {\n if (ContextActionUtils.isMacPlatform()) {\n return 'metaKey';\n }\n\n return 'ctrlKey';\n }\n\n /**\n * Returns true if the modifier key for the current platform is down for the event (Ctrl for windows/linux, Command (meta) for mac)\n * @param event The event to get the meta key status from\n */\n static isModifierKeyDown(\n event: KeyboardEvent | MouseEvent | React.KeyboardEvent | React.MouseEvent\n ): boolean {\n const modifierKey = ContextActionUtils.getModifierKey();\n return event[modifierKey];\n }\n\n /**\n * Copy the passed in text to the clipboard.\n * @param text The text to copy\n * @returns Promise Resolved on success, rejected on failure\n */\n static copyToClipboard(text: string): Promise<void> {\n const { clipboard } = navigator;\n if (clipboard === undefined) {\n ContextActionUtils.copyToClipboardExecCommand(text);\n return Promise.resolve();\n }\n return navigator.clipboard.writeText(text).catch(() => {\n ContextActionUtils.copyToClipboardExecCommand(text);\n });\n }\n\n /**\n * Copy the passed in text to the clipboard using the `execCommand` functionality\n * Throws on error/failure\n * @param text The text to copy\n */\n static copyToClipboardExecCommand(text: string): void {\n const oldFocus = document.activeElement;\n const textArea = document.createElement('textarea');\n textArea.value = text;\n document.body.appendChild(textArea);\n textArea.focus();\n textArea.select();\n\n if (!document.execCommand('copy')) {\n throw new Error('Unable to execute copy command');\n }\n\n document.body.removeChild(textArea);\n\n if (oldFocus instanceof HTMLElement) {\n oldFocus.focus();\n }\n }\n\n /**\n * Returns the menu items for the provided context actions, or empty array if none found.\n * @param actionsParam The actions to get menu items for\n * @param includePromises Whether or not to include promises in the returned menu items\n */\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises?: true\n ): MenuItem[];\n\n // If ignoring promises, then the return type is narrowed\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises: false\n ): ContextAction[];\n\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises = true\n ): MenuItem[] {\n let menuItems: MenuItem[] = [];\n let actions = actionsParam;\n if (!Array.isArray(actions)) {\n actions = [actions];\n }\n\n for (let i = 0; i < actions.length; i += 1) {\n const action = actions[i];\n let newMenuItems:\n | ContextAction\n | ContextAction[]\n | Promise<ContextAction[]>;\n if (typeof action === 'function') {\n newMenuItems = action();\n } else {\n newMenuItems = action;\n }\n\n if (newMenuItems != null) {\n if (newMenuItems instanceof Promise) {\n if (includePromises) {\n menuItems.push(newMenuItems);\n }\n } else if (Array.isArray(newMenuItems)) {\n menuItems = menuItems.concat(newMenuItems);\n } else {\n menuItems.push(newMenuItems);\n }\n }\n }\n\n menuItems = menuItems.filter(\n action =>\n (action as ContextAction).title ||\n (action as Promise<ContextAction[]>).then ||\n (action as ContextAction).menuElement\n );\n\n return menuItems;\n }\n\n /**\n * Returns the index of the next menu item in a list that doesn't have a disabled=true prop\n * @param startIndex the starting position for the iteration\n * @param delta the direction of travel, -1 or 1\n * @param menuItems an array of menuItems\n */\n static getNextMenuItem(\n startIndex: number,\n delta: -1 | 1,\n menuItems: MenuItem[]\n ): number {\n let firstIndex = startIndex;\n if (firstIndex < 0 && delta < 0) {\n // if menu index is -1 and delta -1 manually set start point\n firstIndex = menuItems.length;\n }\n // find the next non disabled menu option, iterating the list only once\n for (let i = 1; i < menuItems.length + 1; i += 1) {\n const menuIndex =\n (firstIndex + delta * i + menuItems.length) % menuItems.length;\n const item = menuItems[menuIndex];\n if (!(item instanceof Promise) && item.disabled !== true) {\n return menuIndex;\n }\n }\n return startIndex;\n }\n}\n\nexport default ContextActionUtils;\n"],"file":"ContextActionUtils.js"}
|
|
1
|
+
{"version":3,"file":"ContextActionUtils.js","names":["isPromise","value","then","undefined","ContextActionUtils","disableAllActions","actionsDisabled","enableAllActions","isContextActionEvent","e","Array","isArray","contextActions","compareActions","a","b","group","order","title","sortActions","actions","sortedActions","slice","sort","isMacPlatform","platform","window","navigator","startsWith","getModifierKey","isModifierKeyDown","event","modifierKey","copyToClipboard","text","clipboard","copyToClipboardExecCommand","Promise","resolve","writeText","catch","oldFocus","document","activeElement","textArea","createElement","body","appendChild","focus","select","execCommand","Error","removeChild","HTMLElement","getMenuItems","actionsParam","includePromises","menuItems","i","length","action","newMenuItems","push","concat","filter","menuElement","getNextMenuItem","startIndex","delta","firstIndex","menuIndex","item","disabled"],"sources":["../../src/context-actions/ContextActionUtils.ts"],"sourcesContent":["import { IconDefinition } from '@deephaven/icons';\nimport React from 'react';\nimport type { Shortcut } from '../shortcuts';\n\nexport type ResolvableContextAction =\n | ContextAction\n | Promise<ContextAction[]>\n | (() => Promise<ContextAction[]> | ContextAction[] | ContextAction);\n\nexport type MenuItem = ContextAction | Promise<ContextAction[]>;\n\nexport interface ContextAction {\n title?: string;\n description?: string;\n action?(event?: KeyboardEvent): void;\n actions?: ResolvableContextAction[];\n icon?: IconDefinition | React.ReactElement;\n iconColor?: string;\n shortcut?: Shortcut;\n isGlobal?: boolean;\n group?: number;\n order?: number;\n disabled?: boolean;\n menuElement?: React.ReactElement;\n iconOutline?: boolean;\n}\n\nexport interface ContextActionEvent extends MouseEvent {\n contextActions: ResolvableContextAction[];\n}\n\nexport function isPromise<A, T>(value: A | Promise<T>): value is Promise<T> {\n return (value as Promise<T>).then !== undefined;\n}\n\nclass ContextActionUtils {\n static actionsDisabled = false;\n\n static disableAllActions(): void {\n ContextActionUtils.actionsDisabled = true;\n }\n\n static enableAllActions(): void {\n ContextActionUtils.actionsDisabled = false;\n }\n\n static isContextActionEvent(e: MouseEvent): e is ContextActionEvent {\n return Array.isArray((e as ContextActionEvent).contextActions);\n }\n\n /**\n * Compare two action items. Useful in Array.sort\n * @param a First context action to compare\n * @param b Second context action to compare\n */\n static compareActions(a: ContextAction, b: ContextAction): number {\n if (a.group !== b.group) {\n return (a.group || 0) > (b.group || 0) ? 1 : -1;\n }\n\n if (a.order !== b.order) {\n return (a.order || 0) > (b.order || 0) ? 1 : -1;\n }\n\n if (a.title !== b.title) {\n return (a.title || '') > (b.title || '') ? 1 : -1;\n }\n\n if (a !== b) {\n return a > b ? 1 : -1;\n }\n\n return 0;\n }\n\n /**\n *\n * @param actions The array of actions to sort\n */\n static sortActions(actions: ContextAction[]): ContextAction[] {\n if (!actions || !Array.isArray(actions)) {\n return [];\n }\n\n const sortedActions = actions.slice();\n sortedActions.sort(ContextActionUtils.compareActions);\n return sortedActions;\n }\n\n static isMacPlatform(): boolean {\n const { platform } = window.navigator;\n return platform.startsWith('Mac');\n }\n\n /**\n * Retrieve the preferred modifier key based on the current platform\n */\n static getModifierKey(): 'metaKey' | 'ctrlKey' {\n if (ContextActionUtils.isMacPlatform()) {\n return 'metaKey';\n }\n\n return 'ctrlKey';\n }\n\n /**\n * Returns true if the modifier key for the current platform is down for the event (Ctrl for windows/linux, Command (meta) for mac)\n * @param event The event to get the meta key status from\n */\n static isModifierKeyDown(\n event: KeyboardEvent | MouseEvent | React.KeyboardEvent | React.MouseEvent\n ): boolean {\n const modifierKey = ContextActionUtils.getModifierKey();\n return event[modifierKey];\n }\n\n /**\n * Copy the passed in text to the clipboard.\n * @param text The text to copy\n * @returns Promise Resolved on success, rejected on failure\n */\n static copyToClipboard(text: string): Promise<void> {\n const { clipboard } = navigator;\n if (clipboard === undefined) {\n ContextActionUtils.copyToClipboardExecCommand(text);\n return Promise.resolve();\n }\n return navigator.clipboard.writeText(text).catch(() => {\n ContextActionUtils.copyToClipboardExecCommand(text);\n });\n }\n\n /**\n * Copy the passed in text to the clipboard using the `execCommand` functionality\n * Throws on error/failure\n * @param text The text to copy\n */\n static copyToClipboardExecCommand(text: string): void {\n const oldFocus = document.activeElement;\n const textArea = document.createElement('textarea');\n textArea.value = text;\n document.body.appendChild(textArea);\n textArea.focus();\n textArea.select();\n\n if (!document.execCommand('copy')) {\n throw new Error('Unable to execute copy command');\n }\n\n document.body.removeChild(textArea);\n\n if (oldFocus instanceof HTMLElement) {\n oldFocus.focus();\n }\n }\n\n /**\n * Returns the menu items for the provided context actions, or empty array if none found.\n * @param actionsParam The actions to get menu items for\n * @param includePromises Whether or not to include promises in the returned menu items\n */\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises?: true\n ): MenuItem[];\n\n // If ignoring promises, then the return type is narrowed\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises: false\n ): ContextAction[];\n\n static getMenuItems(\n actionsParam: ResolvableContextAction | ResolvableContextAction[],\n includePromises = true\n ): MenuItem[] {\n let menuItems: MenuItem[] = [];\n let actions = actionsParam;\n if (!Array.isArray(actions)) {\n actions = [actions];\n }\n\n for (let i = 0; i < actions.length; i += 1) {\n const action = actions[i];\n let newMenuItems:\n | ContextAction\n | ContextAction[]\n | Promise<ContextAction[]>;\n if (typeof action === 'function') {\n newMenuItems = action();\n } else {\n newMenuItems = action;\n }\n\n if (newMenuItems != null) {\n if (newMenuItems instanceof Promise) {\n if (includePromises) {\n menuItems.push(newMenuItems);\n }\n } else if (Array.isArray(newMenuItems)) {\n menuItems = menuItems.concat(newMenuItems);\n } else {\n menuItems.push(newMenuItems);\n }\n }\n }\n\n menuItems = menuItems.filter(\n action =>\n (action as ContextAction).title ||\n (action as Promise<ContextAction[]>).then ||\n (action as ContextAction).menuElement\n );\n\n return menuItems;\n }\n\n /**\n * Returns the index of the next menu item in a list that doesn't have a disabled=true prop\n * @param startIndex the starting position for the iteration\n * @param delta the direction of travel, -1 or 1\n * @param menuItems an array of menuItems\n */\n static getNextMenuItem(\n startIndex: number,\n delta: -1 | 1,\n menuItems: MenuItem[]\n ): number {\n let firstIndex = startIndex;\n if (firstIndex < 0 && delta < 0) {\n // if menu index is -1 and delta -1 manually set start point\n firstIndex = menuItems.length;\n }\n // find the next non disabled menu option, iterating the list only once\n for (let i = 1; i < menuItems.length + 1; i += 1) {\n const menuIndex =\n (firstIndex + delta * i + menuItems.length) % menuItems.length;\n const item = menuItems[menuIndex];\n if (!(item instanceof Promise) && item.disabled !== true) {\n return menuIndex;\n }\n }\n return startIndex;\n }\n}\n\nexport default ContextActionUtils;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/context-actions/ContextActions.tsx"],"names":["React","Component","Log","ContextActionUtils","isPromise","GlobalContextActions","log","module","ContextActions","triggerMenu","element","clientX","clientY","actions","mouseEvent","MouseEvent","bubbles","cancelable","contextActions","dispatchEvent","constructor","props","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","getDerivedStateFromProps","Array","isArray","filter","action","isGlobal","shortcut","componentDidMount","current","parentElement","addEventListener","componentWillUnmount","removeEventListener","e","ignoreClassNames","length","el","target","classList","ignoredClassName","find","className","contains","undefined","debug2","isContextActionEvent","concat","debug","i","keyboardAction","actionsDisabled","matchesEvent","result","stopPropagation","preventDefault","render","dataTestId","default","high","medium","low","global","edit"],"mappings":"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","sourcesContent":["/**\n * Just a simple utility class for displaying a popup menu.\n */\nimport React, { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils, {\n ResolvableContextAction,\n isPromise,\n} from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\nimport GlobalContextActions from './GlobalContextActions';\nimport './ContextActions.scss';\n\nconst log = Log.module('ContextActions');\n\ninterface ContextActionsProps {\n actions: ResolvableContextAction | ResolvableContextAction[];\n ignoreClassNames?: string[];\n 'data-testid'?: string;\n}\n\ninterface ContextActionsState {\n globalActions: ContextAction[];\n keyboardActions: ContextAction[];\n}\n\n/**\n * ContextActions that you add onto any component.\n *\n * Usage:\n * let actions = [{\n * title: 'My Action', // Omit the title to hide it from the context menu\n * action: () => { alert('My Action Clicked!') }\n * actions: [] // Submenu of actions\n * icon: faPrint, // Limited to FontAwesome icons for now.\n * iconColor: '#ff0000, // Color to use for the icon\n * shortcut: Shortcut, // Defaults to null\n * isGlobal: false, // Global context action. Defaults to false.\n * group: ContextActions.groups.default, // What group to group the context action with\n * order: null, // Int where to order within group\n * disabled: true // disable action\n * menuElement: null // Custom menu element for displaying in context menu. When null, creates a default menu item based on title\n * }];\n *\n * <div>\n * Right click in this container\n * <ContextActions actions={actions}/>\n * </div>\n *\n * Right clicking the container will then build the context menu, bubbling up until an element with a ContextMenuRoot is on it.\n * You should generally have a ContextMenuRoot on the root node of your document.\n */\nclass ContextActions extends Component<\n ContextActionsProps,\n ContextActionsState\n> {\n /**\n * Group you can assign to context menu actions to group them together.\n * Lower group IDs appear at the top of the list.\n * Groups are separated by a separator item.\n * Items within groups are ordered by their order property, then by their title.\n */\n static groups = {\n default: null,\n high: 100,\n medium: 5000,\n low: 10000,\n global: 100000,\n\n edit: 100,\n };\n\n static triggerMenu(\n element: Element,\n clientX: number,\n clientY: number,\n actions: ContextAction[]\n ): void {\n if (!element || !clientX || !clientY || !actions) {\n return;\n }\n\n const mouseEvent: Partial<ContextActionEvent> = new MouseEvent(\n 'contextmenu',\n {\n clientX,\n clientY,\n bubbles: true,\n cancelable: true,\n }\n );\n mouseEvent.contextActions = actions;\n\n element.dispatchEvent(mouseEvent as ContextActionEvent);\n }\n\n constructor(props: ContextActionsProps) {\n super(props);\n\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n\n this.container = React.createRef();\n\n this.state = { globalActions: [], keyboardActions: [] };\n }\n\n static getDerivedStateFromProps(\n props: ContextActionsProps\n ): ContextActionsState {\n if (!props.actions || !Array.isArray(props.actions)) {\n return { globalActions: [], keyboardActions: [] };\n }\n const globalActions = props.actions.filter(\n action =>\n !isPromise(action) && typeof action !== 'function' && action.isGlobal\n ) as ContextAction[];\n const keyboardActions = props.actions.filter(\n action =>\n !isPromise(action) &&\n typeof action !== 'function' &&\n !action.isGlobal &&\n action.shortcut != null\n ) as ContextAction[];\n\n return { globalActions, keyboardActions };\n }\n\n componentDidMount(): void {\n if (this.container.current?.parentElement) {\n this.container.current.parentElement.addEventListener(\n 'contextmenu',\n this.handleContextMenu\n );\n this.container.current.parentElement.addEventListener(\n 'keydown',\n this.handleKeyDown\n );\n }\n }\n\n componentWillUnmount(): void {\n if (this.container.current?.parentElement) {\n this.container.current.parentElement.removeEventListener(\n 'contextmenu',\n this.handleContextMenu\n );\n this.container.current.parentElement.removeEventListener(\n 'keydown',\n this.handleKeyDown\n );\n }\n }\n\n container: React.RefObject<HTMLDivElement>;\n\n handleContextMenu(e: MouseEvent): void {\n const { ignoreClassNames = [] } = this.props;\n if (ignoreClassNames.length > 0) {\n let el = e.target as Element | null;\n while (el != null) {\n const { classList } = el;\n const ignoredClassName = ignoreClassNames.find(className =>\n classList.contains(className)\n );\n if (ignoredClassName !== undefined) {\n log.debug2(\n `Contextmenu event ignored based on the target className \"${ignoredClassName}\"`\n );\n return;\n }\n el = el.parentElement;\n }\n }\n if (!ContextActionUtils.isContextActionEvent(e)) {\n (e as ContextActionEvent).contextActions = [];\n }\n\n if (!ContextActionUtils.isContextActionEvent(e)) {\n return;\n }\n\n const { actions } = this.props;\n if (actions) {\n let contextActions = actions;\n if (Array.isArray(contextActions)) {\n contextActions = contextActions.filter(\n action =>\n isPromise(action) ||\n typeof action === 'function' ||\n !action.isGlobal\n );\n }\n\n e.contextActions = e.contextActions.concat(contextActions);\n }\n\n log.debug(\n 'Received context menu event! Menu items are now: ',\n e.contextActions\n );\n }\n\n handleKeyDown(e: KeyboardEvent): void {\n const { keyboardActions } = this.state;\n for (let i = 0; i < keyboardActions.length; i += 1) {\n const keyboardAction = keyboardActions[i];\n if (\n !ContextActionUtils.actionsDisabled &&\n keyboardAction.shortcut?.matchesEvent(e)\n ) {\n log.debug('Context hotkey matched!', e);\n\n const result = keyboardAction.action?.(e);\n\n if (result || result === undefined) {\n e.stopPropagation();\n e.preventDefault();\n return;\n }\n\n log.debug2('Matched hotkey returned false, key event not consumed');\n }\n }\n }\n\n render(): JSX.Element {\n const { 'data-testid': dataTestId } = this.props;\n const { globalActions } = this.state;\n return (\n <div\n className=\"context-actions-listener\"\n ref={this.container}\n data-testid={dataTestId}\n >\n <GlobalContextActions actions={globalActions} />\n </div>\n );\n }\n}\n\nexport default ContextActions;\n"],"file":"ContextActions.js"}
|
|
1
|
+
{"version":3,"file":"ContextActions.js","names":["React","Component","Log","ContextActionUtils","isPromise","GlobalContextActions","log","module","ContextActions","triggerMenu","element","clientX","clientY","actions","mouseEvent","MouseEvent","bubbles","cancelable","contextActions","dispatchEvent","constructor","props","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","getDerivedStateFromProps","Array","isArray","filter","action","isGlobal","shortcut","componentDidMount","current","parentElement","addEventListener","componentWillUnmount","removeEventListener","e","ignoreClassNames","length","el","target","classList","ignoredClassName","find","className","contains","undefined","debug2","isContextActionEvent","concat","debug","i","keyboardAction","actionsDisabled","matchesEvent","result","stopPropagation","preventDefault","render","dataTestId","default","high","medium","low","global","edit"],"sources":["../../src/context-actions/ContextActions.tsx"],"sourcesContent":["/**\n * Just a simple utility class for displaying a popup menu.\n */\nimport React, { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils, {\n ResolvableContextAction,\n isPromise,\n} from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\nimport GlobalContextActions from './GlobalContextActions';\nimport './ContextActions.scss';\n\nconst log = Log.module('ContextActions');\n\ninterface ContextActionsProps {\n actions: ResolvableContextAction | ResolvableContextAction[];\n ignoreClassNames?: string[];\n 'data-testid'?: string;\n}\n\ninterface ContextActionsState {\n globalActions: ContextAction[];\n keyboardActions: ContextAction[];\n}\n\n/**\n * ContextActions that you add onto any component.\n *\n * Usage:\n * let actions = [{\n * title: 'My Action', // Omit the title to hide it from the context menu\n * action: () => { alert('My Action Clicked!') }\n * actions: [] // Submenu of actions\n * icon: faPrint, // Limited to FontAwesome icons for now.\n * iconColor: '#ff0000, // Color to use for the icon\n * shortcut: Shortcut, // Defaults to null\n * isGlobal: false, // Global context action. Defaults to false.\n * group: ContextActions.groups.default, // What group to group the context action with\n * order: null, // Int where to order within group\n * disabled: true // disable action\n * menuElement: null // Custom menu element for displaying in context menu. When null, creates a default menu item based on title\n * }];\n *\n * <div>\n * Right click in this container\n * <ContextActions actions={actions}/>\n * </div>\n *\n * Right clicking the container will then build the context menu, bubbling up until an element with a ContextMenuRoot is on it.\n * You should generally have a ContextMenuRoot on the root node of your document.\n */\nclass ContextActions extends Component<\n ContextActionsProps,\n ContextActionsState\n> {\n /**\n * Group you can assign to context menu actions to group them together.\n * Lower group IDs appear at the top of the list.\n * Groups are separated by a separator item.\n * Items within groups are ordered by their order property, then by their title.\n */\n static groups = {\n default: null,\n high: 100,\n medium: 5000,\n low: 10000,\n global: 100000,\n\n edit: 100,\n };\n\n static triggerMenu(\n element: Element,\n clientX: number,\n clientY: number,\n actions: ContextAction[]\n ): void {\n if (!element || !clientX || !clientY || !actions) {\n return;\n }\n\n const mouseEvent: Partial<ContextActionEvent> = new MouseEvent(\n 'contextmenu',\n {\n clientX,\n clientY,\n bubbles: true,\n cancelable: true,\n }\n );\n mouseEvent.contextActions = actions;\n\n element.dispatchEvent(mouseEvent as ContextActionEvent);\n }\n\n constructor(props: ContextActionsProps) {\n super(props);\n\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n\n this.container = React.createRef();\n\n this.state = { globalActions: [], keyboardActions: [] };\n }\n\n static getDerivedStateFromProps(\n props: ContextActionsProps\n ): ContextActionsState {\n if (!props.actions || !Array.isArray(props.actions)) {\n return { globalActions: [], keyboardActions: [] };\n }\n const globalActions = props.actions.filter(\n action =>\n !isPromise(action) && typeof action !== 'function' && action.isGlobal\n ) as ContextAction[];\n const keyboardActions = props.actions.filter(\n action =>\n !isPromise(action) &&\n typeof action !== 'function' &&\n !action.isGlobal &&\n action.shortcut != null\n ) as ContextAction[];\n\n return { globalActions, keyboardActions };\n }\n\n componentDidMount(): void {\n if (this.container.current?.parentElement) {\n this.container.current.parentElement.addEventListener(\n 'contextmenu',\n this.handleContextMenu\n );\n this.container.current.parentElement.addEventListener(\n 'keydown',\n this.handleKeyDown\n );\n }\n }\n\n componentWillUnmount(): void {\n if (this.container.current?.parentElement) {\n this.container.current.parentElement.removeEventListener(\n 'contextmenu',\n this.handleContextMenu\n );\n this.container.current.parentElement.removeEventListener(\n 'keydown',\n this.handleKeyDown\n );\n }\n }\n\n container: React.RefObject<HTMLDivElement>;\n\n handleContextMenu(e: MouseEvent): void {\n const { ignoreClassNames = [] } = this.props;\n if (ignoreClassNames.length > 0) {\n let el = e.target as Element | null;\n while (el != null) {\n const { classList } = el;\n const ignoredClassName = ignoreClassNames.find(className =>\n classList.contains(className)\n );\n if (ignoredClassName !== undefined) {\n log.debug2(\n `Contextmenu event ignored based on the target className \"${ignoredClassName}\"`\n );\n return;\n }\n el = el.parentElement;\n }\n }\n if (!ContextActionUtils.isContextActionEvent(e)) {\n (e as ContextActionEvent).contextActions = [];\n }\n\n if (!ContextActionUtils.isContextActionEvent(e)) {\n return;\n }\n\n const { actions } = this.props;\n if (actions) {\n let contextActions = actions;\n if (Array.isArray(contextActions)) {\n contextActions = contextActions.filter(\n action =>\n isPromise(action) ||\n typeof action === 'function' ||\n !action.isGlobal\n );\n }\n\n e.contextActions = e.contextActions.concat(contextActions);\n }\n\n log.debug(\n 'Received context menu event! Menu items are now: ',\n e.contextActions\n );\n }\n\n handleKeyDown(e: KeyboardEvent): void {\n const { keyboardActions } = this.state;\n for (let i = 0; i < keyboardActions.length; i += 1) {\n const keyboardAction = keyboardActions[i];\n if (\n !ContextActionUtils.actionsDisabled &&\n keyboardAction.shortcut?.matchesEvent(e)\n ) {\n log.debug('Context hotkey matched!', e);\n\n const result = keyboardAction.action?.(e);\n\n if (result || result === undefined) {\n e.stopPropagation();\n e.preventDefault();\n return;\n }\n\n log.debug2('Matched hotkey returned false, key event not consumed');\n }\n }\n }\n\n render(): JSX.Element {\n const { 'data-testid': dataTestId } = this.props;\n const { globalActions } = this.state;\n return (\n <div\n className=\"context-actions-listener\"\n ref={this.container}\n data-testid={dataTestId}\n >\n <GlobalContextActions actions={globalActions} />\n </div>\n );\n }\n}\n\nexport default ContextActions;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/context-actions/ContextMenu.tsx"],"names":["React","PureComponent","classNames","Log","PromiseUtils","ContextActionUtils","ContextMenuItem","LoadingSpinner","log","module","ContextMenu","handleContextMenu","e","metaKey","stopPropagation","preventDefault","constructor","props","handleBlur","bind","handleCloseSubMenu","handleKeyDown","handleMenuItemClick","handleMenuItemContextMenu","handleMenuItemMouseMove","handleMouseLeave","handleWindowResize","container","createRef","oldFocus","document","activeElement","activeSubMenuRef","subMenuTimer","rAF","initialPosition","top","left","state","menuItems","pendingItems","activeSubMenu","hasOverflow","subMenuTop","subMenuLeft","subMenuParentWidth","subMenuParentHeight","keyboardIndex","mouseIndex","componentDidMount","initMenu","verifyPosition","window","addEventListener","requestAnimationFrame","current","focus","onMenuOpened","componentDidUpdate","prevProps","prevState","actions","setActiveSubMenuPosition","contains","componentWillUnmount","cancelPromises","removeEventListener","cancelAnimationFrame","getKeyboardIndex","options","separateKeyboardMouse","getMouseIndex","setKeyboardIndex","index","setState","setMouseIndex","initialKeyboardIndex","undefined","getMenuItems","nonPromiseItems","i","length","menuItem","Promise","initMenuPromise","push","sortActions","promise","cancellablePromise","makeCancelable","concat","then","resolvedMenuItems","indexOf","slice","splice","error","isCanceled","map","item","cancel","parentRect","getBoundingClientRect","right","height","width","updatePosition","oldTop","oldLeft","doNotVerifyPosition","scrollHeight","innerHeight","innerWidth","closeMenu","warn","relatedTarget","element","isContextMenuChild","hasAttribute","parentElement","isEscapeKey","key","newFocus","openSubMenu","shiftKey","getNextMenuItem","HTMLElement","newSubMenu","closeAll","onMenuClosed","closeSubMenu","closeAllMenus","disabled","action","focusIndex","render","menuItemElements","group","menuItemElement","pendingElement","menuStyle","dataTestId","showSubmenu","verifiedTop","verifiedLeft"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,SAASC,YAAT,QAAgD,kBAAhD;OACOC,kB;OAIAC,e;OACAC,c;AAEP,IAAMC,GAAG,GAAGL,GAAG,CAACM,MAAJ,CAAW,aAAX,CAAZ;;AAoCA;AACA,MAAMC,WAAN,SAA0BT,aAA1B,CAA4E;AAkBlD,SAAjBU,iBAAiB,CAACC,CAAD,EAA4B;AAClD,QAAIA,CAAC,CAACC,OAAN,EAAe;AACb;AACD;;AAEDD,IAAAA,CAAC,CAACE,eAAF;AACAF,IAAAA,CAAC,CAACG,cAAF;AACD;;AAEDC,EAAAA,WAAW,CAACC,KAAD,EAA0B;AACnC,UAAMA,KAAN;;AADmC;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAGnC,SAAKC,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;AACA,SAAKC,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBD,IAAxB,CAA6B,IAA7B,CAA1B;AACA,SAAKE,aAAL,GAAqB,KAAKA,aAAL,CAAmBF,IAAnB,CAAwB,IAAxB,CAArB;AACA,SAAKG,mBAAL,GAA2B,KAAKA,mBAAL,CAAyBH,IAAzB,CAA8B,IAA9B,CAA3B;AACA,SAAKI,yBAAL,GAAiC,KAAKA,yBAAL,CAA+BJ,IAA/B,CAAoC,IAApC,CAAjC;AACA,SAAKK,uBAAL,GAA+B,KAAKA,uBAAL,CAA6BL,IAA7B,CAAkC,IAAlC,CAA/B;AACA,SAAKM,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBN,IAAtB,CAA2B,IAA3B,CAAxB;AACA,SAAKO,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBP,IAAxB,CAA6B,IAA7B,CAA1B;AAEA,SAAKQ,SAAL,gBAAiB3B,KAAK,CAAC4B,SAAN,EAAjB;AACA,SAAKC,QAAL,GAAgBC,QAAQ,CAACC,aAAzB;AACA,SAAKC,gBAAL,gBAAwBhC,KAAK,CAAC4B,SAAN,EAAxB;AACA,SAAKK,YAAL,GAAoB,CAApB;AACA,SAAKC,GAAL,GAAW,CAAX;AAEA,SAAKC,eAAL,GAAuB;AAAEC,MAAAA,GAAG,EAAEnB,KAAK,CAACmB,GAAb;AAAkBC,MAAAA,IAAI,EAAEpB,KAAK,CAACoB;AAA9B,KAAvB;AAEA,SAAKC,KAAL,GAAa;AACXC,MAAAA,SAAS,EAAE,EADA;AAEXC,MAAAA,YAAY,EAAE,EAFH;AAGXC,MAAAA,aAAa,EAAE,IAHJ;AAIXC,MAAAA,WAAW,EAAE,KAJF;AAKXC,MAAAA,UAAU,EAAE,IALD;AAMXC,MAAAA,WAAW,EAAE,IANF;AAOXC,MAAAA,kBAAkB,EAAE,CAPT;AAQXC,MAAAA,mBAAmB,EAAE,CARV;AASXC,MAAAA,aAAa,EAAE,CAAC,CATL;AAUXC,MAAAA,UAAU,EAAE,CAAC;AAVF,KAAb;AAYD;;AAEDC,EAAAA,iBAAiB,GAAS;AACxB,SAAKC,QAAL;AAEA,SAAKC,cAAL;AAEAC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkC,KAAK3B,kBAAvC,EALwB,CAOxB;AACA;AACA;AACA;;AACA,SAAKQ,GAAL,GAAWkB,MAAM,CAACE,qBAAP,CAA6B,MAAM;AAAA;;AAC5C,oCAAK3B,SAAL,CAAe4B,OAAf,gFAAwBC,KAAxB;AAEA,UAAM;AAAEC,QAAAA;AAAF,UAAmB,KAAKxC,KAA9B;AACAwC,MAAAA,YAAY,CAAC,IAAD,CAAZ;AACD,KALU,CAAX;AAMD;;AAEDC,EAAAA,kBAAkB,CAChBC,SADgB,EAEhBC,SAFgB,EAGV;AACN,QAAM;AAAEC,MAAAA;AAAF,QAAc,KAAK5C,KAAzB;AACA,QAAM;AAAEwB,MAAAA;AAAF,QAAoB,KAAKH,KAA/B;;AAEA,QAAIG,aAAa,KAAKmB,SAAS,CAACnB,aAAhC,EAA+C;AAC7C,UAAIA,aAAa,IAAI,IAArB,EAA2B;AAAA;;AACzB;AACA,uCAAKd,SAAL,CAAe4B,OAAf,kFAAwBC,KAAxB;AACD,OAHD,MAGO;AACL;AACA,aAAKM,wBAAL;AACD;AACF;;AAED,QAAIH,SAAS,CAACE,OAAV,KAAsBA,OAA1B,EAAmC;AAAA;;AACjC,WAAKX,QAAL;;AAEA,UAAI,4BAAC,KAAKvB,SAAL,CAAe4B,OAAhB,mDAAC,uBAAwBQ,QAAxB,CAAiCjC,QAAQ,CAACC,aAA1C,CAAD,CAAJ,EAA+D;AAAA;;AAC7D,uCAAKJ,SAAL,CAAe4B,OAAf,kFAAwBC,KAAxB;AACD;AACF;;AAED,SAAKL,cAAL;AACD;;AAEDa,EAAAA,oBAAoB,GAAS;AAC3B,SAAKC,cAAL;AACAb,IAAAA,MAAM,CAACc,mBAAP,CAA2B,QAA3B,EAAqC,KAAKxC,kBAA1C;AACAyC,IAAAA,oBAAoB,CAAC,KAAKjC,GAAN,CAApB;AACD;;AAcDkC,EAAAA,gBAAgB,GAAW;AACzB,QAAM;AAAEC,MAAAA;AAAF,QAAc,KAAKpD,KAAzB;;AACA,QAAIoD,OAAO,CAACC,qBAAZ,EAAmC;AACjC,UAAM;AAAEvB,QAAAA;AAAF,UAAoB,KAAKT,KAA/B;AACA,aAAOS,aAAP;AACD;;AAED,WAAO,KAAKwB,aAAL,EAAP;AACD;;AAEDC,EAAAA,gBAAgB,CAACC,KAAD,EAAsB;AACpC,QAAM;AAAEJ,MAAAA;AAAF,QAAc,KAAKpD,KAAzB;;AACA,QAAIoD,OAAO,CAACC,qBAAZ,EAAmC;AACjC,WAAKI,QAAL,CAAc;AAAE3B,QAAAA,aAAa,EAAE0B;AAAjB,OAAd;AACD,KAFD,MAEO;AACL,WAAKE,aAAL,CAAmBF,KAAnB;AACD;AACF;;AAEDF,EAAAA,aAAa,GAAW;AACtB,QAAM;AAAEvB,MAAAA;AAAF,QAAiB,KAAKV,KAA5B;AACA,WAAOU,UAAP;AACD;;AAED2B,EAAAA,aAAa,CAACF,KAAD,EAAsB;AACjC,SAAKC,QAAL,CAAc;AAAE1B,MAAAA,UAAU,EAAEyB;AAAd,KAAd;AACD;;AAEDvB,EAAAA,QAAQ,GAAS;AACf;AACA,SAAKe,cAAL;AACAE,IAAAA,oBAAoB,CAAC,KAAKjC,GAAN,CAApB;AAEA,QAAM;AAAEmC,MAAAA;AAAF,QAAc,KAAKpD,KAAzB;AACA,QAAI8B,aAAa,GAAGsB,OAAO,CAACO,oBAA5B;;AACA,QAAI7B,aAAa,KAAK8B,SAAtB,EAAiC;AAC/B9B,MAAAA,aAAa,GAAG,CAAC,CAAjB;AACD;;AAED,QAAM;AAAEc,MAAAA;AAAF,QAAc,KAAK5C,KAAzB;AACA,QAAMsB,SAAS,GAAGlC,kBAAkB,CAACyE,YAAnB,CAAgCjB,OAAhC,CAAlB;AACA,QAAMkB,eAAgC,GAAG,EAAzC;;AACA,SAAK,IAAIC,CAAC,GAAGzC,SAAS,CAAC0C,MAAV,GAAmB,CAAhC,EAAmCD,CAAC,IAAI,CAAxC,EAA2CA,CAAC,IAAI,CAAhD,EAAmD;AACjD,UAAME,QAAQ,GAAG3C,SAAS,CAACyC,CAAD,CAA1B;;AACA,UAAIE,QAAQ,YAAYC,OAAxB,EAAiC;AAC/B,aAAKC,eAAL,CAAqBF,QAArB;AACD,OAFD,MAEO;AACLH,QAAAA,eAAe,CAACM,IAAhB,CAAqBH,QAArB;AACD;AACF;;AAED,SAAKR,QAAL,CAAc;AACZ1B,MAAAA,UAAU,EAAE,CAAC,CADD;AAEZD,MAAAA,aAFY;AAGZN,MAAAA,aAAa,EAAE,IAHH;AAIZF,MAAAA,SAAS,EAAElC,kBAAkB,CAACiF,WAAnB,CAA+BP,eAA/B;AAJC,KAAd;AAMD;;AAEDK,EAAAA,eAAe,CAACG,OAAD,EAA0C;AACvD;AACA,QAAMC,kBAAkB,GAAGpF,YAAY,CAACqF,cAAb,CAA4BF,OAA5B,CAA3B;AAEA,SAAKb,QAAL,CAAcpC,KAAK,KAAK;AACtBE,MAAAA,YAAY,EAAEF,KAAK,CAACE,YAAN,CAAmBkD,MAAnB,CAA0BF,kBAA1B;AADQ,KAAL,CAAnB;AAIAA,IAAAA,kBAAkB,CAACG,IAAnB,CACEC,iBAAiB,IAAI;AACnB,WAAKlB,QAAL,CAAcpC,KAAK,IAAI;AACrB,YAAMmC,KAAK,GAAGnC,KAAK,CAACE,YAAN,CAAmBqD,OAAnB,CAA2BL,kBAA3B,CAAd;;AACA,YAAIf,KAAK,IAAI,CAAb,EAAgB;AACd,cAAMjC,YAAY,GAAGF,KAAK,CAACE,YAAN,CAAmBsD,KAAnB,EAArB;AACAtD,UAAAA,YAAY,CAACuD,MAAb,CAAoBtB,KAApB,EAA2B,CAA3B;AAEA,iBAAO;AACLlC,YAAAA,SAAS,EAAElC,kBAAkB,CAACiF,WAAnB,CACThD,KAAK,CAACC,SAAN,CAAgBmD,MAAhB,CAAuBE,iBAAvB,CADS,CADN;AAILpD,YAAAA;AAJK,WAAP;AAMD,SAZoB,CAarB;;;AACA,eAAO,IAAP;AACD,OAfD;AAgBD,KAlBH,EAmBEwD,KAAK,IAAI;AACP,UAAI5F,YAAY,CAAC6F,UAAb,CAAwBD,KAAxB,CAAJ,EAAoC;AAClC,eADkC,CAC1B;AACT,OAHM,CAKP;;;AACA,WAAKtB,QAAL,CAAcpC,KAAK,IAAI;AACrB,YAAMmC,KAAK,GAAGnC,KAAK,CAACE,YAAN,CAAmBqD,OAAnB,CAA2BL,kBAA3B,CAAd;;AACA,YAAIf,KAAK,IAAI,CAAb,EAAgB;AACd,cAAMjC,YAAY,GAAGF,KAAK,CAACE,YAAN,CAAmBsD,KAAnB,EAArB;AACAtD,UAAAA,YAAY,CAACuD,MAAb,CAAoBtB,KAApB,EAA2B,CAA3B;AACA,iBAAO;AACLjC,YAAAA;AADK,WAAP;AAGD;;AACD,eAAO,IAAP;AACD,OAVD,EANO,CAkBP;;AACAhC,MAAAA,GAAG,CAACwF,KAAJ,CAAUA,KAAV;AACD,KAvCH;AAyCD;;AAED/B,EAAAA,cAAc,GAAS;AACrB,QAAM;AAAEzB,MAAAA;AAAF,QAAmB,KAAKF,KAA9B;AACAE,IAAAA,YAAY,CAAC0D,GAAb,CAAiBC,IAAI,IAAIA,IAAI,CAACC,MAAL,EAAzB;AACD;AAED;AACF;AACA;AACA;;;AACEtC,EAAAA,wBAAwB,GAAS;AAC/B,QAAI,KAAK9B,gBAAL,CAAsBuB,OAAtB,KAAkC,IAAtC,EAA4C;AAC5C,QAAM8C,UAAU,GAAG,KAAKrE,gBAAL,CAAsBuB,OAAtB,CAA8B+C,qBAA9B,EAAnB,CAF+B,CAI/B;;AACA,SAAK5B,QAAL,CAAc;AACZ/B,MAAAA,UAAU,EAAE0D,UAAU,CAACjE,GADX;AAEZQ,MAAAA,WAAW,EAAEyD,UAAU,CAACE,KAFZ;AAGZzD,MAAAA,mBAAmB,EAAEuD,UAAU,CAACG,MAHpB;AAIZ3D,MAAAA,kBAAkB,EAAEwD,UAAU,CAACI;AAJnB,KAAd;AAMD;AAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;;AACEtD,EAAAA,cAAc,GAAS;AAAA;;AACrB,QAAM;AACJkB,MAAAA,OADI;AAEJqC,MAAAA,cAFI;AAGJ7D,MAAAA,kBAHI;AAIJC,MAAAA,mBAJI;AAKJV,MAAAA,GAAG,EAAEuE,MALD;AAMJtE,MAAAA,IAAI,EAAEuE;AANF,QAOF,KAAK3F,KAPT;;AASA,QAAI,CAAC,KAAKU,SAAL,CAAe4B,OAAhB,IAA2Bc,OAAO,CAACwC,mBAAvC,EAA4D;AAC1D;AACD,KAZoB,CAcrB;AACA;AACA;;;AACA,QAAI;AAAEzE,MAAAA,GAAF;AAAOC,MAAAA;AAAP,QAAgB,KAAKF,eAAzB;AACA,QAAM;AACJsE,MAAAA,KADI;AAEJD,MAAAA;AAFI,4DAGF,KAAK7E,SAAL,CAAe4B,OAHb,2DAGF,uBAAwB+C,qBAAxB,EAHE,2EAGiD;AACrDG,MAAAA,KAAK,EAAE,CAD8C;AAErDD,MAAAA,MAAM,EAAE;AAF6C,KAHvD;AAOA,QAAM9D,WAAW,GACf,qDAAC,KAAKf,SAAL,CAAe4B,OAAhB,2DAAC,uBAAwBuD,YAAzB,2EAAyC,CAAzC,IAA8C1D,MAAM,CAAC2D,WADvD;;AAGA,QAAIP,MAAM,KAAK,CAAX,IAAgBC,KAAK,KAAK,CAA9B,EAAiC;AAC/B;AACA;AACD,KA/BoB,CAiCrB;;;AACA,QAAIrE,GAAG,GAAGoE,MAAN,GAAepD,MAAM,CAAC2D,WAA1B,EAAuC;AACrC;AACA,UAAI3E,GAAG,GAAGoE,MAAN,GAAe1D,mBAAf,GAAqC,CAAzC,EAA4C;AAC1C;AACAV,QAAAA,GAAG,IAAIoE,MAAM,GAAG1D,mBAAhB;AACD,OAHD,MAGO;AACL;AACAV,QAAAA,GAAG,GAAGgB,MAAM,CAAC2D,WAAP,GAAqBP,MAA3B;AACD;AACF;;AAED,QAAInE,IAAI,GAAGoE,KAAP,GAAerD,MAAM,CAAC4D,UAA1B,EAAsC;AACpC;AACA3E,MAAAA,IAAI,GAAGA,IAAI,GAAGoE,KAAP,GAAe5D,kBAAtB;AACD;;AAED,QAAI+D,OAAO,KAAKvE,IAAZ,IAAoBsE,MAAM,KAAKvE,GAAnC,EAAwC;AACtC;AACA,WAAKsC,QAAL,CAAc;AAAEhC,QAAAA;AAAF,OAAd;AACAgE,MAAAA,cAAc,CAACtE,GAAD,EAAMC,IAAN,CAAd;AACD;AACF,GAjUyE,CAmU1E;;;AACAX,EAAAA,kBAAkB,GAAS;AACzB,QAAI,CAAC,KAAKC,SAAL,CAAe4B,OAApB,EAA6B;AAC3B;AACD;;AACD,SAAK0D,SAAL,CAAe,IAAf;AACD;;AAED/F,EAAAA,UAAU,CAACN,CAAD,EAA4C;AACpD,QAAI,CAAC,KAAKe,SAAL,CAAe4B,OAApB,EAA6B;AAC3B/C,MAAAA,GAAG,CAAC0G,IAAJ,CAAS,oBAAT;AACA;AACD;;AAED,QAAI,CAAC,KAAKvF,SAAL,CAAe4B,OAAf,CAAuBQ,QAAvB,CAAgCnD,CAAC,CAACuG,aAAlC,CAAL,EAA+D;AAC7D,UAAIC,OAA2B,GAAGxG,CAAC,CAACuG,aAApC;AACA,UAAIE,kBAAkB,GAAG,KAAzB;;AACA,aAAOD,OAAO,IAAI,CAACC,kBAAnB,EAAuC;AACrCA,QAAAA,kBAAkB,GAAGD,OAAO,CAACE,YAAR,CAAqB,sBAArB,CAArB;AACAF,QAAAA,OAAO,GAAGA,OAAO,CAACG,aAAlB;AACD;;AAED,UAAI,CAACF,kBAAL,EAAyB;AACvB;AACA,aAAKJ,SAAL,CAAe,IAAf;AACD;AACF;AACF;AAED;;;AACAO,EAAAA,WAAW,CAACC,GAAD,EAAuB;AAChC,QAAM;AAAEpF,MAAAA;AAAF,QAAW,KAAKpB,KAAtB;AACA,WACEwG,GAAG,KAAK,QAAR,IACCpF,IAAI,GAAG,CAAP,IAAYoF,GAAG,KAAK,YADrB,IAEAA,GAAG,KAAK,WAHV;AAKD;;AAEDpG,EAAAA,aAAa,CAACT,CAAD,EAA+C;AAC1D,QAAM;AAAE2B,MAAAA;AAAF,QAAgB,KAAKD,KAA3B;AACA,QAAMT,QAAQ,GAAG,KAAKuC,gBAAL,EAAjB;AACA,QAAIsD,QAAuB,GAAG7F,QAA9B;AACA,QAAI8F,WAAW,GAAG,KAAlB;;AAEA,QAAI/G,CAAC,CAAC6G,GAAF,KAAU,OAAV,IAAqB7G,CAAC,CAAC6G,GAAF,KAAU,GAAnC,EAAwC;AACtC,UAAI5F,QAAQ,IAAI,CAAZ,IAAiBA,QAAQ,GAAGU,SAAS,CAAC0C,MAA1C,EAAkD;AAChD,aAAK3D,mBAAL,CACEiB,SAAS,CAACV,QAAD,CADX,EAEGjB,CAFH;AAID;;AACD;AACD;;AAED,QAAIA,CAAC,CAAC6G,GAAF,KAAU,YAAd,EAA4B;AAC1B,UAAI5F,QAAQ,IAAI,CAAZ,IAAiBA,QAAQ,IAAIU,SAAS,CAAC0C,MAA3C,EAAmD;AACjD0C,QAAAA,WAAW,GAAG,IAAd;AACD,OAFD,MAEO;AACLD,QAAAA,QAAQ,GAAG,CAAX;AACD;AACF,KAND,MAMO,IAAI,KAAKF,WAAL,CAAiB5G,CAAC,CAAC6G,GAAnB,CAAJ,EAA6B;AAClCC,MAAAA,QAAQ,GAAG,IAAX;AACD,KAFM,MAEA,IAAI9G,CAAC,CAAC6G,GAAF,KAAU,SAAV,IAAwB7G,CAAC,CAACgH,QAAF,IAAchH,CAAC,CAAC6G,GAAF,KAAU,KAApD,EAA4D;AACjEC,MAAAA,QAAQ,GAAGrH,kBAAkB,CAACwH,eAAnB,CAAmCH,QAAnC,EAA6C,CAAC,CAA9C,EAAiDnF,SAAjD,CAAX;AACD,KAFM,MAEA,IAAI3B,CAAC,CAAC6G,GAAF,KAAU,WAAV,IAAyB7G,CAAC,CAAC6G,GAAF,KAAU,KAAvC,EAA8C;AACnDC,MAAAA,QAAQ,GAAGrH,kBAAkB,CAACwH,eAAnB,CAAmCH,QAAnC,EAA6C,CAA7C,EAAgDnF,SAAhD,CAAX;AACD;;AAED,QAAIoF,WAAJ,EAAiB;AACf,WAAKA,WAAL,CAAiB9F,QAAjB;AACAjB,MAAAA,CAAC,CAACG,cAAF;AACAH,MAAAA,CAAC,CAACE,eAAF;AACA;AACD;;AAED,QAAIe,QAAQ,KAAK6F,QAAjB,EAA2B;AACzB,UAAIA,QAAQ,KAAK,IAAjB,EAAuB;AACrB,aAAKlD,gBAAL,CAAsBkD,QAAtB;AACD,OAFD,MAEO;AACL,aAAKT,SAAL;;AACA,YAAI,KAAKpF,QAAL,YAAyBiG,WAA7B,EAA0C;AACxC,eAAKjG,QAAL,CAAc2B,KAAd;AACD;AACF;;AAED5C,MAAAA,CAAC,CAACG,cAAF;AACAH,MAAAA,CAAC,CAACE,eAAF;AACD;AACF;;AAED6G,EAAAA,WAAW,CAAClD,KAAD,EAAsB;AAC/B,QAAM;AAAElC,MAAAA,SAAF;AAAaE,MAAAA;AAAb,QAA+B,KAAKH,KAA1C;AACA,QAAMyF,UAAU,GAAGxF,SAAS,CAACkC,KAAD,CAAT,CAAiBZ,OAAjB,GAA2BY,KAA3B,GAAmC,IAAtD;AACA,QAAIhC,aAAa,KAAKsF,UAAtB,EAAkC;AAClC,SAAKrD,QAAL,CAAc;AACZjC,MAAAA,aAAa,EAAEsF,UADH;AAEZpF,MAAAA,UAAU,EAAE,IAFA;AAGZC,MAAAA,WAAW,EAAE;AAHD,KAAd;AAKD;;AAEDqE,EAAAA,SAAS,GAAyB;AAAA,QAAxBe,QAAwB,uEAAb,KAAa;AAChC,QAAM;AAAEf,MAAAA,SAAF;AAAagB,MAAAA;AAAb,QAA8B,KAAKhH,KAAzC;AACAkD,IAAAA,oBAAoB,CAAC,KAAKjC,GAAN,CAApB;AACA,SAAKA,GAAL,GAAWkB,MAAM,CAACE,qBAAP,CAA6B,MAAM;AAC5C2D,MAAAA,SAAS,CAACe,QAAD,CAAT;AACAC,MAAAA,YAAY,CAAC,IAAD,CAAZ;AACD,KAHU,CAAX;AAID;;AAEDC,EAAAA,YAAY,GAAS;AACnB,SAAKxD,QAAL,CAAc;AACZjC,MAAAA,aAAa,EAAE;AADH,KAAd;AAGD;;AAEDrB,EAAAA,kBAAkB,CAAC+G,aAAD,EAA+B;AAC/C,QAAIA,aAAJ,EAAmB;AACjB,WAAKlB,SAAL,CAAe,IAAf;AACD,KAFD,MAEO;AACL,WAAKiB,YAAL;AACD;AACF;;AAED5G,EAAAA,mBAAmB,CAAC4D,QAAD,EAA0BtE,CAA1B,EAAqD;AACtEA,IAAAA,CAAC,CAACG,cAAF;AACAH,IAAAA,CAAC,CAACE,eAAF;AAEA,QAAM;AAAEyB,MAAAA;AAAF,QAAgB,KAAKD,KAA3B;;AACA,QAAI4C,QAAQ,IAAI,IAAZ,IAAoB,CAACA,QAAQ,CAACkD,QAAlC,EAA4C;AAC1C,UAAIlD,QAAQ,CAACrB,OAAT,IAAoB,IAAxB,EAA8B;AAC5B,aAAK8D,WAAL,CAAiBpF,SAAS,CAACsD,OAAV,CAAkBX,QAAlB,CAAjB;AACD,OAFD,MAEO,IAAIA,QAAQ,CAACmD,MAAT,IAAmB,IAAvB,EAA6B;AAClCnD,QAAAA,QAAQ,CAACmD,MAAT;AACA,aAAKpB,SAAL,CAAe,IAAf;AACD;AACF;AACF;;AAED1F,EAAAA,yBAAyB,CACvB2D,QADuB,EAEvBtE,CAFuB,EAGjB;AACN,QAAIA,CAAC,CAACC,OAAN,EAAe;AACb;AACD;;AAED,SAAKS,mBAAL,CAAyB4D,QAAzB,EAAmCtE,CAAnC;AACD;;AAEDY,EAAAA,uBAAuB,CAAC0D,QAAD,EAAgC;AACrD,QAAM;AAAE3C,MAAAA;AAAF,QAAgB,KAAKD,KAA3B;AACA,QAAMgG,UAAU,GAAG/F,SAAS,CAACsD,OAAV,CAAkBX,QAAlB,CAAnB;AACA,SAAKP,aAAL,CAAmB2D,UAAnB;;AAEA,QACEA,UAAU,IAAI,CAAd,IACAA,UAAU,GAAG/F,SAAS,CAAC0C,MADvB,IAEA,CAACC,QAAQ,CAACkD,QAHZ,EAIE;AACA,WAAKT,WAAL,CAAiBW,UAAjB;AACD;AACF;;AAED7G,EAAAA,gBAAgB,GAAS;AACvB,SAAKkD,aAAL,CAAmB,CAAC,CAApB;AACD;;AAED4D,EAAAA,MAAM,GAAgB;AACpB,QAAMC,gBAAgB,GAAG,EAAzB;AACA,QAAM;AAAEpG,MAAAA,GAAF;AAAOC,MAAAA;AAAP,QAAgB,KAAKpB,KAA3B;AACA,QAAM;AACJwB,MAAAA,aADI;AAEJC,MAAAA,WAFI;AAGJK,MAAAA,aAHI;AAIJR,MAAAA,SAJI;AAKJS,MAAAA,UALI;AAMJR,MAAAA,YANI;AAOJG,MAAAA,UAPI;AAQJC,MAAAA,WARI;AASJC,MAAAA,kBATI;AAUJC,MAAAA;AAVI,QAWF,KAAKR,KAXT;;AAYA,SAAK,IAAI0C,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGzC,SAAS,CAAC0C,MAA9B,EAAsCD,CAAC,IAAI,CAA3C,EAA8C;AAC5C,UAAME,QAAQ,GAAG3C,SAAS,CAACyC,CAAD,CAA1B;;AAEA,UAAIA,CAAC,GAAG,CAAJ,IAASE,QAAQ,CAACuD,KAAT,KAAmBlG,SAAS,CAACyC,CAAC,GAAG,CAAL,CAAT,CAAiByD,KAAjD,EAAwD;AACtDD,QAAAA,gBAAgB,CAACnD,IAAjB,eAAsB;AAAI,UAAA,GAAG,YAAKL,CAAL;AAAP,UAAtB;AACD;;AAED,UAAM0D,eAAe,gBACnB,oBAAC,eAAD;AACE,QAAA,GAAG,EAAE1D,CADP;AAEE,QAAA,GAAG,EAAEvC,aAAa,KAAKuC,CAAlB,GAAsB,KAAKhD,gBAA3B,GAA8C,IAFrD;AAGE,QAAA,kBAAkB,EAAEe,aAAa,KAAKiC,CAHxC;AAIE,QAAA,eAAe,EAAEhC,UAAU,KAAKgC,CAJlC;AAKE,QAAA,QAAQ,EAAEE,QALZ;AAME,QAAA,SAAS,EAAE,KAAK9D,kBANlB;AAOE,QAAA,eAAe,EAAE,KAAKE,mBAPxB;AAQE,QAAA,mBAAmB,EAAE,KAAKE,uBAR5B;AASE,QAAA,qBAAqB,EAAE,KAAKD;AAT9B,QADF;AAcAiH,MAAAA,gBAAgB,CAACnD,IAAjB,CAAsBqD,eAAtB;AACD;;AAED,QAAIC,cAAc,GAAG,IAArB;;AACA,QAAInG,YAAY,CAACyC,MAAb,GAAsB,CAA1B,EAA6B;AAC3B0D,MAAAA,cAAc,gBACZ;AAAK,QAAA,SAAS,EAAC;AAAf,sBACE,oBAAC,cAAD,OADF,CADF;AAKD;;AAED,QAAM;AAAEC,MAAAA,SAAF;AAAa,qBAAeC;AAA5B,QAA2C,KAAK5H,KAAtD,CAhDoB,CAkDpB;;AACA,QAAM6H,WAAW,GACfrG,aAAa,KAAK,IAAlB,IAA0BE,UAAU,KAAK,IAAzC,IAAiDC,WAAW,KAAK,IADnE;AAGA,wBACE,uDACE;AACE,MAAA,SAAS,EAAE1C,UAAU,CACnB;AAAE,wBAAgBwC;AAAlB,OADmB,EAEnB,wBAFmB,CADvB;AAKE,MAAA,KAAK;AAAIN,QAAAA,GAAJ;AAASC,QAAAA;AAAT,SAAkBuG,SAAlB,CALP;AAME,MAAA,GAAG,EAAE,KAAKjH,SANZ;AAOE,kCAPF;AAQE,MAAA,MAAM,EAAE,KAAKT,UARf;AASE,MAAA,SAAS,EAAE,KAAKG,aATlB;AAUE,MAAA,YAAY,EAAE,KAAKI,gBAVrB;AAWE,MAAA,aAAa,EAAEf,WAAW,CAACC,iBAX7B;AAYE,MAAA,IAAI,EAAC,UAZP;AAaE,MAAA,QAAQ,EAAE,CAbZ;AAcE,qBAAakI;AAdf,OAgBGL,gBAhBH,EAiBGG,cAjBH,CADF,EAoBGG,WAAW,IACVrG,aAAa,KAAK,IADnB,IAECE,UAAU,KAAK,IAFhB,IAGCC,WAAW,KAAK,IAHjB,iBAIG,oBAAC,WAAD;AACE,MAAA,GAAG,gBAASH,aAAT,CADL;AAEE,MAAA,OAAO,EAAEF,SAAS,CAACE,aAAD,CAAT,CAAyBoB,OAAzB,IAAoC,EAF/C;AAGE,MAAA,SAAS,EAAE,KAAKzC,kBAHlB;AAIE,MAAA,GAAG,EAAEuB,UAJP;AAKE,MAAA,IAAI,EAAEC,WALR;AAME,MAAA,cAAc,EAAE,CAACmG,WAAD,EAAcC,YAAd,KAA+B;AAC7C,aAAKtE,QAAL,CAAc;AACZ/B,UAAAA,UAAU,EAAEoG,WADA;AAEZnG,UAAAA,WAAW,EAAEoG;AAFD,SAAd;AAID,OAXH;AAYE,MAAA,kBAAkB,EAAEnG,kBAZtB;AAaE,MAAA,mBAAmB,EAAEC;AAbvB,MAxBN,CADF;AA2CD;;AA7kByE;;gBAAtEpC,W,kBACkB;AACpBmC,EAAAA,kBAAkB,EAAE,CADA;AAEpBC,EAAAA,mBAAmB,EAAE,CAFD;;AAGpBmE,EAAAA,SAAS,GAAS,CAChB;AACD,GALmB;;AAMpBxD,EAAAA,YAAY,GAAS,CACnB;AACD,GARmB;;AASpBwE,EAAAA,YAAY,GAAS,CACnB;AACD,GAXmB;;AAYpB5D,EAAAA,OAAO,EAAE,EAZW;AAapBuE,EAAAA,SAAS,EAAE,EAbS;AAcpB,iBAAe/D;AAdK,C;;AA+kBxB,eAAenE,WAAf","sourcesContent":["import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport { PromiseUtils, CancelablePromise } from '@deephaven/utils';\nimport ContextActionUtils, {\n ContextAction,\n ResolvableContextAction,\n} from './ContextActionUtils';\nimport ContextMenuItem from './ContextMenuItem';\nimport LoadingSpinner from '../LoadingSpinner';\n\nconst log = Log.module('ContextMenu');\n\ninterface ContextMenuProps {\n top: number;\n left: number;\n updatePosition(top: number, left: number): void;\n // only submenus will have these, defaults to 0 otherwise\n // represents the width height of the parent menu item\n subMenuParentWidth: number;\n subMenuParentHeight: number;\n actions: ResolvableContextAction[];\n closeMenu(closeAll: boolean): void;\n onMenuClosed(menu: ContextMenu): void;\n onMenuOpened(menu: ContextMenu): void;\n options: {\n doNotVerifyPosition?: boolean;\n separateKeyboardMouse?: boolean;\n initialKeyboardIndex?: number;\n };\n menuStyle: React.CSSProperties;\n 'data-testid'?: string;\n}\n\ninterface ContextMenuState {\n menuItems: ContextAction[];\n pendingItems: CancelablePromise<ContextAction[]>[];\n activeSubMenu: number | null;\n hasOverflow: boolean;\n subMenuTop: number | null;\n subMenuLeft: number | null;\n subMenuParentWidth: number;\n subMenuParentHeight: number;\n keyboardIndex: number;\n mouseIndex: number;\n}\n\n/** Do not use this class directly. Use ContextMenuRoot and ContextActions instead. */\nclass ContextMenu extends PureComponent<ContextMenuProps, ContextMenuState> {\n static defaultProps = {\n subMenuParentWidth: 0,\n subMenuParentHeight: 0,\n closeMenu(): void {\n // no-op\n },\n onMenuOpened(): void {\n // no-op\n },\n onMenuClosed(): void {\n // no-op\n },\n options: {},\n menuStyle: {},\n 'data-testid': undefined,\n };\n\n static handleContextMenu(e: React.MouseEvent): void {\n if (e.metaKey) {\n return;\n }\n\n e.stopPropagation();\n e.preventDefault();\n }\n\n constructor(props: ContextMenuProps) {\n super(props);\n\n this.handleBlur = this.handleBlur.bind(this);\n this.handleCloseSubMenu = this.handleCloseSubMenu.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleMenuItemClick = this.handleMenuItemClick.bind(this);\n this.handleMenuItemContextMenu = this.handleMenuItemContextMenu.bind(this);\n this.handleMenuItemMouseMove = this.handleMenuItemMouseMove.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.handleWindowResize = this.handleWindowResize.bind(this);\n\n this.container = React.createRef();\n this.oldFocus = document.activeElement;\n this.activeSubMenuRef = React.createRef();\n this.subMenuTimer = 0;\n this.rAF = 0;\n\n this.initialPosition = { top: props.top, left: props.left };\n\n this.state = {\n menuItems: [],\n pendingItems: [],\n activeSubMenu: null,\n hasOverflow: false,\n subMenuTop: null,\n subMenuLeft: null,\n subMenuParentWidth: 0,\n subMenuParentHeight: 0,\n keyboardIndex: -1,\n mouseIndex: -1,\n };\n }\n\n componentDidMount(): void {\n this.initMenu();\n\n this.verifyPosition();\n\n window.addEventListener('resize', this.handleWindowResize);\n\n // rAF is needed to wait for a submenus popper to be created before\n // attempting to set focus, however on a quick mount/unmount when\n // mousing past an item, the submenu could be unmounted before the\n // async rAF finishes, so it is cancelled in willUnmount()\n this.rAF = window.requestAnimationFrame(() => {\n this.container.current?.focus();\n\n const { onMenuOpened } = this.props;\n onMenuOpened(this);\n });\n }\n\n componentDidUpdate(\n prevProps: ContextMenuProps,\n prevState: ContextMenuState\n ): void {\n const { actions } = this.props;\n const { activeSubMenu } = this.state;\n\n if (activeSubMenu !== prevState.activeSubMenu) {\n if (activeSubMenu == null) {\n // close sub menu, refocus parent menu\n this.container.current?.focus();\n } else {\n // open sub menu, set its initial position\n this.setActiveSubMenuPosition();\n }\n }\n\n if (prevProps.actions !== actions) {\n this.initMenu();\n\n if (!this.container.current?.contains(document.activeElement)) {\n this.container.current?.focus();\n }\n }\n\n this.verifyPosition();\n }\n\n componentWillUnmount(): void {\n this.cancelPromises();\n window.removeEventListener('resize', this.handleWindowResize);\n cancelAnimationFrame(this.rAF);\n }\n\n container: React.RefObject<HTMLDivElement>;\n\n oldFocus: Element | null;\n\n activeSubMenuRef: React.RefObject<HTMLDivElement>;\n\n subMenuTimer: number;\n\n rAF: number;\n\n initialPosition: { top: number; left: number };\n\n getKeyboardIndex(): number {\n const { options } = this.props;\n if (options.separateKeyboardMouse) {\n const { keyboardIndex } = this.state;\n return keyboardIndex;\n }\n\n return this.getMouseIndex();\n }\n\n setKeyboardIndex(index: number): void {\n const { options } = this.props;\n if (options.separateKeyboardMouse) {\n this.setState({ keyboardIndex: index });\n } else {\n this.setMouseIndex(index);\n }\n }\n\n getMouseIndex(): number {\n const { mouseIndex } = this.state;\n return mouseIndex;\n }\n\n setMouseIndex(index: number): void {\n this.setState({ mouseIndex: index });\n }\n\n initMenu(): void {\n // cancel any pending close and promises\n this.cancelPromises();\n cancelAnimationFrame(this.rAF);\n\n const { options } = this.props;\n let keyboardIndex = options.initialKeyboardIndex;\n if (keyboardIndex === undefined) {\n keyboardIndex = -1;\n }\n\n const { actions } = this.props;\n const menuItems = ContextActionUtils.getMenuItems(actions);\n const nonPromiseItems: ContextAction[] = [];\n for (let i = menuItems.length - 1; i >= 0; i -= 1) {\n const menuItem = menuItems[i];\n if (menuItem instanceof Promise) {\n this.initMenuPromise(menuItem as Promise<ContextAction[]>);\n } else {\n nonPromiseItems.push(menuItem as ContextAction);\n }\n }\n\n this.setState({\n mouseIndex: -1,\n keyboardIndex,\n activeSubMenu: null,\n menuItems: ContextActionUtils.sortActions(nonPromiseItems),\n });\n }\n\n initMenuPromise(promise: Promise<ContextAction[]>): void {\n // make all promises cancellable\n const cancellablePromise = PromiseUtils.makeCancelable(promise);\n\n this.setState(state => ({\n pendingItems: state.pendingItems.concat(cancellablePromise),\n }));\n\n cancellablePromise.then(\n resolvedMenuItems => {\n this.setState(state => {\n const index = state.pendingItems.indexOf(cancellablePromise);\n if (index >= 0) {\n const pendingItems = state.pendingItems.slice();\n pendingItems.splice(index, 1);\n\n return {\n menuItems: ContextActionUtils.sortActions(\n state.menuItems.concat(resolvedMenuItems)\n ),\n pendingItems,\n };\n }\n // This item is stale, don't update the menu\n return null;\n });\n },\n error => {\n if (PromiseUtils.isCanceled(error)) {\n return; // Canceled promise is ignored\n }\n\n // remove failed item from pending list\n this.setState(state => {\n const index = state.pendingItems.indexOf(cancellablePromise);\n if (index >= 0) {\n const pendingItems = state.pendingItems.slice();\n pendingItems.splice(index, 1);\n return {\n pendingItems,\n };\n }\n return null;\n });\n\n // Log the error\n log.error(error);\n }\n );\n }\n\n cancelPromises(): void {\n const { pendingItems } = this.state;\n pendingItems.map(item => item.cancel());\n }\n\n /**\n * Sets the unverfied start position of a submenu. Submenu then self-verfies\n * its own position and potentially reports back a new position.\n */\n setActiveSubMenuPosition(): void {\n if (this.activeSubMenuRef.current === null) return;\n const parentRect = this.activeSubMenuRef.current.getBoundingClientRect();\n\n // intentionally rect.right, we want the sub menu to start at the right edge of the current menu\n this.setState({\n subMenuTop: parentRect.top,\n subMenuLeft: parentRect.right,\n subMenuParentHeight: parentRect.height,\n subMenuParentWidth: parentRect.width,\n });\n }\n\n /**\n * Verifies the position of this menu in relation to the parent to make sure it's on screen.\n * Will update the top left state (updatePosition) if necessary (causing a re-render)\n * By default it tries to top-align with parent, at the right side of the parent.\n * Because we aren't a native context menu and can't escape window bounds, we also do\n * somethings to better fit on screen, such as the \"nudge\" offset position, and further\n * allow overflow scrolling for large menus in a small window.\n */\n verifyPosition(): void {\n const {\n options,\n updatePosition,\n subMenuParentWidth,\n subMenuParentHeight,\n top: oldTop,\n left: oldLeft,\n } = this.props;\n\n if (!this.container.current || options.doNotVerifyPosition) {\n return;\n }\n\n // initial position is used rather than current position,\n // as the number of menu items can change (actions can bubble)\n // and menu should always be positioned relative to spawn point\n let { top, left } = this.initialPosition;\n const {\n width,\n height,\n } = this.container.current?.getBoundingClientRect() ?? {\n width: 0,\n height: 0,\n };\n const hasOverflow =\n (this.container.current?.scrollHeight ?? 0) > window.innerHeight;\n\n if (height === 0 || width === 0) {\n // We don't have a height or width yet, don't bother doing anything\n return;\n }\n\n // does it fit below?\n if (top + height > window.innerHeight) {\n // can it be flipped to above? include offset if submenu (defaults to 0 if not submenu)\n if (top - height - subMenuParentHeight > 0) {\n // flip like a native menu would\n top -= height - subMenuParentHeight;\n } else {\n // still doesnt fit? okay, position at bottom edge\n top = window.innerHeight - height;\n }\n }\n\n if (left + width > window.innerWidth) {\n // less picky about left right positioning, just keep it going off to right\n left = left - width - subMenuParentWidth;\n }\n\n if (oldLeft !== left || oldTop !== top) {\n // parent owns positioning as single source of truth, ask to update props\n this.setState({ hasOverflow });\n updatePosition(top, left);\n }\n }\n\n // since window resize doesn't trigger blur, listen and close the menu\n handleWindowResize(): void {\n if (!this.container.current) {\n return;\n }\n this.closeMenu(true);\n }\n\n handleBlur(e: React.FocusEvent<HTMLDivElement>): void {\n if (!this.container.current) {\n log.warn('Container is null!');\n return;\n }\n\n if (!this.container.current.contains(e.relatedTarget as Node)) {\n let element: HTMLElement | null = e.relatedTarget as HTMLElement;\n let isContextMenuChild = false;\n while (element && !isContextMenuChild) {\n isContextMenuChild = element.hasAttribute('data-dh-context-menu');\n element = element.parentElement;\n }\n\n if (!isContextMenuChild) {\n // close all submenus on blur\n this.closeMenu(true);\n }\n }\n }\n\n /** Returns whether the specified key should remove the menu. Depends on the side the parent is on. */\n isEscapeKey(key: string): boolean {\n const { left } = this.props;\n return (\n key === 'Escape' ||\n (left < 0 && key === 'ArrowRight') ||\n key === 'ArrowLeft'\n );\n }\n\n handleKeyDown(e: React.KeyboardEvent<HTMLDivElement>): void {\n const { menuItems } = this.state;\n const oldFocus = this.getKeyboardIndex();\n let newFocus: number | null = oldFocus;\n let openSubMenu = false;\n\n if (e.key === 'Enter' || e.key === ' ') {\n if (oldFocus >= 0 && oldFocus < menuItems.length) {\n this.handleMenuItemClick(\n menuItems[oldFocus],\n (e as React.SyntheticEvent) as React.MouseEvent\n );\n }\n return;\n }\n\n if (e.key === 'ArrowRight') {\n if (oldFocus >= 0 && oldFocus <= menuItems.length) {\n openSubMenu = true;\n } else {\n newFocus = 0;\n }\n } else if (this.isEscapeKey(e.key)) {\n newFocus = null;\n } else if (e.key === 'ArrowUp' || (e.shiftKey && e.key === 'Tab')) {\n newFocus = ContextActionUtils.getNextMenuItem(newFocus, -1, menuItems);\n } else if (e.key === 'ArrowDown' || e.key === 'Tab') {\n newFocus = ContextActionUtils.getNextMenuItem(newFocus, 1, menuItems);\n }\n\n if (openSubMenu) {\n this.openSubMenu(oldFocus);\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n if (oldFocus !== newFocus) {\n if (newFocus !== null) {\n this.setKeyboardIndex(newFocus);\n } else {\n this.closeMenu();\n if (this.oldFocus instanceof HTMLElement) {\n this.oldFocus.focus();\n }\n }\n\n e.preventDefault();\n e.stopPropagation();\n }\n }\n\n openSubMenu(index: number): void {\n const { menuItems, activeSubMenu } = this.state;\n const newSubMenu = menuItems[index].actions ? index : null;\n if (activeSubMenu === newSubMenu) return;\n this.setState({\n activeSubMenu: newSubMenu,\n subMenuTop: null,\n subMenuLeft: null,\n });\n }\n\n closeMenu(closeAll = false): void {\n const { closeMenu, onMenuClosed } = this.props;\n cancelAnimationFrame(this.rAF);\n this.rAF = window.requestAnimationFrame(() => {\n closeMenu(closeAll);\n onMenuClosed(this);\n });\n }\n\n closeSubMenu(): void {\n this.setState({\n activeSubMenu: null,\n });\n }\n\n handleCloseSubMenu(closeAllMenus: boolean): void {\n if (closeAllMenus) {\n this.closeMenu(true);\n } else {\n this.closeSubMenu();\n }\n }\n\n handleMenuItemClick(menuItem: ContextAction, e: React.MouseEvent): void {\n e.preventDefault();\n e.stopPropagation();\n\n const { menuItems } = this.state;\n if (menuItem != null && !menuItem.disabled) {\n if (menuItem.actions != null) {\n this.openSubMenu(menuItems.indexOf(menuItem));\n } else if (menuItem.action != null) {\n menuItem.action();\n this.closeMenu(true);\n }\n }\n }\n\n handleMenuItemContextMenu(\n menuItem: ContextAction,\n e: React.MouseEvent\n ): void {\n if (e.metaKey) {\n return;\n }\n\n this.handleMenuItemClick(menuItem, e);\n }\n\n handleMenuItemMouseMove(menuItem: ContextAction): void {\n const { menuItems } = this.state;\n const focusIndex = menuItems.indexOf(menuItem);\n this.setMouseIndex(focusIndex);\n\n if (\n focusIndex >= 0 &&\n focusIndex < menuItems.length &&\n !menuItem.disabled\n ) {\n this.openSubMenu(focusIndex);\n }\n }\n\n handleMouseLeave(): void {\n this.setMouseIndex(-1);\n }\n\n render(): JSX.Element {\n const menuItemElements = [];\n const { top, left } = this.props;\n const {\n activeSubMenu,\n hasOverflow,\n keyboardIndex,\n menuItems,\n mouseIndex,\n pendingItems,\n subMenuTop,\n subMenuLeft,\n subMenuParentWidth,\n subMenuParentHeight,\n } = this.state;\n for (let i = 0; i < menuItems.length; i += 1) {\n const menuItem = menuItems[i];\n\n if (i > 0 && menuItem.group !== menuItems[i - 1].group) {\n menuItemElements.push(<hr key={`${i}.separator`} />);\n }\n\n const menuItemElement = (\n <ContextMenuItem\n key={i}\n ref={activeSubMenu === i ? this.activeSubMenuRef : null}\n isKeyboardSelected={keyboardIndex === i}\n isMouseSelected={mouseIndex === i}\n menuItem={menuItem}\n closeMenu={this.handleCloseSubMenu}\n onMenuItemClick={this.handleMenuItemClick}\n onMenuItemMouseMove={this.handleMenuItemMouseMove}\n onMenuItemContextMenu={this.handleMenuItemContextMenu}\n />\n );\n\n menuItemElements.push(menuItemElement);\n }\n\n let pendingElement = null;\n if (pendingItems.length > 0) {\n pendingElement = (\n <div className=\"loading\">\n <LoadingSpinner />\n </div>\n );\n }\n\n const { menuStyle, 'data-testid': dataTestId } = this.props;\n\n // don't show submenu until it has an position initialized\n const showSubmenu =\n activeSubMenu !== null && subMenuTop !== null && subMenuLeft !== null;\n\n return (\n <>\n <div\n className={classNames(\n { 'has-overflow': hasOverflow },\n 'context-menu-container'\n )}\n style={{ top, left, ...menuStyle }}\n ref={this.container}\n data-dh-context-menu\n onBlur={this.handleBlur}\n onKeyDown={this.handleKeyDown}\n onMouseLeave={this.handleMouseLeave}\n onContextMenu={ContextMenu.handleContextMenu}\n role=\"menuitem\"\n tabIndex={0}\n data-testid={dataTestId}\n >\n {menuItemElements}\n {pendingElement}\n </div>\n {showSubmenu &&\n activeSubMenu !== null &&\n subMenuTop !== null &&\n subMenuLeft !== null && (\n <ContextMenu\n key={`sub-${activeSubMenu}`}\n actions={menuItems[activeSubMenu].actions || []}\n closeMenu={this.handleCloseSubMenu}\n top={subMenuTop}\n left={subMenuLeft}\n updatePosition={(verifiedTop, verifiedLeft) => {\n this.setState({\n subMenuTop: verifiedTop,\n subMenuLeft: verifiedLeft,\n });\n }}\n subMenuParentWidth={subMenuParentWidth}\n subMenuParentHeight={subMenuParentHeight}\n />\n )}\n </>\n );\n }\n}\n\nexport default ContextMenu;\n"],"file":"ContextMenu.js"}
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","names":["React","PureComponent","classNames","Log","PromiseUtils","ContextActionUtils","ContextMenuItem","LoadingSpinner","log","module","ContextMenu","handleContextMenu","e","metaKey","stopPropagation","preventDefault","constructor","props","handleBlur","bind","handleCloseSubMenu","handleKeyDown","handleMenuItemClick","handleMenuItemContextMenu","handleMenuItemMouseMove","handleMouseLeave","handleWindowResize","container","createRef","oldFocus","document","activeElement","activeSubMenuRef","subMenuTimer","rAF","initialPosition","top","left","state","menuItems","pendingItems","activeSubMenu","hasOverflow","subMenuTop","subMenuLeft","subMenuParentWidth","subMenuParentHeight","keyboardIndex","mouseIndex","componentDidMount","initMenu","verifyPosition","window","addEventListener","requestAnimationFrame","current","focus","onMenuOpened","componentDidUpdate","prevProps","prevState","actions","setActiveSubMenuPosition","contains","componentWillUnmount","cancelPromises","removeEventListener","cancelAnimationFrame","getKeyboardIndex","options","separateKeyboardMouse","getMouseIndex","setKeyboardIndex","index","setState","setMouseIndex","initialKeyboardIndex","undefined","getMenuItems","nonPromiseItems","i","length","menuItem","Promise","initMenuPromise","push","sortActions","promise","cancellablePromise","makeCancelable","concat","then","resolvedMenuItems","indexOf","slice","splice","error","isCanceled","map","item","cancel","parentRect","getBoundingClientRect","right","height","width","updatePosition","oldTop","oldLeft","doNotVerifyPosition","scrollHeight","innerHeight","innerWidth","closeMenu","warn","relatedTarget","element","isContextMenuChild","hasAttribute","parentElement","isEscapeKey","key","newFocus","openSubMenu","shiftKey","getNextMenuItem","HTMLElement","newSubMenu","closeAll","onMenuClosed","closeSubMenu","closeAllMenus","disabled","action","focusIndex","render","menuItemElements","group","menuItemElement","pendingElement","menuStyle","dataTestId","showSubmenu","verifiedTop","verifiedLeft"],"sources":["../../src/context-actions/ContextMenu.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport { PromiseUtils, CancelablePromise } from '@deephaven/utils';\nimport ContextActionUtils, {\n ContextAction,\n ResolvableContextAction,\n} from './ContextActionUtils';\nimport ContextMenuItem from './ContextMenuItem';\nimport LoadingSpinner from '../LoadingSpinner';\n\nconst log = Log.module('ContextMenu');\n\ninterface ContextMenuProps {\n top: number;\n left: number;\n updatePosition(top: number, left: number): void;\n // only submenus will have these, defaults to 0 otherwise\n // represents the width height of the parent menu item\n subMenuParentWidth: number;\n subMenuParentHeight: number;\n actions: ResolvableContextAction[];\n closeMenu(closeAll: boolean): void;\n onMenuClosed(menu: ContextMenu): void;\n onMenuOpened(menu: ContextMenu): void;\n options: {\n doNotVerifyPosition?: boolean;\n separateKeyboardMouse?: boolean;\n initialKeyboardIndex?: number;\n };\n menuStyle: React.CSSProperties;\n 'data-testid'?: string;\n}\n\ninterface ContextMenuState {\n menuItems: ContextAction[];\n pendingItems: CancelablePromise<ContextAction[]>[];\n activeSubMenu: number | null;\n hasOverflow: boolean;\n subMenuTop: number | null;\n subMenuLeft: number | null;\n subMenuParentWidth: number;\n subMenuParentHeight: number;\n keyboardIndex: number;\n mouseIndex: number;\n}\n\n/** Do not use this class directly. Use ContextMenuRoot and ContextActions instead. */\nclass ContextMenu extends PureComponent<ContextMenuProps, ContextMenuState> {\n static defaultProps = {\n subMenuParentWidth: 0,\n subMenuParentHeight: 0,\n closeMenu(): void {\n // no-op\n },\n onMenuOpened(): void {\n // no-op\n },\n onMenuClosed(): void {\n // no-op\n },\n options: {},\n menuStyle: {},\n 'data-testid': undefined,\n };\n\n static handleContextMenu(e: React.MouseEvent): void {\n if (e.metaKey) {\n return;\n }\n\n e.stopPropagation();\n e.preventDefault();\n }\n\n constructor(props: ContextMenuProps) {\n super(props);\n\n this.handleBlur = this.handleBlur.bind(this);\n this.handleCloseSubMenu = this.handleCloseSubMenu.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleMenuItemClick = this.handleMenuItemClick.bind(this);\n this.handleMenuItemContextMenu = this.handleMenuItemContextMenu.bind(this);\n this.handleMenuItemMouseMove = this.handleMenuItemMouseMove.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.handleWindowResize = this.handleWindowResize.bind(this);\n\n this.container = React.createRef();\n this.oldFocus = document.activeElement;\n this.activeSubMenuRef = React.createRef();\n this.subMenuTimer = 0;\n this.rAF = 0;\n\n this.initialPosition = { top: props.top, left: props.left };\n\n this.state = {\n menuItems: [],\n pendingItems: [],\n activeSubMenu: null,\n hasOverflow: false,\n subMenuTop: null,\n subMenuLeft: null,\n subMenuParentWidth: 0,\n subMenuParentHeight: 0,\n keyboardIndex: -1,\n mouseIndex: -1,\n };\n }\n\n componentDidMount(): void {\n this.initMenu();\n\n this.verifyPosition();\n\n window.addEventListener('resize', this.handleWindowResize);\n\n // rAF is needed to wait for a submenus popper to be created before\n // attempting to set focus, however on a quick mount/unmount when\n // mousing past an item, the submenu could be unmounted before the\n // async rAF finishes, so it is cancelled in willUnmount()\n this.rAF = window.requestAnimationFrame(() => {\n this.container.current?.focus();\n\n const { onMenuOpened } = this.props;\n onMenuOpened(this);\n });\n }\n\n componentDidUpdate(\n prevProps: ContextMenuProps,\n prevState: ContextMenuState\n ): void {\n const { actions } = this.props;\n const { activeSubMenu } = this.state;\n\n if (activeSubMenu !== prevState.activeSubMenu) {\n if (activeSubMenu == null) {\n // close sub menu, refocus parent menu\n this.container.current?.focus();\n } else {\n // open sub menu, set its initial position\n this.setActiveSubMenuPosition();\n }\n }\n\n if (prevProps.actions !== actions) {\n this.initMenu();\n\n if (!this.container.current?.contains(document.activeElement)) {\n this.container.current?.focus();\n }\n }\n\n this.verifyPosition();\n }\n\n componentWillUnmount(): void {\n this.cancelPromises();\n window.removeEventListener('resize', this.handleWindowResize);\n cancelAnimationFrame(this.rAF);\n }\n\n container: React.RefObject<HTMLDivElement>;\n\n oldFocus: Element | null;\n\n activeSubMenuRef: React.RefObject<HTMLDivElement>;\n\n subMenuTimer: number;\n\n rAF: number;\n\n initialPosition: { top: number; left: number };\n\n getKeyboardIndex(): number {\n const { options } = this.props;\n if (options.separateKeyboardMouse) {\n const { keyboardIndex } = this.state;\n return keyboardIndex;\n }\n\n return this.getMouseIndex();\n }\n\n setKeyboardIndex(index: number): void {\n const { options } = this.props;\n if (options.separateKeyboardMouse) {\n this.setState({ keyboardIndex: index });\n } else {\n this.setMouseIndex(index);\n }\n }\n\n getMouseIndex(): number {\n const { mouseIndex } = this.state;\n return mouseIndex;\n }\n\n setMouseIndex(index: number): void {\n this.setState({ mouseIndex: index });\n }\n\n initMenu(): void {\n // cancel any pending close and promises\n this.cancelPromises();\n cancelAnimationFrame(this.rAF);\n\n const { options } = this.props;\n let keyboardIndex = options.initialKeyboardIndex;\n if (keyboardIndex === undefined) {\n keyboardIndex = -1;\n }\n\n const { actions } = this.props;\n const menuItems = ContextActionUtils.getMenuItems(actions);\n const nonPromiseItems: ContextAction[] = [];\n for (let i = menuItems.length - 1; i >= 0; i -= 1) {\n const menuItem = menuItems[i];\n if (menuItem instanceof Promise) {\n this.initMenuPromise(menuItem as Promise<ContextAction[]>);\n } else {\n nonPromiseItems.push(menuItem as ContextAction);\n }\n }\n\n this.setState({\n mouseIndex: -1,\n keyboardIndex,\n activeSubMenu: null,\n menuItems: ContextActionUtils.sortActions(nonPromiseItems),\n });\n }\n\n initMenuPromise(promise: Promise<ContextAction[]>): void {\n // make all promises cancellable\n const cancellablePromise = PromiseUtils.makeCancelable(promise);\n\n this.setState(state => ({\n pendingItems: state.pendingItems.concat(cancellablePromise),\n }));\n\n cancellablePromise.then(\n resolvedMenuItems => {\n this.setState(state => {\n const index = state.pendingItems.indexOf(cancellablePromise);\n if (index >= 0) {\n const pendingItems = state.pendingItems.slice();\n pendingItems.splice(index, 1);\n\n return {\n menuItems: ContextActionUtils.sortActions(\n state.menuItems.concat(resolvedMenuItems)\n ),\n pendingItems,\n };\n }\n // This item is stale, don't update the menu\n return null;\n });\n },\n error => {\n if (PromiseUtils.isCanceled(error)) {\n return; // Canceled promise is ignored\n }\n\n // remove failed item from pending list\n this.setState(state => {\n const index = state.pendingItems.indexOf(cancellablePromise);\n if (index >= 0) {\n const pendingItems = state.pendingItems.slice();\n pendingItems.splice(index, 1);\n return {\n pendingItems,\n };\n }\n return null;\n });\n\n // Log the error\n log.error(error);\n }\n );\n }\n\n cancelPromises(): void {\n const { pendingItems } = this.state;\n pendingItems.map(item => item.cancel());\n }\n\n /**\n * Sets the unverfied start position of a submenu. Submenu then self-verfies\n * its own position and potentially reports back a new position.\n */\n setActiveSubMenuPosition(): void {\n if (this.activeSubMenuRef.current === null) return;\n const parentRect = this.activeSubMenuRef.current.getBoundingClientRect();\n\n // intentionally rect.right, we want the sub menu to start at the right edge of the current menu\n this.setState({\n subMenuTop: parentRect.top,\n subMenuLeft: parentRect.right,\n subMenuParentHeight: parentRect.height,\n subMenuParentWidth: parentRect.width,\n });\n }\n\n /**\n * Verifies the position of this menu in relation to the parent to make sure it's on screen.\n * Will update the top left state (updatePosition) if necessary (causing a re-render)\n * By default it tries to top-align with parent, at the right side of the parent.\n * Because we aren't a native context menu and can't escape window bounds, we also do\n * somethings to better fit on screen, such as the \"nudge\" offset position, and further\n * allow overflow scrolling for large menus in a small window.\n */\n verifyPosition(): void {\n const {\n options,\n updatePosition,\n subMenuParentWidth,\n subMenuParentHeight,\n top: oldTop,\n left: oldLeft,\n } = this.props;\n\n if (!this.container.current || options.doNotVerifyPosition) {\n return;\n }\n\n // initial position is used rather than current position,\n // as the number of menu items can change (actions can bubble)\n // and menu should always be positioned relative to spawn point\n let { top, left } = this.initialPosition;\n const {\n width,\n height,\n } = this.container.current?.getBoundingClientRect() ?? {\n width: 0,\n height: 0,\n };\n const hasOverflow =\n (this.container.current?.scrollHeight ?? 0) > window.innerHeight;\n\n if (height === 0 || width === 0) {\n // We don't have a height or width yet, don't bother doing anything\n return;\n }\n\n // does it fit below?\n if (top + height > window.innerHeight) {\n // can it be flipped to above? include offset if submenu (defaults to 0 if not submenu)\n if (top - height - subMenuParentHeight > 0) {\n // flip like a native menu would\n top -= height - subMenuParentHeight;\n } else {\n // still doesnt fit? okay, position at bottom edge\n top = window.innerHeight - height;\n }\n }\n\n if (left + width > window.innerWidth) {\n // less picky about left right positioning, just keep it going off to right\n left = left - width - subMenuParentWidth;\n }\n\n if (oldLeft !== left || oldTop !== top) {\n // parent owns positioning as single source of truth, ask to update props\n this.setState({ hasOverflow });\n updatePosition(top, left);\n }\n }\n\n // since window resize doesn't trigger blur, listen and close the menu\n handleWindowResize(): void {\n if (!this.container.current) {\n return;\n }\n this.closeMenu(true);\n }\n\n handleBlur(e: React.FocusEvent<HTMLDivElement>): void {\n if (!this.container.current) {\n log.warn('Container is null!');\n return;\n }\n\n if (!this.container.current.contains(e.relatedTarget as Node)) {\n let element: HTMLElement | null = e.relatedTarget as HTMLElement;\n let isContextMenuChild = false;\n while (element && !isContextMenuChild) {\n isContextMenuChild = element.hasAttribute('data-dh-context-menu');\n element = element.parentElement;\n }\n\n if (!isContextMenuChild) {\n // close all submenus on blur\n this.closeMenu(true);\n }\n }\n }\n\n /** Returns whether the specified key should remove the menu. Depends on the side the parent is on. */\n isEscapeKey(key: string): boolean {\n const { left } = this.props;\n return (\n key === 'Escape' ||\n (left < 0 && key === 'ArrowRight') ||\n key === 'ArrowLeft'\n );\n }\n\n handleKeyDown(e: React.KeyboardEvent<HTMLDivElement>): void {\n const { menuItems } = this.state;\n const oldFocus = this.getKeyboardIndex();\n let newFocus: number | null = oldFocus;\n let openSubMenu = false;\n\n if (e.key === 'Enter' || e.key === ' ') {\n if (oldFocus >= 0 && oldFocus < menuItems.length) {\n this.handleMenuItemClick(\n menuItems[oldFocus],\n (e as React.SyntheticEvent) as React.MouseEvent\n );\n }\n return;\n }\n\n if (e.key === 'ArrowRight') {\n if (oldFocus >= 0 && oldFocus <= menuItems.length) {\n openSubMenu = true;\n } else {\n newFocus = 0;\n }\n } else if (this.isEscapeKey(e.key)) {\n newFocus = null;\n } else if (e.key === 'ArrowUp' || (e.shiftKey && e.key === 'Tab')) {\n newFocus = ContextActionUtils.getNextMenuItem(newFocus, -1, menuItems);\n } else if (e.key === 'ArrowDown' || e.key === 'Tab') {\n newFocus = ContextActionUtils.getNextMenuItem(newFocus, 1, menuItems);\n }\n\n if (openSubMenu) {\n this.openSubMenu(oldFocus);\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n if (oldFocus !== newFocus) {\n if (newFocus !== null) {\n this.setKeyboardIndex(newFocus);\n } else {\n this.closeMenu();\n if (this.oldFocus instanceof HTMLElement) {\n this.oldFocus.focus();\n }\n }\n\n e.preventDefault();\n e.stopPropagation();\n }\n }\n\n openSubMenu(index: number): void {\n const { menuItems, activeSubMenu } = this.state;\n const newSubMenu = menuItems[index].actions ? index : null;\n if (activeSubMenu === newSubMenu) return;\n this.setState({\n activeSubMenu: newSubMenu,\n subMenuTop: null,\n subMenuLeft: null,\n });\n }\n\n closeMenu(closeAll = false): void {\n const { closeMenu, onMenuClosed } = this.props;\n cancelAnimationFrame(this.rAF);\n this.rAF = window.requestAnimationFrame(() => {\n closeMenu(closeAll);\n onMenuClosed(this);\n });\n }\n\n closeSubMenu(): void {\n this.setState({\n activeSubMenu: null,\n });\n }\n\n handleCloseSubMenu(closeAllMenus: boolean): void {\n if (closeAllMenus) {\n this.closeMenu(true);\n } else {\n this.closeSubMenu();\n }\n }\n\n handleMenuItemClick(menuItem: ContextAction, e: React.MouseEvent): void {\n e.preventDefault();\n e.stopPropagation();\n\n const { menuItems } = this.state;\n if (menuItem != null && !menuItem.disabled) {\n if (menuItem.actions != null) {\n this.openSubMenu(menuItems.indexOf(menuItem));\n } else if (menuItem.action != null) {\n menuItem.action();\n this.closeMenu(true);\n }\n }\n }\n\n handleMenuItemContextMenu(\n menuItem: ContextAction,\n e: React.MouseEvent\n ): void {\n if (e.metaKey) {\n return;\n }\n\n this.handleMenuItemClick(menuItem, e);\n }\n\n handleMenuItemMouseMove(menuItem: ContextAction): void {\n const { menuItems } = this.state;\n const focusIndex = menuItems.indexOf(menuItem);\n this.setMouseIndex(focusIndex);\n\n if (\n focusIndex >= 0 &&\n focusIndex < menuItems.length &&\n !menuItem.disabled\n ) {\n this.openSubMenu(focusIndex);\n }\n }\n\n handleMouseLeave(): void {\n this.setMouseIndex(-1);\n }\n\n render(): JSX.Element {\n const menuItemElements = [];\n const { top, left } = this.props;\n const {\n activeSubMenu,\n hasOverflow,\n keyboardIndex,\n menuItems,\n mouseIndex,\n pendingItems,\n subMenuTop,\n subMenuLeft,\n subMenuParentWidth,\n subMenuParentHeight,\n } = this.state;\n for (let i = 0; i < menuItems.length; i += 1) {\n const menuItem = menuItems[i];\n\n if (i > 0 && menuItem.group !== menuItems[i - 1].group) {\n menuItemElements.push(<hr key={`${i}.separator`} />);\n }\n\n const menuItemElement = (\n <ContextMenuItem\n key={i}\n ref={activeSubMenu === i ? this.activeSubMenuRef : null}\n isKeyboardSelected={keyboardIndex === i}\n isMouseSelected={mouseIndex === i}\n menuItem={menuItem}\n closeMenu={this.handleCloseSubMenu}\n onMenuItemClick={this.handleMenuItemClick}\n onMenuItemMouseMove={this.handleMenuItemMouseMove}\n onMenuItemContextMenu={this.handleMenuItemContextMenu}\n />\n );\n\n menuItemElements.push(menuItemElement);\n }\n\n let pendingElement = null;\n if (pendingItems.length > 0) {\n pendingElement = (\n <div className=\"loading\">\n <LoadingSpinner />\n </div>\n );\n }\n\n const { menuStyle, 'data-testid': dataTestId } = this.props;\n\n // don't show submenu until it has an position initialized\n const showSubmenu =\n activeSubMenu !== null && subMenuTop !== null && subMenuLeft !== null;\n\n return (\n <>\n <div\n className={classNames(\n { 'has-overflow': hasOverflow },\n 'context-menu-container'\n )}\n style={{ top, left, ...menuStyle }}\n ref={this.container}\n data-dh-context-menu\n onBlur={this.handleBlur}\n onKeyDown={this.handleKeyDown}\n onMouseLeave={this.handleMouseLeave}\n onContextMenu={ContextMenu.handleContextMenu}\n role=\"menuitem\"\n tabIndex={0}\n data-testid={dataTestId}\n >\n {menuItemElements}\n {pendingElement}\n </div>\n {showSubmenu &&\n activeSubMenu !== null &&\n subMenuTop !== null &&\n subMenuLeft !== null && (\n <ContextMenu\n key={`sub-${activeSubMenu}`}\n actions={menuItems[activeSubMenu].actions || []}\n closeMenu={this.handleCloseSubMenu}\n top={subMenuTop}\n left={subMenuLeft}\n updatePosition={(verifiedTop, verifiedLeft) => {\n this.setState({\n subMenuTop: verifiedTop,\n subMenuLeft: verifiedLeft,\n });\n }}\n subMenuParentWidth={subMenuParentWidth}\n subMenuParentHeight={subMenuParentHeight}\n />\n )}\n </>\n );\n }\n}\n\nexport default ContextMenu;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ContextMenuItem.js","names":["React","classNames","FontAwesomeIcon","vsChevronRight","ContextMenuItem","forwardRef","props","ref","handleMenuItemClick","e","menuItem","onMenuItemClick","handleMenuItemMouseMove","onMenuItemMouseMove","handleMenuItemContextMenu","onMenuItemContextMenu","renderCustomMenuElement","element","iconElement","displayShortcut","type","closeMenu","isKeyboardSelected","isMouseSelected","dataTestId","forwardedProps","cloneElement","children","shortcut","getDisplayText","icon","menuItemIcon","isValidElement","style","iconColor","disabled","color","subMenuIndicator","isSubMenuActive","actions","content","menuElement","menuItemDisabled","iconHasOutline","iconOutline","active","description","outline","title","displayName","defaultProps","undefined"],"sources":["../../src/context-actions/ContextMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight, IconDefinition } from '@deephaven/icons';\nimport type { ContextAction } from './ContextActionUtils';\n\ninterface ContextMenuItemProps {\n children?: React.ReactNode;\n closeMenu(closeAll: boolean): void;\n isKeyboardSelected?: boolean;\n isMouseSelected?: boolean;\n menuItem: ContextAction;\n onMenuItemClick(item: ContextAction, e: React.MouseEvent): void;\n onMenuItemMouseMove(item: ContextAction, e: React.MouseEvent): void;\n onMenuItemContextMenu(item: ContextAction, e: React.MouseEvent): void;\n 'data-testid'?: string;\n}\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n (props: ContextMenuItemProps, ref) => {\n function handleMenuItemClick(e: React.MouseEvent) {\n const { menuItem, onMenuItemClick } = props;\n onMenuItemClick(menuItem, e);\n }\n\n function handleMenuItemMouseMove(e: React.MouseEvent) {\n const { menuItem, onMenuItemMouseMove } = props;\n onMenuItemMouseMove(menuItem, e);\n }\n\n function handleMenuItemContextMenu(e: React.MouseEvent) {\n const { menuItem, onMenuItemContextMenu } = props;\n onMenuItemContextMenu(menuItem, e);\n }\n\n function renderCustomMenuElement(\n element: React.ReactElement,\n iconElement: IconDefinition | React.ReactElement | null,\n displayShortcut: string | undefined\n ): JSX.Element {\n // Don't pass forwardedProps if menuElement is a native DOM node\n if (typeof element.type === 'string') {\n return element;\n }\n const {\n closeMenu,\n menuItem,\n isKeyboardSelected,\n isMouseSelected,\n 'data-testid': dataTestId,\n } = props;\n const forwardedProps = {\n menuItem,\n closeMenu,\n isKeyboardSelected,\n isMouseSelected,\n iconElement,\n displayShortcut,\n 'data-testid': dataTestId,\n };\n return React.cloneElement(element, {\n forwardedProps,\n });\n }\n\n const {\n children,\n menuItem,\n isKeyboardSelected,\n isMouseSelected,\n 'data-testid': dataTestId,\n } = props;\n\n const displayShortcut = menuItem.shortcut?.getDisplayText();\n let icon: IconDefinition | React.ReactElement | null = null;\n if (menuItem.icon) {\n const menuItemIcon = menuItem.icon;\n if (React.isValidElement(menuItemIcon)) {\n icon = menuItemIcon;\n } else {\n let style: React.CSSProperties | undefined;\n if (menuItem.iconColor && !menuItem.disabled) {\n style = { color: menuItem.iconColor };\n }\n icon = <FontAwesomeIcon icon={menuItemIcon} style={style} />;\n }\n }\n\n let subMenuIndicator = null;\n const isSubMenuActive = !!children;\n if (menuItem.actions) {\n subMenuIndicator = <FontAwesomeIcon icon={vsChevronRight} />;\n }\n let content = null;\n if (menuItem.menuElement) {\n content = (\n <div className=\"custom-menu-item\" onMouseMove={handleMenuItemMouseMove}>\n {renderCustomMenuElement(menuItem.menuElement, icon, displayShortcut)}\n </div>\n );\n } else {\n const menuItemDisabled = menuItem.disabled;\n const iconHasOutline = menuItem.iconOutline;\n content = (\n <button\n type=\"button\"\n className={classNames(\n 'btn-context-menu',\n { disabled: menuItemDisabled },\n {\n active: (isSubMenuActive || isMouseSelected) && !menuItemDisabled,\n },\n { 'keyboard-active': isKeyboardSelected && !menuItemDisabled }\n )}\n onClick={handleMenuItemClick}\n onMouseMove={handleMenuItemMouseMove}\n onContextMenu={handleMenuItemContextMenu}\n title={menuItem.description || ''}\n >\n <div className=\"btn-context-menu-wrapper\">\n <span className={classNames('icon', { outline: iconHasOutline })}>\n {icon}\n </span>\n <span className=\"title\">{menuItem.title}</span>\n {displayShortcut && (\n <span className=\"shortcut\">{displayShortcut}</span>\n )}\n {subMenuIndicator && (\n <span\n className={classNames('submenu-indicator', {\n disabled: menuItemDisabled,\n })}\n >\n {subMenuIndicator}\n </span>\n )}\n </div>\n </button>\n );\n }\n\n return (\n <div className=\"context-menu-item\" ref={ref} data-testid={dataTestId}>\n {children}\n {content}\n </div>\n );\n }\n);\n\nContextMenuItem.displayName = 'ContextMenuItem';\n\nContextMenuItem.defaultProps = {\n children: null,\n isKeyboardSelected: false,\n isMouseSelected: false,\n 'data-testid': undefined,\n};\n\nexport default ContextMenuItem;\n"],"mappings":"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"}
|