@deephaven/components 1.2.1-plotly-rc.3 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (190) hide show
  1. package/css/BaseStyleSheet.css.map +1 -1
  2. package/dist/AutoCompleteInput.css.map +1 -1
  3. package/dist/AutoCompleteInput.js.map +1 -1
  4. package/dist/AutoResizeTextarea.css.map +1 -1
  5. package/dist/AutoResizeTextarea.js.map +1 -1
  6. package/dist/BasicModal.js.map +1 -1
  7. package/dist/BulkActionBar.js.map +1 -1
  8. package/dist/Button.js.map +1 -1
  9. package/dist/CardFlip.css.map +1 -1
  10. package/dist/CardFlip.js.map +1 -1
  11. package/dist/Checkbox.js.map +1 -1
  12. package/dist/Collapse.js.map +1 -1
  13. package/dist/ComboBox.css.map +1 -1
  14. package/dist/ComponentUtils.js.map +1 -1
  15. package/dist/CopyButton.js.map +1 -1
  16. package/dist/CustomTimeSelect.css.map +1 -1
  17. package/dist/CustomTimeSelect.js.map +1 -1
  18. package/dist/DateInput.js.map +1 -1
  19. package/dist/DateInputUtils.js.map +1 -1
  20. package/dist/DateTimeInput.js.map +1 -1
  21. package/dist/DateTimeInputUtils.js.map +1 -1
  22. package/dist/DebouncedSearchInput.js.map +1 -1
  23. package/dist/DragUtils.js.map +1 -1
  24. package/dist/DraggableItemList.css.map +1 -1
  25. package/dist/DraggableItemList.js.map +1 -1
  26. package/dist/EditableItemList.js.map +1 -1
  27. package/dist/ErrorBoundary.js.map +1 -1
  28. package/dist/ErrorView.css.map +1 -1
  29. package/dist/ErrorView.js.map +1 -1
  30. package/dist/HierarchicalCheckboxMenu.css.map +1 -1
  31. package/dist/HierarchicalCheckboxMenu.js.map +1 -1
  32. package/dist/ItemList.css.map +1 -1
  33. package/dist/ItemList.js.map +1 -1
  34. package/dist/ItemListItem.css.map +1 -1
  35. package/dist/ItemListItem.js.map +1 -1
  36. package/dist/LoadingOverlay.css.map +1 -1
  37. package/dist/LoadingOverlay.js.map +1 -1
  38. package/dist/LoadingSpinner.js.map +1 -1
  39. package/dist/MaskedInput.css.map +1 -1
  40. package/dist/MaskedInput.js.map +1 -1
  41. package/dist/MaskedInputUtils.js.map +1 -1
  42. package/dist/Option.js.map +1 -1
  43. package/dist/RadioGroup.js.map +1 -1
  44. package/dist/RadioItem.js.map +1 -1
  45. package/dist/RandomAreaPlotAnimation.css.map +1 -1
  46. package/dist/RandomAreaPlotAnimation.js.map +1 -1
  47. package/dist/SearchInput.css.map +1 -1
  48. package/dist/SearchInput.js.map +1 -1
  49. package/dist/SearchableCombobox.js.map +1 -1
  50. package/dist/Select.js.map +1 -1
  51. package/dist/SelectValueList.css.map +1 -1
  52. package/dist/SelectValueList.js.map +1 -1
  53. package/dist/SocketedButton.css.map +1 -1
  54. package/dist/SocketedButton.js.map +1 -1
  55. package/dist/SplitButtonGroup.js.map +1 -1
  56. package/dist/TableViewEmptyState.js.map +1 -1
  57. package/dist/TextWithTooltip.js.map +1 -1
  58. package/dist/ThemeExport.js.map +1 -1
  59. package/dist/ThemeExport.module.css.map +1 -1
  60. package/dist/TimeInput.js.map +1 -1
  61. package/dist/TimeSlider.css.map +1 -1
  62. package/dist/TimeSlider.js.map +1 -1
  63. package/dist/TimeSlider.module.css.map +1 -1
  64. package/dist/ToastNotification.css.map +1 -1
  65. package/dist/ToastNotification.js.map +1 -1
  66. package/dist/UIConstants.js.map +1 -1
  67. package/dist/UISwitch.css.map +1 -1
  68. package/dist/UISwitch.js.map +1 -1
  69. package/dist/XComponent.js.map +1 -1
  70. package/dist/XComponentMap.js.map +1 -1
  71. package/dist/actions/ConfirmActionButton.js.map +1 -1
  72. package/dist/actions/IconActionButton.js.map +1 -1
  73. package/dist/actions/index.js.map +1 -1
  74. package/dist/context-actions/ContextActionUtils.js.map +1 -1
  75. package/dist/context-actions/ContextActions.css +2 -2
  76. package/dist/context-actions/ContextActions.css.map +1 -1
  77. package/dist/context-actions/ContextActions.js.map +1 -1
  78. package/dist/context-actions/ContextMenu.js.map +1 -1
  79. package/dist/context-actions/ContextMenuItem.js.map +1 -1
  80. package/dist/context-actions/ContextMenuRoot.js.map +1 -1
  81. package/dist/context-actions/GlobalContextAction.js.map +1 -1
  82. package/dist/context-actions/GlobalContextActions.js.map +1 -1
  83. package/dist/context-actions/index.js.map +1 -1
  84. package/dist/declaration.d.js.map +1 -1
  85. package/dist/dialogs/ActionButtonDialogTrigger.js.map +1 -1
  86. package/dist/dialogs/ConfirmationDialog.js.map +1 -1
  87. package/dist/dialogs/index.js.map +1 -1
  88. package/dist/index.js.map +1 -1
  89. package/dist/menu-actions/DropdownMenu.css.map +1 -1
  90. package/dist/menu-actions/DropdownMenu.js.map +1 -1
  91. package/dist/menu-actions/Menu.js.map +1 -1
  92. package/dist/menu-actions/index.js.map +1 -1
  93. package/dist/modal/DebouncedModal.js.map +1 -1
  94. package/dist/modal/InfoModal.css.map +1 -1
  95. package/dist/modal/InfoModal.js.map +1 -1
  96. package/dist/modal/Modal.js.map +1 -1
  97. package/dist/modal/ModalBody.js.map +1 -1
  98. package/dist/modal/ModalFooter.js.map +1 -1
  99. package/dist/modal/ModalHeader.js.map +1 -1
  100. package/dist/modal/index.js.map +1 -1
  101. package/dist/navigation/Menu.css.map +1 -1
  102. package/dist/navigation/Menu.js.map +1 -1
  103. package/dist/navigation/MenuItem.css.map +1 -1
  104. package/dist/navigation/MenuItem.js.map +1 -1
  105. package/dist/navigation/NavTab.js.map +1 -1
  106. package/dist/navigation/NavTabList.css.map +1 -1
  107. package/dist/navigation/NavTabList.js.map +1 -1
  108. package/dist/navigation/Page.css.map +1 -1
  109. package/dist/navigation/Page.js.map +1 -1
  110. package/dist/navigation/Stack.css.map +1 -1
  111. package/dist/navigation/Stack.js.map +1 -1
  112. package/dist/navigation/index.js.map +1 -1
  113. package/dist/popper/Popper.css.map +1 -1
  114. package/dist/popper/Popper.js.map +1 -1
  115. package/dist/popper/Tooltip.js.map +1 -1
  116. package/dist/popper/index.js.map +1 -1
  117. package/dist/shortcuts/GlobalShortcuts.js.map +1 -1
  118. package/dist/shortcuts/NavigationShortcuts.js.map +1 -1
  119. package/dist/shortcuts/Shortcut.js.map +1 -1
  120. package/dist/shortcuts/ShortcutRegistry.js.map +1 -1
  121. package/dist/shortcuts/index.js.map +1 -1
  122. package/dist/spectrum/ActionGroup.js.map +1 -1
  123. package/dist/spectrum/ActionMenu.js.map +1 -1
  124. package/dist/spectrum/CheckboxGroup.js.map +1 -1
  125. package/dist/spectrum/Heading.js.map +1 -1
  126. package/dist/spectrum/ItemContent.js.map +1 -1
  127. package/dist/spectrum/ItemTooltip.js.map +1 -1
  128. package/dist/spectrum/ListActionGroup.js.map +1 -1
  129. package/dist/spectrum/ListActionMenu.js.map +1 -1
  130. package/dist/spectrum/TabPanels.js.map +1 -1
  131. package/dist/spectrum/Text.js.map +1 -1
  132. package/dist/spectrum/View.js.map +1 -1
  133. package/dist/spectrum/buttons.js.map +1 -1
  134. package/dist/spectrum/collections.js.map +1 -1
  135. package/dist/spectrum/comboBox/ComboBox.js.map +1 -1
  136. package/dist/spectrum/comboBox/ComboBoxNormalized.js.map +1 -1
  137. package/dist/spectrum/comboBox/index.js.map +1 -1
  138. package/dist/spectrum/content.js.map +1 -1
  139. package/dist/spectrum/dateAndTime.js.map +1 -1
  140. package/dist/spectrum/forms.js.map +1 -1
  141. package/dist/spectrum/icons.js.map +1 -1
  142. package/dist/spectrum/index.js.map +1 -1
  143. package/dist/spectrum/layout.js.map +1 -1
  144. package/dist/spectrum/listView/ListView.js.map +1 -1
  145. package/dist/spectrum/listView/ListViewNormalized.js.map +1 -1
  146. package/dist/spectrum/listView/ListViewWrapper.js.map +1 -1
  147. package/dist/spectrum/listView/index.js.map +1 -1
  148. package/dist/spectrum/navigation.js.map +1 -1
  149. package/dist/spectrum/overlays.js.map +1 -1
  150. package/dist/spectrum/picker/Picker.js.map +1 -1
  151. package/dist/spectrum/picker/PickerNormalized.js.map +1 -1
  152. package/dist/spectrum/picker/PickerProps.js.map +1 -1
  153. package/dist/spectrum/picker/index.js.map +1 -1
  154. package/dist/spectrum/picker/usePickerItemScale.js.map +1 -1
  155. package/dist/spectrum/picker/usePickerNormalizedProps.js.map +1 -1
  156. package/dist/spectrum/picker/usePickerProps.js.map +1 -1
  157. package/dist/spectrum/picker/usePickerScrollOnOpen.js.map +1 -1
  158. package/dist/spectrum/shared.js.map +1 -1
  159. package/dist/spectrum/status.js.map +1 -1
  160. package/dist/spectrum/utils/index.js.map +1 -1
  161. package/dist/spectrum/utils/itemUtils.js.map +1 -1
  162. package/dist/spectrum/utils/itemWrapperUtils.js.map +1 -1
  163. package/dist/spectrum/utils/propsUtils.js.map +1 -1
  164. package/dist/spectrum/utils/themeUtils.js.map +1 -1
  165. package/dist/spectrum/utils/useOnChangeTrackUncontrolled.js.map +1 -1
  166. package/dist/spectrum/utils/useRenderNormalizedItem.js.map +1 -1
  167. package/dist/spectrum/utils/useStaticItemInitialScrollPosition.js.map +1 -1
  168. package/dist/spectrum/utils/useStringifiedMultiSelection.js.map +1 -1
  169. package/dist/spectrum/utils/useStringifiedSelection.js.map +1 -1
  170. package/dist/theme/Logo.js.map +1 -1
  171. package/dist/theme/SpectrumThemeProvider.js.map +1 -1
  172. package/dist/theme/ThemeModel.js.map +1 -1
  173. package/dist/theme/ThemePicker.js.map +1 -1
  174. package/dist/theme/ThemeProvider.js.map +1 -1
  175. package/dist/theme/ThemeUtils.js.map +1 -1
  176. package/dist/theme/colorUtils.js.map +1 -1
  177. package/dist/theme/index.js.map +1 -1
  178. package/dist/theme/theme-dark/index.js.map +1 -1
  179. package/dist/theme/theme-light/index.js.map +1 -1
  180. package/dist/theme/theme-light/theme-light-semantic.css +1 -1
  181. package/dist/theme/theme-light/theme-light-semantic.css.map +1 -1
  182. package/dist/theme/theme-spectrum/index.js.map +1 -1
  183. package/dist/theme/useExternalTheme.js.map +1 -1
  184. package/dist/theme/useSpectrumThemeProvider.js.map +1 -1
  185. package/dist/theme/useTheme.js.map +1 -1
  186. package/dist/transitions/FadeTransition.js.map +1 -1
  187. package/dist/transitions/SlideTransition.js.map +1 -1
  188. package/dist/transitions/index.js.map +1 -1
  189. package/package.json +8 -8
  190. package/scss/bootstrap_overrides.scss +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"ContextActions.js","names":["React","Component","Log","ContextActionUtils","isPromise","GlobalContextActions","jsx","_jsx","log","module","ContextActions","triggerMenu","element","clientX","clientY","actions","length","mouseEvent","MouseEvent","bubbles","cancelable","contextActions","dispatchEvent","constructor","props","_defineProperty","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","getDerivedStateFromProps","Array","isArray","filter","action","isGlobal","undefined","shortcut","componentDidMount","_this$container$curre","current","parentElement","addEventListener","componentWillUnmount","_this$container$curre2","removeEventListener","e","ignoreClassNames","el","target","_loop","classList","ignoredClassName","find","className","contains","debug2","concat","v","_ret","isContextActionEvent","debug","i","keyboardAction","actionsDisabled","matchesEvent","_keyboardAction$actio","call","stopPropagation","preventDefault","render","dataTestId","ref","children","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 type 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: undefined,\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: ResolvableContextAction[]\n ): void {\n if (actions.length === 0) {\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 == null || !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 === undefined || !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 != null) {\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 === undefined ||\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 != null &&\n keyboardAction.shortcut.matchesEvent(e)\n ) {\n log.debug('Context hotkey matched!', e);\n\n keyboardAction.action?.(e);\n\n e.stopPropagation();\n e.preventDefault();\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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","ignoreList":[]}
1
+ {"version":3,"file":"ContextActions.js","names":["React","Component","Log","ContextActionUtils","isPromise","GlobalContextActions","jsx","_jsx","log","module","ContextActions","triggerMenu","element","clientX","clientY","actions","length","mouseEvent","MouseEvent","bubbles","cancelable","contextActions","dispatchEvent","constructor","props","_defineProperty","handleContextMenu","bind","handleKeyDown","container","createRef","state","globalActions","keyboardActions","getDerivedStateFromProps","Array","isArray","filter","action","isGlobal","undefined","shortcut","componentDidMount","_this$container$curre","current","parentElement","addEventListener","componentWillUnmount","_this$container$curre2","removeEventListener","e","ignoreClassNames","el","target","_loop","classList","ignoredClassName","find","className","contains","debug2","concat","v","_ret","isContextActionEvent","debug","i","keyboardAction","actionsDisabled","matchesEvent","_keyboardAction$actio","call","stopPropagation","preventDefault","render","dataTestId","ref","children","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 type 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: undefined,\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: ResolvableContextAction[]\n ): void {\n if (actions.length === 0) {\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 == null || !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 === undefined || !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 != null) {\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 === undefined ||\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 != null &&\n keyboardAction.shortcut.matchesEvent(e)\n ) {\n log.debug('Context hotkey matched!', e);\n\n keyboardAction.action?.(e);\n\n e.stopPropagation();\n e.preventDefault();\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,"file":"ContextMenu.js","names":["React","PureComponent","classNames","Log","PromiseUtils","ContextActionUtils","ContextMenuItem","LoadingSpinner","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","log","module","ContextMenu","handleContextMenu","e","metaKey","stopPropagation","preventDefault","constructor","props","_defineProperty","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","_this$container$curre","current","focus","onMenuOpened","componentDidUpdate","prevProps","prevState","actions","_this$container$curre2","setActiveSubMenuPosition","contains","_this$container$curre3","componentWillUnmount","cancelPromises","removeEventListener","cancelAnimationFrame","getKeyboardIndex","options","separateKeyboardMouse","undefined","getMouseIndex","setKeyboardIndex","index","setState","setMouseIndex","initialKeyboardIndex","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","_this$container$curre4","_this$container$curre5","_this$container$curre6","_this$container$curre7","updatePosition","oldTop","oldLeft","doNotVerifyPosition","scrollHeight","innerHeight","innerWidth","closeMenu","warn","relatedTarget","element","isContextMenuChild","hasAttribute","parentElement","isEscapeKey","key","newFocus","openSubMenu","shiftKey","getNextMenuItem","HTMLElement","newSubMenu","closeAll","arguments","onMenuClosed","closeSubMenu","closeAllMenus","disabled","action","nativeEvent","focusIndex","render","menuItemElements","group","menuItemElement","ref","isKeyboardSelected","isMouseSelected","onMenuItemClick","onMenuItemMouseMove","onMenuItemContextMenu","pendingElement","className","children","menuStyle","dataTestId","showSubmenu","style","_objectSpread","onBlur","onKeyDown","onMouseLeave","onContextMenu","role","tabIndex","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, type CancelablePromise } from '@deephaven/utils';\nimport ContextActionUtils, {\n type ContextAction,\n type 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 (\n this.container.current == null ||\n !this.container.current.contains(document.activeElement)\n ) {\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 (\n options.separateKeyboardMouse !== undefined &&\n options.separateKeyboardMouse\n ) {\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 (\n options.separateKeyboardMouse !== undefined &&\n options.separateKeyboardMouse\n ) {\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 (\n !this.container.current ||\n (options.doNotVerifyPosition != null && options.doNotVerifyPosition)\n ) {\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 { width, 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 (\n menuItem != null &&\n (menuItem.disabled === undefined || !menuItem.disabled)\n ) {\n if (menuItem.actions != null) {\n this.openSubMenu(menuItems.indexOf(menuItem));\n } else if (menuItem.action != null) {\n menuItem.action(e.nativeEvent);\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 === undefined || !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 className=\"loading-spinner-vertical-align\" />\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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","ignoreList":[]}
1
+ {"version":3,"file":"ContextMenu.js","names":["React","PureComponent","classNames","Log","PromiseUtils","ContextActionUtils","ContextMenuItem","LoadingSpinner","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","log","module","ContextMenu","handleContextMenu","e","metaKey","stopPropagation","preventDefault","constructor","props","_defineProperty","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","_this$container$curre","current","focus","onMenuOpened","componentDidUpdate","prevProps","prevState","actions","_this$container$curre2","setActiveSubMenuPosition","contains","_this$container$curre3","componentWillUnmount","cancelPromises","removeEventListener","cancelAnimationFrame","getKeyboardIndex","options","separateKeyboardMouse","undefined","getMouseIndex","setKeyboardIndex","index","setState","setMouseIndex","initialKeyboardIndex","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","_this$container$curre4","_this$container$curre5","_this$container$curre6","_this$container$curre7","updatePosition","oldTop","oldLeft","doNotVerifyPosition","scrollHeight","innerHeight","innerWidth","closeMenu","warn","relatedTarget","element","isContextMenuChild","hasAttribute","parentElement","isEscapeKey","key","newFocus","openSubMenu","shiftKey","getNextMenuItem","HTMLElement","newSubMenu","closeAll","arguments","onMenuClosed","closeSubMenu","closeAllMenus","disabled","action","nativeEvent","focusIndex","render","menuItemElements","group","menuItemElement","ref","isKeyboardSelected","isMouseSelected","onMenuItemClick","onMenuItemMouseMove","onMenuItemContextMenu","pendingElement","className","children","menuStyle","dataTestId","showSubmenu","style","_objectSpread","onBlur","onKeyDown","onMouseLeave","onContextMenu","role","tabIndex","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, type CancelablePromise } from '@deephaven/utils';\nimport ContextActionUtils, {\n type ContextAction,\n type 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 (\n this.container.current == null ||\n !this.container.current.contains(document.activeElement)\n ) {\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 (\n options.separateKeyboardMouse !== undefined &&\n options.separateKeyboardMouse\n ) {\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 (\n options.separateKeyboardMouse !== undefined &&\n options.separateKeyboardMouse\n ) {\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 (\n !this.container.current ||\n (options.doNotVerifyPosition != null && options.doNotVerifyPosition)\n ) {\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 { width, 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 (\n menuItem != null &&\n (menuItem.disabled === undefined || !menuItem.disabled)\n ) {\n if (menuItem.actions != null) {\n this.openSubMenu(menuItems.indexOf(menuItem));\n } else if (menuItem.action != null) {\n menuItem.action(e.nativeEvent);\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 === undefined || !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 className=\"loading-spinner-vertical-align\" />\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":";;;;;AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,YAAY,QAAgC,kBAAkB;AAAC,OACjEC,kBAAkB;AAAA,OAIlBC,eAAe;AAAA,OACfC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAErB,IAAMC,GAAG,GAAGX,GAAG,CAACY,MAAM,CAAC,aAAa,CAAC;AAoCrC;AACA,MAAMC,WAAW,SAASf,aAAa,CAAqC;EAkB1E,OAAOgB,iBAAiBA,CAACC,CAAmB,EAAQ;IAClD,IAAIA,CAAC,CAACC,OAAO,EAAE;MACb;IACF;IAEAD,CAAC,CAACE,eAAe,CAAC,CAAC;IACnBF,CAAC,CAACG,cAAc,CAAC,CAAC;EACpB;EAEAC,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAEb,IAAI,CAACC,UAAU,GAAG,IAAI,CAACA,UAAU,CAACC,IAAI,CAAC,IAAI,CAAC;IAC5C,IAAI,CAACC,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACD,IAAI,CAAC,IAAI,CAAC;IAC5D,IAAI,CAACE,aAAa,GAAG,IAAI,CAACA,aAAa,CAACF,IAAI,CAAC,IAAI,CAAC;IAClD,IAAI,CAACG,mBAAmB,GAAG,IAAI,CAACA,mBAAmB,CAACH,IAAI,CAAC,IAAI,CAAC;IAC9D,IAAI,CAACI,yBAAyB,GAAG,IAAI,CAACA,yBAAyB,CAACJ,IAAI,CAAC,IAAI,CAAC;IAC1E,IAAI,CAACK,uBAAuB,GAAG,IAAI,CAACA,uBAAuB,CAACL,IAAI,CAAC,IAAI,CAAC;IACtE,IAAI,CAACM,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACN,IAAI,CAAC,IAAI,CAAC;IACxD,IAAI,CAACO,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACP,IAAI,CAAC,IAAI,CAAC;IAE5D,IAAI,CAACQ,SAAS,gBAAGlC,KAAK,CAACmC,SAAS,CAAC,CAAC;IAClC,IAAI,CAACC,QAAQ,GAAGC,QAAQ,CAACC,aAAa;IACtC,IAAI,CAACC,gBAAgB,gBAAGvC,KAAK,CAACmC,SAAS,CAAC,CAAC;IACzC,IAAI,CAACK,YAAY,GAAG,CAAC;IACrB,IAAI,CAACC,GAAG,GAAG,CAAC;IAEZ,IAAI,CAACC,eAAe,GAAG;MAAEC,GAAG,EAAEpB,KAAK,CAACoB,GAAG;MAAEC,IAAI,EAAErB,KAAK,CAACqB;IAAK,CAAC;IAE3D,IAAI,CAACC,KAAK,GAAG;MACXC,SAAS,EAAE,EAAE;MACbC,YAAY,EAAE,EAAE;MAChBC,aAAa,EAAE,IAAI;MACnBC,WAAW,EAAE,KAAK;MAClBC,UAAU,EAAE,IAAI;MAChBC,WAAW,EAAE,IAAI;MACjBC,kBAAkB,EAAE,CAAC;MACrBC,mBAAmB,EAAE,CAAC;MACtBC,aAAa,EAAE,CAAC,CAAC;MACjBC,UAAU,EAAE,CAAC;IACf,CAAC;EACH;EAEAC,iBAAiBA,CAAA,EAAS;IACxB,IAAI,CAACC,QAAQ,CAAC,CAAC;IAEf,IAAI,CAACC,cAAc,CAAC,CAAC;IAErBC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC3B,kBAAkB,CAAC;;IAE1D;IACA;IACA;IACA;IACA,IAAI,CAACQ,GAAG,GAAGkB,MAAM,CAACE,qBAAqB,CAAC,MAAM;MAAA,IAAAC,qBAAA;MAC5C,CAAAA,qBAAA,OAAI,CAAC5B,SAAS,CAAC6B,OAAO,cAAAD,qBAAA,uBAAtBA,qBAAA,CAAwBE,KAAK,CAAC,CAAC;MAE/B,IAAM;QAAEC;MAAa,CAAC,GAAG,IAAI,CAAC1C,KAAK;MACnC0C,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,CAAC;EACJ;EAEAC,kBAAkBA,CAChBC,SAA2B,EAC3BC,SAA2B,EACrB;IACN,IAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAAC9C,KAAK;IAC9B,IAAM;MAAEyB;IAAc,CAAC,GAAG,IAAI,CAACH,KAAK;IAEpC,IAAIG,aAAa,KAAKoB,SAAS,CAACpB,aAAa,EAAE;MAC7C,IAAIA,aAAa,IAAI,IAAI,EAAE;QAAA,IAAAsB,sBAAA;QACzB;QACA,CAAAA,sBAAA,OAAI,CAACpC,SAAS,CAAC6B,OAAO,cAAAO,sBAAA,uBAAtBA,sBAAA,CAAwBN,KAAK,CAAC,CAAC;MACjC,CAAC,MAAM;QACL;QACA,IAAI,CAACO,wBAAwB,CAAC,CAAC;MACjC;IACF;IAEA,IAAIJ,SAAS,CAACE,OAAO,KAAKA,OAAO,EAAE;MACjC,IAAI,CAACZ,QAAQ,CAAC,CAAC;MAEf,IACE,IAAI,CAACvB,SAAS,CAAC6B,OAAO,IAAI,IAAI,IAC9B,CAAC,IAAI,CAAC7B,SAAS,CAAC6B,OAAO,CAACS,QAAQ,CAACnC,QAAQ,CAACC,aAAa,CAAC,EACxD;QAAA,IAAAmC,sBAAA;QACA,CAAAA,sBAAA,OAAI,CAACvC,SAAS,CAAC6B,OAAO,cAAAU,sBAAA,uBAAtBA,sBAAA,CAAwBT,KAAK,CAAC,CAAC;MACjC;IACF;IAEA,IAAI,CAACN,cAAc,CAAC,CAAC;EACvB;EAEAgB,oBAAoBA,CAAA,EAAS;IAC3B,IAAI,CAACC,cAAc,CAAC,CAAC;IACrBhB,MAAM,CAACiB,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC3C,kBAAkB,CAAC;IAC7D4C,oBAAoB,CAAC,IAAI,CAACpC,GAAG,CAAC;EAChC;EAcAqC,gBAAgBA,CAAA,EAAW;IACzB,IAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACxD,KAAK;IAC9B,IACEwD,OAAO,CAACC,qBAAqB,KAAKC,SAAS,IAC3CF,OAAO,CAACC,qBAAqB,EAC7B;MACA,IAAM;QAAE1B;MAAc,CAAC,GAAG,IAAI,CAACT,KAAK;MACpC,OAAOS,aAAa;IACtB;IAEA,OAAO,IAAI,CAAC4B,aAAa,CAAC,CAAC;EAC7B;EAEAC,gBAAgBA,CAACC,KAAa,EAAQ;IACpC,IAAM;MAAEL;IAAQ,CAAC,GAAG,IAAI,CAACxD,KAAK;IAC9B,IACEwD,OAAO,CAACC,qBAAqB,KAAKC,SAAS,IAC3CF,OAAO,CAACC,qBAAqB,EAC7B;MACA,IAAI,CAACK,QAAQ,CAAC;QAAE/B,aAAa,EAAE8B;MAAM,CAAC,CAAC;IACzC,CAAC,MAAM;MACL,IAAI,CAACE,aAAa,CAACF,KAAK,CAAC;IAC3B;EACF;EAEAF,aAAaA,CAAA,EAAW;IACtB,IAAM;MAAE3B;IAAW,CAAC,GAAG,IAAI,CAACV,KAAK;IACjC,OAAOU,UAAU;EACnB;EAEA+B,aAAaA,CAACF,KAAa,EAAQ;IACjC,IAAI,CAACC,QAAQ,CAAC;MAAE9B,UAAU,EAAE6B;IAAM,CAAC,CAAC;EACtC;EAEA3B,QAAQA,CAAA,EAAS;IACf;IACA,IAAI,CAACkB,cAAc,CAAC,CAAC;IACrBE,oBAAoB,CAAC,IAAI,CAACpC,GAAG,CAAC;IAE9B,IAAM;MAAEsC;IAAQ,CAAC,GAAG,IAAI,CAACxD,KAAK;IAC9B,IAAI+B,aAAa,GAAGyB,OAAO,CAACQ,oBAAoB;IAChD,IAAIjC,aAAa,KAAK2B,SAAS,EAAE;MAC/B3B,aAAa,GAAG,CAAC,CAAC;IACpB;IAEA,IAAM;MAAEe;IAAQ,CAAC,GAAG,IAAI,CAAC9C,KAAK;IAC9B,IAAMuB,SAAS,GAAGzC,kBAAkB,CAACmF,YAAY,CAACnB,OAAO,CAAC;IAC1D,IAAMoB,eAAgC,GAAG,EAAE;IAC3C,KAAK,IAAIC,CAAC,GAAG5C,SAAS,CAAC6C,MAAM,GAAG,CAAC,EAAED,CAAC,IAAI,CAAC,EAAEA,CAAC,IAAI,CAAC,EAAE;MACjD,IAAME,QAAQ,GAAG9C,SAAS,CAAC4C,CAAC,CAAC;MAC7B,IAAIE,QAAQ,YAAYC,OAAO,EAAE;QAC/B,IAAI,CAACC,eAAe,CAACF,QAAoC,CAAC;MAC5D,CAAC,MAAM;QACLH,eAAe,CAACM,IAAI,CAACH,QAAyB,CAAC;MACjD;IACF;IAEA,IAAI,CAACP,QAAQ,CAAC;MACZ9B,UAAU,EAAE,CAAC,CAAC;MACdD,aAAa;MACbN,aAAa,EAAE,IAAI;MACnBF,SAAS,EAAEzC,kBAAkB,CAAC2F,WAAW,CAACP,eAAe;IAC3D,CAAC,CAAC;EACJ;EAEAK,eAAeA,CAACG,OAAiC,EAAQ;IACvD;IACA,IAAMC,kBAAkB,GAAG9F,YAAY,CAAC+F,cAAc,CAACF,OAAO,CAAC;IAE/D,IAAI,CAACZ,QAAQ,CAACxC,KAAK,KAAK;MACtBE,YAAY,EAAEF,KAAK,CAACE,YAAY,CAACqD,MAAM,CAACF,kBAAkB;IAC5D,CAAC,CAAC,CAAC;IAEHA,kBAAkB,CAACG,IAAI,CACrBC,iBAAiB,IAAI;MACnB,IAAI,CAACjB,QAAQ,CAACxC,KAAK,IAAI;QACrB,IAAMuC,KAAK,GAAGvC,KAAK,CAACE,YAAY,CAACwD,OAAO,CAACL,kBAAkB,CAAC;QAC5D,IAAId,KAAK,IAAI,CAAC,EAAE;UACd,IAAMrC,YAAY,GAAGF,KAAK,CAACE,YAAY,CAACyD,KAAK,CAAC,CAAC;UAC/CzD,YAAY,CAAC0D,MAAM,CAACrB,KAAK,EAAE,CAAC,CAAC;UAE7B,OAAO;YACLtC,SAAS,EAAEzC,kBAAkB,CAAC2F,WAAW,CACvCnD,KAAK,CAACC,SAAS,CAACsD,MAAM,CAACE,iBAAiB,CAC1C,CAAC;YACDvD;UACF,CAAC;QACH;QACA;QACA,OAAO,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,EACD2D,KAAK,IAAI;MACP,IAAItG,YAAY,CAACuG,UAAU,CAACD,KAAK,CAAC,EAAE;QAClC,OAAO,CAAC;MACV;;MAEA;MACA,IAAI,CAACrB,QAAQ,CAACxC,KAAK,IAAI;QACrB,IAAMuC,KAAK,GAAGvC,KAAK,CAACE,YAAY,CAACwD,OAAO,CAACL,kBAAkB,CAAC;QAC5D,IAAId,KAAK,IAAI,CAAC,EAAE;UACd,IAAMrC,YAAY,GAAGF,KAAK,CAACE,YAAY,CAACyD,KAAK,CAAC,CAAC;UAC/CzD,YAAY,CAAC0D,MAAM,CAACrB,KAAK,EAAE,CAAC,CAAC;UAC7B,OAAO;YACLrC;UACF,CAAC;QACH;QACA,OAAO,IAAI;MACb,CAAC,CAAC;;MAEF;MACAjC,GAAG,CAAC4F,KAAK,CAACA,KAAK,CAAC;IAClB,CACF,CAAC;EACH;EAEA/B,cAAcA,CAAA,EAAS;IACrB,IAAM;MAAE5B;IAAa,CAAC,GAAG,IAAI,CAACF,KAAK;IACnCE,YAAY,CAAC6D,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACC,MAAM,CAAC,CAAC,CAAC;EACzC;;EAEA;AACF;AACA;AACA;EACEvC,wBAAwBA,CAAA,EAAS;IAC/B,IAAI,IAAI,CAAChC,gBAAgB,CAACwB,OAAO,KAAK,IAAI,EAAE;IAC5C,IAAMgD,UAAU,GAAG,IAAI,CAACxE,gBAAgB,CAACwB,OAAO,CAACiD,qBAAqB,CAAC,CAAC;;IAExE;IACA,IAAI,CAAC3B,QAAQ,CAAC;MACZnC,UAAU,EAAE6D,UAAU,CAACpE,GAAG;MAC1BQ,WAAW,EAAE4D,UAAU,CAACE,KAAK;MAC7B5D,mBAAmB,EAAE0D,UAAU,CAACG,MAAM;MACtC9D,kBAAkB,EAAE2D,UAAU,CAACI;IACjC,CAAC,CAAC;EACJ;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEzD,cAAcA,CAAA,EAAS;IAAA,IAAA0D,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACrB,IAAM;MACJxC,OAAO;MACPyC,cAAc;MACdpE,kBAAkB;MAClBC,mBAAmB;MACnBV,GAAG,EAAE8E,MAAM;MACX7E,IAAI,EAAE8E;IACR,CAAC,GAAG,IAAI,CAACnG,KAAK;IAEd,IACE,CAAC,IAAI,CAACW,SAAS,CAAC6B,OAAO,IACtBgB,OAAO,CAAC4C,mBAAmB,IAAI,IAAI,IAAI5C,OAAO,CAAC4C,mBAAoB,EACpE;MACA;IACF;;IAEA;IACA;IACA;IACA,IAAI;MAAEhF,GAAG;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACF,eAAe;IACxC,IAAM;MAAEyE,KAAK;MAAED;IAAO,CAAC,IAAAE,sBAAA,IAAAC,sBAAA,GACrB,IAAI,CAACnF,SAAS,CAAC6B,OAAO,cAAAsD,sBAAA,uBAAtBA,sBAAA,CAAwBL,qBAAqB,CAAC,CAAC,cAAAI,sBAAA,cAAAA,sBAAA,GAAI;MACjDD,KAAK,EAAE,CAAC;MACRD,MAAM,EAAE;IACV,CAAC;IACH,IAAMjE,WAAW,GACf,EAAAqE,sBAAA,IAAAC,sBAAA,GAAC,IAAI,CAACrF,SAAS,CAAC6B,OAAO,cAAAwD,sBAAA,uBAAtBA,sBAAA,CAAwBK,YAAY,cAAAN,sBAAA,cAAAA,sBAAA,GAAI,CAAC,IAAI3D,MAAM,CAACkE,WAAW;IAElE,IAAIX,MAAM,KAAK,CAAC,IAAIC,KAAK,KAAK,CAAC,EAAE;MAC/B;MACA;IACF;;IAEA;IACA,IAAIxE,GAAG,GAAGuE,MAAM,GAAGvD,MAAM,CAACkE,WAAW,EAAE;MACrC;MACA,IAAIlF,GAAG,GAAGuE,MAAM,GAAG7D,mBAAmB,GAAG,CAAC,EAAE;QAC1C;QACAV,GAAG,IAAIuE,MAAM,GAAG7D,mBAAmB;MACrC,CAAC,MAAM;QACL;QACAV,GAAG,GAAGgB,MAAM,CAACkE,WAAW,GAAGX,MAAM;MACnC;IACF;IAEA,IAAItE,IAAI,GAAGuE,KAAK,GAAGxD,MAAM,CAACmE,UAAU,EAAE;MACpC;MACAlF,IAAI,GAAGA,IAAI,GAAGuE,KAAK,GAAG/D,kBAAkB;IAC1C;IAEA,IAAIsE,OAAO,KAAK9E,IAAI,IAAI6E,MAAM,KAAK9E,GAAG,EAAE;MACtC;MACA,IAAI,CAAC0C,QAAQ,CAAC;QAAEpC;MAAY,CAAC,CAAC;MAC9BuE,cAAc,CAAC7E,GAAG,EAAEC,IAAI,CAAC;IAC3B;EACF;;EAEA;EACAX,kBAAkBA,CAAA,EAAS;IACzB,IAAI,CAAC,IAAI,CAACC,SAAS,CAAC6B,OAAO,EAAE;MAC3B;IACF;IACA,IAAI,CAACgE,SAAS,CAAC,IAAI,CAAC;EACtB;EAEAtG,UAAUA,CAACP,CAAmC,EAAQ;IACpD,IAAI,CAAC,IAAI,CAACgB,SAAS,CAAC6B,OAAO,EAAE;MAC3BjD,GAAG,CAACkH,IAAI,CAAC,oBAAoB,CAAC;MAC9B;IACF;IAEA,IAAI,CAAC,IAAI,CAAC9F,SAAS,CAAC6B,OAAO,CAACS,QAAQ,CAACtD,CAAC,CAAC+G,aAAqB,CAAC,EAAE;MAC7D,IAAIC,OAA2B,GAAGhH,CAAC,CAAC+G,aAA4B;MAChE,IAAIE,kBAAkB,GAAG,KAAK;MAC9B,OAAOD,OAAO,IAAI,CAACC,kBAAkB,EAAE;QACrCA,kBAAkB,GAAGD,OAAO,CAACE,YAAY,CAAC,sBAAsB,CAAC;QACjEF,OAAO,GAAGA,OAAO,CAACG,aAAa;MACjC;MAEA,IAAI,CAACF,kBAAkB,EAAE;QACvB;QACA,IAAI,CAACJ,SAAS,CAAC,IAAI,CAAC;MACtB;IACF;EACF;;EAEA;EACAO,WAAWA,CAACC,GAAW,EAAW;IAChC,IAAM;MAAE3F;IAAK,CAAC,GAAG,IAAI,CAACrB,KAAK;IAC3B,OACEgH,GAAG,KAAK,QAAQ,IACf3F,IAAI,GAAG,CAAC,IAAI2F,GAAG,KAAK,YAAa,IAClCA,GAAG,KAAK,WAAW;EAEvB;EAEA3G,aAAaA,CAACV,CAAsC,EAAQ;IAC1D,IAAM;MAAE4B;IAAU,CAAC,GAAG,IAAI,CAACD,KAAK;IAChC,IAAMT,QAAQ,GAAG,IAAI,CAAC0C,gBAAgB,CAAC,CAAC;IACxC,IAAI0D,QAAuB,GAAGpG,QAAQ;IACtC,IAAIqG,WAAW,GAAG,KAAK;IAEvB,IAAIvH,CAAC,CAACqH,GAAG,KAAK,OAAO,IAAIrH,CAAC,CAACqH,GAAG,KAAK,GAAG,EAAE;MACtC,IAAInG,QAAQ,IAAI,CAAC,IAAIA,QAAQ,GAAGU,SAAS,CAAC6C,MAAM,EAAE;QAChD,IAAI,CAAC9D,mBAAmB,CACtBiB,SAAS,CAACV,QAAQ,CAAC,EACnBlB,CACF,CAAC;MACH;MACA;IACF;IAEA,IAAIA,CAAC,CAACqH,GAAG,KAAK,YAAY,EAAE;MAC1B,IAAInG,QAAQ,IAAI,CAAC,IAAIA,QAAQ,IAAIU,SAAS,CAAC6C,MAAM,EAAE;QACjD8C,WAAW,GAAG,IAAI;MACpB,CAAC,MAAM;QACLD,QAAQ,GAAG,CAAC;MACd;IACF,CAAC,MAAM,IAAI,IAAI,CAACF,WAAW,CAACpH,CAAC,CAACqH,GAAG,CAAC,EAAE;MAClCC,QAAQ,GAAG,IAAI;IACjB,CAAC,MAAM,IAAItH,CAAC,CAACqH,GAAG,KAAK,SAAS,IAAKrH,CAAC,CAACwH,QAAQ,IAAIxH,CAAC,CAACqH,GAAG,KAAK,KAAM,EAAE;MACjEC,QAAQ,GAAGnI,kBAAkB,CAACsI,eAAe,CAACH,QAAQ,EAAE,CAAC,CAAC,EAAE1F,SAAS,CAAC;IACxE,CAAC,MAAM,IAAI5B,CAAC,CAACqH,GAAG,KAAK,WAAW,IAAIrH,CAAC,CAACqH,GAAG,KAAK,KAAK,EAAE;MACnDC,QAAQ,GAAGnI,kBAAkB,CAACsI,eAAe,CAACH,QAAQ,EAAE,CAAC,EAAE1F,SAAS,CAAC;IACvE;IAEA,IAAI2F,WAAW,EAAE;MACf,IAAI,CAACA,WAAW,CAACrG,QAAQ,CAAC;MAC1BlB,CAAC,CAACG,cAAc,CAAC,CAAC;MAClBH,CAAC,CAACE,eAAe,CAAC,CAAC;MACnB;IACF;IAEA,IAAIgB,QAAQ,KAAKoG,QAAQ,EAAE;MACzB,IAAIA,QAAQ,KAAK,IAAI,EAAE;QACrB,IAAI,CAACrD,gBAAgB,CAACqD,QAAQ,CAAC;MACjC,CAAC,MAAM;QACL,IAAI,CAACT,SAAS,CAAC,CAAC;QAChB,IAAI,IAAI,CAAC3F,QAAQ,YAAYwG,WAAW,EAAE;UACxC,IAAI,CAACxG,QAAQ,CAAC4B,KAAK,CAAC,CAAC;QACvB;MACF;MAEA9C,CAAC,CAACG,cAAc,CAAC,CAAC;MAClBH,CAAC,CAACE,eAAe,CAAC,CAAC;IACrB;EACF;EAEAqH,WAAWA,CAACrD,KAAa,EAAQ;IAC/B,IAAM;MAAEtC,SAAS;MAAEE;IAAc,CAAC,GAAG,IAAI,CAACH,KAAK;IAC/C,IAAMgG,UAAU,GAAG/F,SAAS,CAACsC,KAAK,CAAC,CAACf,OAAO,GAAGe,KAAK,GAAG,IAAI;IAC1D,IAAIpC,aAAa,KAAK6F,UAAU,EAAE;IAClC,IAAI,CAACxD,QAAQ,CAAC;MACZrC,aAAa,EAAE6F,UAAU;MACzB3F,UAAU,EAAE,IAAI;MAChBC,WAAW,EAAE;IACf,CAAC,CAAC;EACJ;EAEA4E,SAASA,CAAA,EAAyB;IAAA,IAAxBe,QAAQ,GAAAC,SAAA,CAAApD,MAAA,QAAAoD,SAAA,QAAA9D,SAAA,GAAA8D,SAAA,MAAG,KAAK;IACxB,IAAM;MAAEhB,SAAS;MAAEiB;IAAa,CAAC,GAAG,IAAI,CAACzH,KAAK;IAC9CsD,oBAAoB,CAAC,IAAI,CAACpC,GAAG,CAAC;IAC9B,IAAI,CAACA,GAAG,GAAGkB,MAAM,CAACE,qBAAqB,CAAC,MAAM;MAC5CkE,SAAS,CAACe,QAAQ,CAAC;MACnBE,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,CAAC;EACJ;EAEAC,YAAYA,CAAA,EAAS;IACnB,IAAI,CAAC5D,QAAQ,CAAC;MACZrC,aAAa,EAAE;IACjB,CAAC,CAAC;EACJ;EAEArB,kBAAkBA,CAACuH,aAAsB,EAAQ;IAC/C,IAAIA,aAAa,EAAE;MACjB,IAAI,CAACnB,SAAS,CAAC,IAAI,CAAC;IACtB,CAAC,MAAM;MACL,IAAI,CAACkB,YAAY,CAAC,CAAC;IACrB;EACF;EAEApH,mBAAmBA,CAAC+D,QAAuB,EAAE1E,CAAmB,EAAQ;IACtEA,CAAC,CAACG,cAAc,CAAC,CAAC;IAClBH,CAAC,CAACE,eAAe,CAAC,CAAC;IAEnB,IAAM;MAAE0B;IAAU,CAAC,GAAG,IAAI,CAACD,KAAK;IAChC,IACE+C,QAAQ,IAAI,IAAI,KACfA,QAAQ,CAACuD,QAAQ,KAAKlE,SAAS,IAAI,CAACW,QAAQ,CAACuD,QAAQ,CAAC,EACvD;MACA,IAAIvD,QAAQ,CAACvB,OAAO,IAAI,IAAI,EAAE;QAC5B,IAAI,CAACoE,WAAW,CAAC3F,SAAS,CAACyD,OAAO,CAACX,QAAQ,CAAC,CAAC;MAC/C,CAAC,MAAM,IAAIA,QAAQ,CAACwD,MAAM,IAAI,IAAI,EAAE;QAClCxD,QAAQ,CAACwD,MAAM,CAAClI,CAAC,CAACmI,WAAW,CAAC;QAC9B,IAAI,CAACtB,SAAS,CAAC,IAAI,CAAC;MACtB;IACF;EACF;EAEAjG,yBAAyBA,CACvB8D,QAAuB,EACvB1E,CAAmB,EACb;IACN,IAAIA,CAAC,CAACC,OAAO,EAAE;MACb;IACF;IAEA,IAAI,CAACU,mBAAmB,CAAC+D,QAAQ,EAAE1E,CAAC,CAAC;EACvC;EAEAa,uBAAuBA,CAAC6D,QAAuB,EAAQ;IACrD,IAAM;MAAE9C;IAAU,CAAC,GAAG,IAAI,CAACD,KAAK;IAChC,IAAMyG,UAAU,GAAGxG,SAAS,CAACyD,OAAO,CAACX,QAAQ,CAAC;IAC9C,IAAI,CAACN,aAAa,CAACgE,UAAU,CAAC;IAE9B,IACEA,UAAU,IAAI,CAAC,IACfA,UAAU,GAAGxG,SAAS,CAAC6C,MAAM,KAC5BC,QAAQ,CAACuD,QAAQ,KAAKlE,SAAS,IAAI,CAACW,QAAQ,CAACuD,QAAQ,CAAC,EACvD;MACA,IAAI,CAACV,WAAW,CAACa,UAAU,CAAC;IAC9B;EACF;EAEAtH,gBAAgBA,CAAA,EAAS;IACvB,IAAI,CAACsD,aAAa,CAAC,CAAC,CAAC,CAAC;EACxB;EAEAiE,MAAMA,CAAA,EAAgB;IACpB,IAAMC,gBAAgB,GAAG,EAAE;IAC3B,IAAM;MAAE7G,GAAG;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACrB,KAAK;IAChC,IAAM;MACJyB,aAAa;MACbC,WAAW;MACXK,aAAa;MACbR,SAAS;MACTS,UAAU;MACVR,YAAY;MACZG,UAAU;MACVC,WAAW;MACXC,kBAAkB;MAClBC;IACF,CAAC,GAAG,IAAI,CAACR,KAAK;IACd,KAAK,IAAI6C,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG5C,SAAS,CAAC6C,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MAC5C,IAAME,QAAQ,GAAG9C,SAAS,CAAC4C,CAAC,CAAC;MAE7B,IAAIA,CAAC,GAAG,CAAC,IAAIE,QAAQ,CAAC6D,KAAK,KAAK3G,SAAS,CAAC4C,CAAC,GAAG,CAAC,CAAC,CAAC+D,KAAK,EAAE;QACtDD,gBAAgB,CAACzD,IAAI,eAACtF,IAAA,cAAA2F,MAAA,CAAYV,CAAC,eAAe,CAAC,CAAC;MACtD;MAEA,IAAMgE,eAAe,gBACnBjJ,IAAA,CAACH,eAAe;QAEdqJ,GAAG,EAAE3G,aAAa,KAAK0C,CAAC,GAAG,IAAI,CAACnD,gBAAgB,GAAG,IAAK;QACxDqH,kBAAkB,EAAEtG,aAAa,KAAKoC,CAAE;QACxCmE,eAAe,EAAEtG,UAAU,KAAKmC,CAAE;QAClCE,QAAQ,EAAEA,QAAS;QACnBmC,SAAS,EAAE,IAAI,CAACpG,kBAAmB;QACnCmI,eAAe,EAAE,IAAI,CAACjI,mBAAoB;QAC1CkI,mBAAmB,EAAE,IAAI,CAAChI,uBAAwB;QAClDiI,qBAAqB,EAAE,IAAI,CAAClI;MAA0B,GARjD4D,CASN,CACF;MAED8D,gBAAgB,CAACzD,IAAI,CAAC2D,eAAe,CAAC;IACxC;IAEA,IAAIO,cAAc,GAAG,IAAI;IACzB,IAAIlH,YAAY,CAAC4C,MAAM,GAAG,CAAC,EAAE;MAC3BsE,cAAc,gBACZxJ,IAAA;QAAKyJ,SAAS,EAAC,SAAS;QAAAC,QAAA,eACtB1J,IAAA,CAACF,cAAc;UAAC2J,SAAS,EAAC;QAAgC,CAAE;MAAC,CAC1D,CACN;IACH;IAEA,IAAM;MAAEE,SAAS;MAAE,aAAa,EAAEC;IAAW,CAAC,GAAG,IAAI,CAAC9I,KAAK;;IAE3D;IACA,IAAM+I,WAAW,GACftH,aAAa,KAAK,IAAI,IAAIE,UAAU,KAAK,IAAI,IAAIC,WAAW,KAAK,IAAI;IAEvE,oBACExC,KAAA,CAAAE,SAAA;MAAAsJ,QAAA,gBACExJ,KAAA;QACEuJ,SAAS,EAAEhK,UAAU,CACnB;UAAE,cAAc,EAAE+C;QAAY,CAAC,EAC/B,wBACF,CAAE;QACFsH,KAAK,EAAAC,aAAA;UAAI7H,GAAG;UAAEC;QAAI,GAAKwH,SAAS,CAAG;QACnCT,GAAG,EAAE,IAAI,CAACzH,SAAU;QACpB,4BAAoB;QACpBuI,MAAM,EAAE,IAAI,CAAChJ,UAAW;QACxBiJ,SAAS,EAAE,IAAI,CAAC9I,aAAc;QAC9B+I,YAAY,EAAE,IAAI,CAAC3I,gBAAiB;QACpC4I,aAAa,EAAE5J,WAAW,CAACC,iBAAkB;QAC7C4J,IAAI,EAAC,UAAU;QACfC,QAAQ,EAAE,CAAE;QACZ,eAAaT,UAAW;QAAAF,QAAA,GAEvBX,gBAAgB,EAChBS,cAAc;MAAA,CACZ,CAAC,EACLK,WAAW,IACVtH,aAAa,KAAK,IAAI,IACtBE,UAAU,KAAK,IAAI,IACnBC,WAAW,KAAK,IAAI,iBAClB1C,IAAA,CAACO,WAAW;QAEVqD,OAAO,EAAEvB,SAAS,CAACE,aAAa,CAAC,CAACqB,OAAO,IAAI,EAAG;QAChD0D,SAAS,EAAE,IAAI,CAACpG,kBAAmB;QACnCgB,GAAG,EAAEO,UAAW;QAChBN,IAAI,EAAEO,WAAY;QAClBqE,cAAc,EAAEA,CAACuD,WAAW,EAAEC,YAAY,KAAK;UAC7C,IAAI,CAAC3F,QAAQ,CAAC;YACZnC,UAAU,EAAE6H,WAAW;YACvB5H,WAAW,EAAE6H;UACf,CAAC,CAAC;QACJ,CAAE;QACF5H,kBAAkB,EAAEA,kBAAmB;QACvCC,mBAAmB,EAAEA;MAAoB,UAAA+C,MAAA,CAZ7BpD,aAAa,CAa1B,CACF;IAAA,CACH,CAAC;EAEP;AACF;AAACxB,eAAA,CA3lBKR,WAAW,kBACO;EACpBoC,kBAAkB,EAAE,CAAC;EACrBC,mBAAmB,EAAE,CAAC;EACtB0E,SAASA,CAAA,EAAS;IAChB;EAAA,CACD;EACD9D,YAAYA,CAAA,EAAS;IACnB;EAAA,CACD;EACD+E,YAAYA,CAAA,EAAS;IACnB;EAAA,CACD;EACDjE,OAAO,EAAE,CAAC,CAAC;EACXqF,SAAS,EAAE,CAAC,CAAC;EACb,aAAa,EAAEnF;AACjB,CAAC;AA6kBH,eAAejE,WAAW"}
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenuItem.js","names":["React","classNames","FontAwesomeIcon","vsChevronRight","jsx","_jsx","jsxs","_jsxs","ContextMenuItem","forwardRef","props","ref","_menuItem$shortcutTex","_menuItem$shortcut","handleMenuItemClick","e","menuItem","onMenuItemClick","handleMenuItemMouseMove","onMenuItemMouseMove","handleMenuItemContextMenu","onMenuItemContextMenu","renderCustomMenuElement","element","iconElement","displayShortcut","type","closeMenu","isKeyboardSelected","isMouseSelected","dataTestId","forwardedProps","cloneElement","children","shortcutText","shortcut","getDisplayText","icon","menuItemIcon","isValidElement","style","iconColor","disabled","undefined","color","subMenuIndicator","isSubMenuActive","Boolean","actions","content","menuElement","className","onMouseMove","_menuItem$description","menuItemDisabled","iconHasOutline","iconOutline","active","onClick","onContextMenu","title","description","outline","displayName","defaultProps"],"sources":["../../src/context-actions/ContextMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight, type 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): void {\n const { menuItem, onMenuItemClick } = props;\n onMenuItemClick(menuItem, e);\n }\n\n function handleMenuItemMouseMove(e: React.MouseEvent): void {\n const { menuItem, onMenuItemMouseMove } = props;\n onMenuItemMouseMove(menuItem, e);\n }\n\n function handleMenuItemContextMenu(e: React.MouseEvent): void {\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 = false,\n isMouseSelected = false,\n 'data-testid': dataTestId,\n } = props;\n\n const displayShortcut =\n menuItem.shortcutText ?? 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 (\n menuItem.iconColor != null &&\n (menuItem.disabled === undefined || !menuItem.disabled)\n ) {\n style = { color: menuItem.iconColor };\n }\n icon = <FontAwesomeIcon icon={menuItemIcon} style={style} />;\n }\n }\n\n let subMenuIndicator = null;\n const isSubMenuActive = Boolean(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:\n (isSubMenuActive || isMouseSelected) &&\n (menuItemDisabled === undefined || !menuItemDisabled),\n },\n {\n 'keyboard-active':\n isKeyboardSelected &&\n (menuItemDisabled === undefined || !menuItemDisabled),\n }\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 !== undefined && (\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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","ignoreList":[]}
1
+ {"version":3,"file":"ContextMenuItem.js","names":["React","classNames","FontAwesomeIcon","vsChevronRight","jsx","_jsx","jsxs","_jsxs","ContextMenuItem","forwardRef","props","ref","_menuItem$shortcutTex","_menuItem$shortcut","handleMenuItemClick","e","menuItem","onMenuItemClick","handleMenuItemMouseMove","onMenuItemMouseMove","handleMenuItemContextMenu","onMenuItemContextMenu","renderCustomMenuElement","element","iconElement","displayShortcut","type","closeMenu","isKeyboardSelected","isMouseSelected","dataTestId","forwardedProps","cloneElement","children","shortcutText","shortcut","getDisplayText","icon","menuItemIcon","isValidElement","style","iconColor","disabled","undefined","color","subMenuIndicator","isSubMenuActive","Boolean","actions","content","menuElement","className","onMouseMove","_menuItem$description","menuItemDisabled","iconHasOutline","iconOutline","active","onClick","onContextMenu","title","description","outline","displayName","defaultProps"],"sources":["../../src/context-actions/ContextMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight, type 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): void {\n const { menuItem, onMenuItemClick } = props;\n onMenuItemClick(menuItem, e);\n }\n\n function handleMenuItemMouseMove(e: React.MouseEvent): void {\n const { menuItem, onMenuItemMouseMove } = props;\n onMenuItemMouseMove(menuItem, e);\n }\n\n function handleMenuItemContextMenu(e: React.MouseEvent): void {\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 = false,\n isMouseSelected = false,\n 'data-testid': dataTestId,\n } = props;\n\n const displayShortcut =\n menuItem.shortcutText ?? 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 (\n menuItem.iconColor != null &&\n (menuItem.disabled === undefined || !menuItem.disabled)\n ) {\n style = { color: menuItem.iconColor };\n }\n icon = <FontAwesomeIcon icon={menuItemIcon} style={style} />;\n }\n }\n\n let subMenuIndicator = null;\n const isSubMenuActive = Boolean(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:\n (isSubMenuActive || isMouseSelected) &&\n (menuItemDisabled === undefined || !menuItemDisabled),\n },\n {\n 'keyboard-active':\n isKeyboardSelected &&\n (menuItemDisabled === undefined || !menuItemDisabled),\n }\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 !== undefined && (\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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"}
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenuRoot.js","names":["React","Component","classNames","ContextMenu","ContextActionUtils","jsx","_jsx","ContextMenuRoot","constructor","props","_defineProperty","handleMenuClose","bind","handleContextMenu","container","createRef","openMenu","state","actions","left","top","componentDidMount","_this$container$curre","current","parentElement","addEventListener","componentWillUnmount","_this$container$curre2","removeEventListener","e","parentRect","getBoundingClientRect","clientY","clientX","target","preventDefault","setState","element","document","elementFromPoint","mouseEvent","MouseEvent","bubbles","cancelable","dispatchEvent","isContextActionEvent","metaKey","ctrlKey","contextActions","getMenuItems","length","menu","render","dataTestId","ref","onMenuClosed","updatePosition","verifiedTop","verifiedLeft","className","active","children"],"sources":["../../src/context-actions/ContextMenuRoot.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport ContextMenu from './ContextMenu';\nimport ContextActionUtils, { type MenuItem } from './ContextActionUtils';\n\ntype ContextMenuRootProps = Record<string, never> & {\n 'data-testid'?: string;\n};\n\ninterface ContextMenuRootState {\n actions: MenuItem[] | null;\n left: number;\n top: number;\n}\n\n/**\n * Put at your root container, any contextmenu events that are unhandled in the root container will be handled by this\n */\nclass ContextMenuRoot extends Component<\n ContextMenuRootProps,\n ContextMenuRootState\n> {\n constructor(props: ContextMenuRootProps) {\n super(props);\n\n this.handleMenuClose = this.handleMenuClose.bind(this);\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.container = React.createRef();\n this.openMenu = React.createRef();\n\n this.state = {\n actions: null,\n left: 0,\n top: 0,\n };\n }\n\n componentDidMount(): void {\n if (this.container.current?.parentElement) {\n this.container.current.parentElement.addEventListener(\n 'contextmenu',\n this.handleContextMenu\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 }\n }\n\n container: React.RefObject<HTMLDivElement>;\n\n openMenu: React.RefObject<ContextMenu>;\n\n handleContextMenu(e: MouseEvent): void {\n if (!this.container.current) {\n return;\n }\n\n const parentRect = this.container.current.getBoundingClientRect();\n const top = e.clientY - parentRect.top;\n const left = e.clientX - parentRect.left;\n const { actions } = this.state;\n\n // Context menu is open and user clicked on the context-root blocking layer\n // Mac and Linux appear to trigger contextmenu events on mousedown vs. mouseup on Windows\n // Mouseup on Windows triggers blur before contextmenu which effectively does what this path does\n if (actions != null && e.target === this.container.current) {\n // re-emit right clicks that hit the context-root blocking layer\n // while we already have a custom context menu open\n e.preventDefault();\n\n // Set actions to null removes the menu\n // That allows a new menu to be opened on a different element so initial position is set properly\n // Otherwise the instance of this menu may be reused\n // A new contextmenu event is triggered on the element at the location the user clicked on the blocking layer\n this.setState({ actions: null }, () => {\n const element = document.elementFromPoint(left, top); // x y\n\n const mouseEvent = new MouseEvent('contextmenu', {\n clientX: e.clientX,\n clientY: e.clientY,\n bubbles: true,\n cancelable: true,\n });\n\n element?.dispatchEvent(mouseEvent);\n });\n return;\n }\n\n if (!ContextActionUtils.isContextActionEvent(e)) {\n // Open native menu if no custom context actions\n return;\n }\n\n if (e.metaKey || e.ctrlKey) {\n // debug escape hatch to native menu\n return;\n }\n\n const contextActions = ContextActionUtils.getMenuItems(e.contextActions);\n\n if (contextActions.length === 0) {\n // No actions after filtering. Use native menu\n return;\n }\n\n // new clicks, set actions\n e.preventDefault();\n this.setState({\n actions: contextActions,\n top,\n left,\n });\n }\n\n handleMenuClose(menu: ContextMenu): void {\n if (menu === this.openMenu.current) {\n this.setState({ actions: null });\n }\n }\n\n render(): JSX.Element {\n let menu = null;\n const { 'data-testid': dataTestId } = this.props;\n const { actions, top, left } = this.state;\n if (actions) {\n menu = (\n <ContextMenu\n ref={this.openMenu}\n actions={actions}\n onMenuClosed={this.handleMenuClose}\n top={top}\n left={left}\n updatePosition={(verifiedTop, verifiedLeft) => {\n this.setState({ top: verifiedTop, left: verifiedLeft });\n }}\n data-testid={dataTestId}\n />\n );\n }\n return (\n <div\n className={classNames('context-menu-root', { active: actions })}\n ref={this.container}\n >\n {menu}\n </div>\n );\n }\n}\n\nexport default ContextMenuRoot;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ContextMenuRoot.js","names":["React","Component","classNames","ContextMenu","ContextActionUtils","jsx","_jsx","ContextMenuRoot","constructor","props","_defineProperty","handleMenuClose","bind","handleContextMenu","container","createRef","openMenu","state","actions","left","top","componentDidMount","_this$container$curre","current","parentElement","addEventListener","componentWillUnmount","_this$container$curre2","removeEventListener","e","parentRect","getBoundingClientRect","clientY","clientX","target","preventDefault","setState","element","document","elementFromPoint","mouseEvent","MouseEvent","bubbles","cancelable","dispatchEvent","isContextActionEvent","metaKey","ctrlKey","contextActions","getMenuItems","length","menu","render","dataTestId","ref","onMenuClosed","updatePosition","verifiedTop","verifiedLeft","className","active","children"],"sources":["../../src/context-actions/ContextMenuRoot.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport ContextMenu from './ContextMenu';\nimport ContextActionUtils, { type MenuItem } from './ContextActionUtils';\n\ntype ContextMenuRootProps = Record<string, never> & {\n 'data-testid'?: string;\n};\n\ninterface ContextMenuRootState {\n actions: MenuItem[] | null;\n left: number;\n top: number;\n}\n\n/**\n * Put at your root container, any contextmenu events that are unhandled in the root container will be handled by this\n */\nclass ContextMenuRoot extends Component<\n ContextMenuRootProps,\n ContextMenuRootState\n> {\n constructor(props: ContextMenuRootProps) {\n super(props);\n\n this.handleMenuClose = this.handleMenuClose.bind(this);\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.container = React.createRef();\n this.openMenu = React.createRef();\n\n this.state = {\n actions: null,\n left: 0,\n top: 0,\n };\n }\n\n componentDidMount(): void {\n if (this.container.current?.parentElement) {\n this.container.current.parentElement.addEventListener(\n 'contextmenu',\n this.handleContextMenu\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 }\n }\n\n container: React.RefObject<HTMLDivElement>;\n\n openMenu: React.RefObject<ContextMenu>;\n\n handleContextMenu(e: MouseEvent): void {\n if (!this.container.current) {\n return;\n }\n\n const parentRect = this.container.current.getBoundingClientRect();\n const top = e.clientY - parentRect.top;\n const left = e.clientX - parentRect.left;\n const { actions } = this.state;\n\n // Context menu is open and user clicked on the context-root blocking layer\n // Mac and Linux appear to trigger contextmenu events on mousedown vs. mouseup on Windows\n // Mouseup on Windows triggers blur before contextmenu which effectively does what this path does\n if (actions != null && e.target === this.container.current) {\n // re-emit right clicks that hit the context-root blocking layer\n // while we already have a custom context menu open\n e.preventDefault();\n\n // Set actions to null removes the menu\n // That allows a new menu to be opened on a different element so initial position is set properly\n // Otherwise the instance of this menu may be reused\n // A new contextmenu event is triggered on the element at the location the user clicked on the blocking layer\n this.setState({ actions: null }, () => {\n const element = document.elementFromPoint(left, top); // x y\n\n const mouseEvent = new MouseEvent('contextmenu', {\n clientX: e.clientX,\n clientY: e.clientY,\n bubbles: true,\n cancelable: true,\n });\n\n element?.dispatchEvent(mouseEvent);\n });\n return;\n }\n\n if (!ContextActionUtils.isContextActionEvent(e)) {\n // Open native menu if no custom context actions\n return;\n }\n\n if (e.metaKey || e.ctrlKey) {\n // debug escape hatch to native menu\n return;\n }\n\n const contextActions = ContextActionUtils.getMenuItems(e.contextActions);\n\n if (contextActions.length === 0) {\n // No actions after filtering. Use native menu\n return;\n }\n\n // new clicks, set actions\n e.preventDefault();\n this.setState({\n actions: contextActions,\n top,\n left,\n });\n }\n\n handleMenuClose(menu: ContextMenu): void {\n if (menu === this.openMenu.current) {\n this.setState({ actions: null });\n }\n }\n\n render(): JSX.Element {\n let menu = null;\n const { 'data-testid': dataTestId } = this.props;\n const { actions, top, left } = this.state;\n if (actions) {\n menu = (\n <ContextMenu\n ref={this.openMenu}\n actions={actions}\n onMenuClosed={this.handleMenuClose}\n top={top}\n left={left}\n updatePosition={(verifiedTop, verifiedLeft) => {\n this.setState({ top: verifiedTop, left: verifiedLeft });\n }}\n data-testid={dataTestId}\n />\n );\n }\n return (\n <div\n className={classNames('context-menu-root', { active: actions })}\n ref={this.container}\n >\n {menu}\n </div>\n );\n }\n}\n\nexport default ContextMenuRoot;\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalContextAction.js","names":["Component","Log","ContextActionUtils","log","module","GlobalContextAction","constructor","props","handleContextMenu","bind","handleKeyDown","componentDidMount","document","body","addEventListener","componentWillUnmount","removeEventListener","evt","e","contextActions","action","title","menuElement","push","debug","actionsDisabled","shortcut","undefined","matchesEvent","_action$action","call","preventDefault","stopPropagation","render"],"sources":["../../src/context-actions/GlobalContextAction.tsx"],"sourcesContent":["import { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\n\nconst log = Log.module('GlobalContextAction');\n\ninterface GlobalContextActionProps {\n action: ContextAction;\n}\n\nclass GlobalContextAction extends Component<GlobalContextActionProps> {\n constructor(props: GlobalContextActionProps) {\n super(props);\n\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n }\n\n componentDidMount(): void {\n document.body.addEventListener('contextmenu', this.handleContextMenu);\n document.body.addEventListener('keydown', this.handleKeyDown);\n }\n\n componentWillUnmount(): void {\n document.body.removeEventListener('contextmenu', this.handleContextMenu);\n document.body.removeEventListener('keydown', this.handleKeyDown);\n }\n\n handleContextMenu(evt: MouseEvent): void {\n const e = evt as ContextActionEvent;\n if (e.contextActions == null) {\n e.contextActions = [];\n }\n\n const { action } = this.props;\n\n if (action.title == null && !action.menuElement) {\n return;\n }\n\n if (e.contextActions == null) {\n e.contextActions = [];\n }\n\n e.contextActions.push(action);\n\n log.debug(\n 'Received context menu event at global action! Menu items are now: ',\n e.contextActions\n );\n }\n\n handleKeyDown(e: KeyboardEvent): void {\n const { action } = this.props;\n if (\n !ContextActionUtils.actionsDisabled &&\n action.shortcut !== undefined &&\n action.shortcut.matchesEvent(e)\n ) {\n log.debug('Global hotkey matched!', e);\n\n action.action?.(e);\n\n e.preventDefault();\n e.stopPropagation();\n }\n }\n\n render(): null {\n return null;\n }\n}\n\nexport default GlobalContextAction;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,OAAOC,GAAG,MAAM,gBAAgB;AAAC,OAC1BC,kBAAkB;AAGzB,IAAMC,GAAG,GAAGF,GAAG,CAACG,MAAM,CAAC,qBAAqB,CAAC;AAM7C,MAAMC,mBAAmB,SAASL,SAAS,CAA2B;EACpEM,WAAWA,CAACC,KAA+B,EAAE;IAC3C,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACC,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACD,IAAI,CAAC,IAAI,CAAC;EACpD;EAEAE,iBAAiBA,CAAA,EAAS;IACxBC,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAACN,iBAAiB,CAAC;IACrEI,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACJ,aAAa,CAAC;EAC/D;EAEAK,oBAAoBA,CAAA,EAAS;IAC3BH,QAAQ,CAACC,IAAI,CAACG,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAACR,iBAAiB,CAAC;IACxEI,QAAQ,CAACC,IAAI,CAACG,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACN,aAAa,CAAC;EAClE;EAEAF,iBAAiBA,CAACS,GAAe,EAAQ;IACvC,IAAMC,CAAC,GAAGD,GAAyB;IACnC,IAAIC,CAAC,CAACC,cAAc,IAAI,IAAI,EAAE;MAC5BD,CAAC,CAACC,cAAc,GAAG,EAAE;IACvB;IAEA,IAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACb,KAAK;IAE7B,IAAIa,MAAM,CAACC,KAAK,IAAI,IAAI,IAAI,CAACD,MAAM,CAACE,WAAW,EAAE;MAC/C;IACF;IAEA,IAAIJ,CAAC,CAACC,cAAc,IAAI,IAAI,EAAE;MAC5BD,CAAC,CAACC,cAAc,GAAG,EAAE;IACvB;IAEAD,CAAC,CAACC,cAAc,CAACI,IAAI,CAACH,MAAM,CAAC;IAE7BjB,GAAG,CAACqB,KAAK,CACP,oEAAoE,EACpEN,CAAC,CAACC,cACJ,CAAC;EACH;EAEAT,aAAaA,CAACQ,CAAgB,EAAQ;IACpC,IAAM;MAAEE;IAAO,CAAC,GAAG,IAAI,CAACb,KAAK;IAC7B,IACE,CAACL,kBAAkB,CAACuB,eAAe,IACnCL,MAAM,CAACM,QAAQ,KAAKC,SAAS,IAC7BP,MAAM,CAACM,QAAQ,CAACE,YAAY,CAACV,CAAC,CAAC,EAC/B;MAAA,IAAAW,cAAA;MACA1B,GAAG,CAACqB,KAAK,CAAC,wBAAwB,EAAEN,CAAC,CAAC;MAEtC,CAAAW,cAAA,GAAAT,MAAM,CAACA,MAAM,cAAAS,cAAA,uBAAbA,cAAA,CAAAC,IAAA,CAAAV,MAAM,EAAUF,CAAC,CAAC;MAElBA,CAAC,CAACa,cAAc,CAAC,CAAC;MAClBb,CAAC,CAACc,eAAe,CAAC,CAAC;IACrB;EACF;EAEAC,MAAMA,CAAA,EAAS;IACb,OAAO,IAAI;EACb;AACF;AAEA,eAAe5B,mBAAmB","ignoreList":[]}
1
+ {"version":3,"file":"GlobalContextAction.js","names":["Component","Log","ContextActionUtils","log","module","GlobalContextAction","constructor","props","handleContextMenu","bind","handleKeyDown","componentDidMount","document","body","addEventListener","componentWillUnmount","removeEventListener","evt","e","contextActions","action","title","menuElement","push","debug","actionsDisabled","shortcut","undefined","matchesEvent","_action$action","call","preventDefault","stopPropagation","render"],"sources":["../../src/context-actions/GlobalContextAction.tsx"],"sourcesContent":["import { Component } from 'react';\nimport Log from '@deephaven/log';\nimport ContextActionUtils from './ContextActionUtils';\nimport type { ContextAction, ContextActionEvent } from './ContextActionUtils';\n\nconst log = Log.module('GlobalContextAction');\n\ninterface GlobalContextActionProps {\n action: ContextAction;\n}\n\nclass GlobalContextAction extends Component<GlobalContextActionProps> {\n constructor(props: GlobalContextActionProps) {\n super(props);\n\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n }\n\n componentDidMount(): void {\n document.body.addEventListener('contextmenu', this.handleContextMenu);\n document.body.addEventListener('keydown', this.handleKeyDown);\n }\n\n componentWillUnmount(): void {\n document.body.removeEventListener('contextmenu', this.handleContextMenu);\n document.body.removeEventListener('keydown', this.handleKeyDown);\n }\n\n handleContextMenu(evt: MouseEvent): void {\n const e = evt as ContextActionEvent;\n if (e.contextActions == null) {\n e.contextActions = [];\n }\n\n const { action } = this.props;\n\n if (action.title == null && !action.menuElement) {\n return;\n }\n\n if (e.contextActions == null) {\n e.contextActions = [];\n }\n\n e.contextActions.push(action);\n\n log.debug(\n 'Received context menu event at global action! Menu items are now: ',\n e.contextActions\n );\n }\n\n handleKeyDown(e: KeyboardEvent): void {\n const { action } = this.props;\n if (\n !ContextActionUtils.actionsDisabled &&\n action.shortcut !== undefined &&\n action.shortcut.matchesEvent(e)\n ) {\n log.debug('Global hotkey matched!', e);\n\n action.action?.(e);\n\n e.preventDefault();\n e.stopPropagation();\n }\n }\n\n render(): null {\n return null;\n }\n}\n\nexport default GlobalContextAction;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,OAAOC,GAAG,MAAM,gBAAgB;AAAC,OAC1BC,kBAAkB;AAGzB,IAAMC,GAAG,GAAGF,GAAG,CAACG,MAAM,CAAC,qBAAqB,CAAC;AAM7C,MAAMC,mBAAmB,SAASL,SAAS,CAA2B;EACpEM,WAAWA,CAACC,KAA+B,EAAE;IAC3C,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACC,IAAI,CAAC,IAAI,CAAC;IAC1D,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACD,IAAI,CAAC,IAAI,CAAC;EACpD;EAEAE,iBAAiBA,CAAA,EAAS;IACxBC,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAACN,iBAAiB,CAAC;IACrEI,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACJ,aAAa,CAAC;EAC/D;EAEAK,oBAAoBA,CAAA,EAAS;IAC3BH,QAAQ,CAACC,IAAI,CAACG,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAACR,iBAAiB,CAAC;IACxEI,QAAQ,CAACC,IAAI,CAACG,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACN,aAAa,CAAC;EAClE;EAEAF,iBAAiBA,CAACS,GAAe,EAAQ;IACvC,IAAMC,CAAC,GAAGD,GAAyB;IACnC,IAAIC,CAAC,CAACC,cAAc,IAAI,IAAI,EAAE;MAC5BD,CAAC,CAACC,cAAc,GAAG,EAAE;IACvB;IAEA,IAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACb,KAAK;IAE7B,IAAIa,MAAM,CAACC,KAAK,IAAI,IAAI,IAAI,CAACD,MAAM,CAACE,WAAW,EAAE;MAC/C;IACF;IAEA,IAAIJ,CAAC,CAACC,cAAc,IAAI,IAAI,EAAE;MAC5BD,CAAC,CAACC,cAAc,GAAG,EAAE;IACvB;IAEAD,CAAC,CAACC,cAAc,CAACI,IAAI,CAACH,MAAM,CAAC;IAE7BjB,GAAG,CAACqB,KAAK,CACP,oEAAoE,EACpEN,CAAC,CAACC,cACJ,CAAC;EACH;EAEAT,aAAaA,CAACQ,CAAgB,EAAQ;IACpC,IAAM;MAAEE;IAAO,CAAC,GAAG,IAAI,CAACb,KAAK;IAC7B,IACE,CAACL,kBAAkB,CAACuB,eAAe,IACnCL,MAAM,CAACM,QAAQ,KAAKC,SAAS,IAC7BP,MAAM,CAACM,QAAQ,CAACE,YAAY,CAACV,CAAC,CAAC,EAC/B;MAAA,IAAAW,cAAA;MACA1B,GAAG,CAACqB,KAAK,CAAC,wBAAwB,EAAEN,CAAC,CAAC;MAEtC,CAAAW,cAAA,GAAAT,MAAM,CAACA,MAAM,cAAAS,cAAA,uBAAbA,cAAA,CAAAC,IAAA,CAAAV,MAAM,EAAUF,CAAC,CAAC;MAElBA,CAAC,CAACa,cAAc,CAAC,CAAC;MAClBb,CAAC,CAACc,eAAe,CAAC,CAAC;IACrB;EACF;EAEAC,MAAMA,CAAA,EAAS;IACb,OAAO,IAAI;EACb;AACF;AAEA,eAAe5B,mBAAmB"}
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalContextActions.js","names":["React","Component","GlobalContextAction","jsx","_jsx","GlobalContextActions","render","actions","dataTestId","props","actionElements","i","length","action","shortcut","title","menuElement","actionElement","concat","id","push"],"sources":["../../src/context-actions/GlobalContextActions.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport GlobalContextAction from './GlobalContextAction';\nimport type { ContextAction } from './ContextActionUtils';\n\ninterface GlobalContextActionsProps {\n actions: ContextAction[];\n 'data-testid'?: string;\n}\n\nclass GlobalContextActions extends Component<GlobalContextActionsProps> {\n render(): React.ReactNode {\n const { actions, 'data-testid': dataTestId } = this.props;\n const actionElements = [];\n for (let i = 0; i < actions.length; i += 1) {\n const action = actions[i];\n const { shortcut } = action;\n if (action.title != null || action.menuElement || shortcut) {\n const actionElement = (\n <GlobalContextAction\n key={`${action.title}.${shortcut?.id}`}\n action={action}\n data-testid={dataTestId}\n />\n );\n actionElements.push(actionElement);\n }\n }\n return actionElements;\n }\n}\n\nexport default GlobalContextActions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAAC,OAClCC,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQ1B,MAAMC,oBAAoB,SAASJ,SAAS,CAA4B;EACtEK,MAAMA,CAAA,EAAoB;IACxB,IAAM;MAAEC,OAAO;MAAE,aAAa,EAAEC;IAAW,CAAC,GAAG,IAAI,CAACC,KAAK;IACzD,IAAMC,cAAc,GAAG,EAAE;IACzB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGJ,OAAO,CAACK,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MAC1C,IAAME,MAAM,GAAGN,OAAO,CAACI,CAAC,CAAC;MACzB,IAAM;QAAEG;MAAS,CAAC,GAAGD,MAAM;MAC3B,IAAIA,MAAM,CAACE,KAAK,IAAI,IAAI,IAAIF,MAAM,CAACG,WAAW,IAAIF,QAAQ,EAAE;QAC1D,IAAMG,aAAa,gBACjBb,IAAA,CAACF,mBAAmB;UAElBW,MAAM,EAAEA,MAAO;UACf,eAAaL;QAAW,MAAAU,MAAA,CAFhBL,MAAM,CAACE,KAAK,OAAAG,MAAA,CAAIJ,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEK,EAAE,CAGrC,CACF;QACDT,cAAc,CAACU,IAAI,CAACH,aAAa,CAAC;MACpC;IACF;IACA,OAAOP,cAAc;EACvB;AACF;AAEA,eAAeL,oBAAoB","ignoreList":[]}
1
+ {"version":3,"file":"GlobalContextActions.js","names":["React","Component","GlobalContextAction","jsx","_jsx","GlobalContextActions","render","actions","dataTestId","props","actionElements","i","length","action","shortcut","title","menuElement","actionElement","concat","id","push"],"sources":["../../src/context-actions/GlobalContextActions.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport GlobalContextAction from './GlobalContextAction';\nimport type { ContextAction } from './ContextActionUtils';\n\ninterface GlobalContextActionsProps {\n actions: ContextAction[];\n 'data-testid'?: string;\n}\n\nclass GlobalContextActions extends Component<GlobalContextActionsProps> {\n render(): React.ReactNode {\n const { actions, 'data-testid': dataTestId } = this.props;\n const actionElements = [];\n for (let i = 0; i < actions.length; i += 1) {\n const action = actions[i];\n const { shortcut } = action;\n if (action.title != null || action.menuElement || shortcut) {\n const actionElement = (\n <GlobalContextAction\n key={`${action.title}.${shortcut?.id}`}\n action={action}\n data-testid={dataTestId}\n />\n );\n actionElements.push(actionElement);\n }\n }\n return actionElements;\n }\n}\n\nexport default GlobalContextActions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAAC,OAClCC,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQ1B,MAAMC,oBAAoB,SAASJ,SAAS,CAA4B;EACtEK,MAAMA,CAAA,EAAoB;IACxB,IAAM;MAAEC,OAAO;MAAE,aAAa,EAAEC;IAAW,CAAC,GAAG,IAAI,CAACC,KAAK;IACzD,IAAMC,cAAc,GAAG,EAAE;IACzB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGJ,OAAO,CAACK,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MAC1C,IAAME,MAAM,GAAGN,OAAO,CAACI,CAAC,CAAC;MACzB,IAAM;QAAEG;MAAS,CAAC,GAAGD,MAAM;MAC3B,IAAIA,MAAM,CAACE,KAAK,IAAI,IAAI,IAAIF,MAAM,CAACG,WAAW,IAAIF,QAAQ,EAAE;QAC1D,IAAMG,aAAa,gBACjBb,IAAA,CAACF,mBAAmB;UAElBW,MAAM,EAAEA,MAAO;UACf,eAAaL;QAAW,MAAAU,MAAA,CAFhBL,MAAM,CAACE,KAAK,OAAAG,MAAA,CAAIJ,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEK,EAAE,CAGrC,CACF;QACDT,cAAc,CAACU,IAAI,CAACH,aAAa,CAAC;MACpC;IACF;IACA,OAAOP,cAAc;EACvB;AACF;AAEA,eAAeL,oBAAoB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default","ContextActions","ContextActionUtils","ContextMenuItem","ContextMenuRoot"],"sources":["../../src/context-actions/index.ts"],"sourcesContent":["export { default as ContextActions } from './ContextActions';\nexport { default as ContextActionUtils } from './ContextActionUtils';\nexport type { ContextAction } from './ContextActionUtils';\nexport { default as ContextMenuItem } from './ContextMenuItem';\nexport { default as ContextMenuRoot } from './ContextMenuRoot';\nexport type { ResolvableContextAction } from './ContextActionUtils';\n"],"mappings":"SAASA,OAAO,IAAIC,cAAc;AAAA,SACzBD,OAAO,IAAIE,kBAAkB;AAAA,SAE7BF,OAAO,IAAIG,eAAe;AAAA,SAC1BH,OAAO,IAAII,eAAe","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["default","ContextActions","ContextActionUtils","ContextMenuItem","ContextMenuRoot"],"sources":["../../src/context-actions/index.ts"],"sourcesContent":["export { default as ContextActions } from './ContextActions';\nexport { default as ContextActionUtils } from './ContextActionUtils';\nexport type { ContextAction } from './ContextActionUtils';\nexport { default as ContextMenuItem } from './ContextMenuItem';\nexport { default as ContextMenuRoot } from './ContextMenuRoot';\nexport type { ResolvableContextAction } from './ContextActionUtils';\n"],"mappings":"SAASA,OAAO,IAAIC,cAAc;AAAA,SACzBD,OAAO,IAAIE,kBAAkB;AAAA,SAE7BF,OAAO,IAAIG,eAAe;AAAA,SAC1BH,OAAO,IAAII,eAAe"}
@@ -1 +1 @@
1
- {"version":3,"file":"declaration.d.js","names":[],"sources":["../src/declaration.d.ts"],"sourcesContent":["declare module '*.module.css' {\n const content: Record<string, string>;\n export default content;\n}\ndeclare module '*.module.scss' {\n const content: Record<string, string>;\n export default content;\n}\n\ndeclare module '*.css?inline' {\n const content: string;\n export default content;\n}\n\ndeclare module '*.scss?inline' {\n const content: string;\n export default content;\n}\n\ndeclare module '*.css?raw' {\n const content: string;\n export default content;\n}\n\ndeclare module '*.scss?raw' {\n const content: string;\n export default content;\n}\n\ndeclare module '*.scss';\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"declaration.d.js","names":[],"sources":["../src/declaration.d.ts"],"sourcesContent":["declare module '*.module.css' {\n const content: Record<string, string>;\n export default content;\n}\ndeclare module '*.module.scss' {\n const content: Record<string, string>;\n export default content;\n}\n\ndeclare module '*.css?inline' {\n const content: string;\n export default content;\n}\n\ndeclare module '*.scss?inline' {\n const content: string;\n export default content;\n}\n\ndeclare module '*.css?raw' {\n const content: string;\n export default content;\n}\n\ndeclare module '*.scss?raw' {\n const content: string;\n export default content;\n}\n\ndeclare module '*.scss';\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"ActionButtonDialogTrigger.js","names":["FontAwesomeIcon","ActionButton","DialogTrigger","Icon","Text","Tooltip","jsx","_jsx","jsxs","_jsxs","ActionButtonDialogTrigger","_ref","ariaLabel","icon","isQuiet","labelText","children","onOpenChange","tooltip","styleProps","_objectWithoutProperties","_excluded","iconClassName","undefined","type","_objectSpread","UNSAFE_className"],"sources":["../../src/dialogs/ActionButtonDialogTrigger.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport type { SpectrumDialogClose } from '@react-types/dialog';\nimport type { StyleProps } from '@react-types/shared';\nimport type { IconDefinition } from '@fortawesome/fontawesome-common-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { ActionButton, DialogTrigger, Icon, Text } from '../spectrum';\nimport { Tooltip } from '../popper';\n\nexport interface ActionButtonDialogTriggerProps extends StyleProps {\n icon: IconDefinition;\n isQuiet?: boolean;\n labelText?: string;\n ariaLabel?: string;\n tooltip?: string;\n children: SpectrumDialogClose | ReactElement;\n onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * Dialog trigger based on an ActionButton.\n */\nexport function ActionButtonDialogTrigger({\n ariaLabel,\n icon,\n isQuiet,\n labelText,\n children,\n onOpenChange,\n tooltip,\n ...styleProps\n}: ActionButtonDialogTriggerProps): JSX.Element {\n const iconClassName =\n labelText == null && tooltip != null\n ? 'action-button-icon-with-tooltip'\n : undefined;\n\n return (\n <DialogTrigger type=\"popover\" onOpenChange={onOpenChange}>\n <ActionButton\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...styleProps}\n aria-label={ariaLabel ?? labelText}\n isQuiet={isQuiet}\n >\n <Icon UNSAFE_className={iconClassName}>\n <FontAwesomeIcon icon={icon} />\n </Icon>\n {labelText == null ? null : <Text>{labelText}</Text>}\n {tooltip == null ? null : <Tooltip>{tooltip}</Tooltip>}\n </ActionButton>\n {children}\n </DialogTrigger>\n );\n}\n\nexport default ActionButtonDialogTrigger;\n"],"mappings":";;;;;;;;AAIA,SAASA,eAAe,QAAQ,gCAAgC;AAAC,SACxDC,YAAY,EAAEC,aAAa,EAAEC,IAAI,EAAEC,IAAI;AAAA,SACvCC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAYhB;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAAC,IAAA,EASO;EAAA,IATN;MACxCC,SAAS;MACTC,IAAI;MACJC,OAAO;MACPC,SAAS;MACTC,QAAQ;MACRC,YAAY;MACZC;IAE8B,CAAC,GAAAP,IAAA;IAD5BQ,UAAU,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAEb,IAAMC,aAAa,GACjBP,SAAS,IAAI,IAAI,IAAIG,OAAO,IAAI,IAAI,GAChC,iCAAiC,GACjCK,SAAS;EAEf,oBACEd,KAAA,CAACP,aAAa;IAACsB,IAAI,EAAC,SAAS;IAACP,YAAY,EAAEA,YAAa;IAAAD,QAAA,gBACvDP,KAAA,CAACR;IACC;IAAA,EAAAwB,aAAA,CAAAA,aAAA,KACIN,UAAU;MACd,cAAYP,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIG,SAAU;MACnCD,OAAO,EAAEA,OAAQ;MAAAE,QAAA,gBAEjBT,IAAA,CAACJ,IAAI;QAACuB,gBAAgB,EAAEJ,aAAc;QAAAN,QAAA,eACpCT,IAAA,CAACP,eAAe;UAACa,IAAI,EAAEA;QAAK,CAAE;MAAC,CAC3B,CAAC,EACNE,SAAS,IAAI,IAAI,GAAG,IAAI,gBAAGR,IAAA,CAACH,IAAI;QAAAY,QAAA,EAAED;MAAS,CAAO,CAAC,EACnDG,OAAO,IAAI,IAAI,GAAG,IAAI,gBAAGX,IAAA,CAACF,OAAO;QAAAW,QAAA,EAAEE;MAAO,CAAU,CAAC;IAAA,EAC1C,CAAC,EACdF,QAAQ;EAAA,CACI,CAAC;AAEpB;AAEA,eAAeN,yBAAyB","ignoreList":[]}
1
+ {"version":3,"file":"ActionButtonDialogTrigger.js","names":["FontAwesomeIcon","ActionButton","DialogTrigger","Icon","Text","Tooltip","jsx","_jsx","jsxs","_jsxs","ActionButtonDialogTrigger","_ref","ariaLabel","icon","isQuiet","labelText","children","onOpenChange","tooltip","styleProps","_objectWithoutProperties","_excluded","iconClassName","undefined","type","_objectSpread","UNSAFE_className"],"sources":["../../src/dialogs/ActionButtonDialogTrigger.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport type { SpectrumDialogClose } from '@react-types/dialog';\nimport type { StyleProps } from '@react-types/shared';\nimport type { IconDefinition } from '@fortawesome/fontawesome-common-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { ActionButton, DialogTrigger, Icon, Text } from '../spectrum';\nimport { Tooltip } from '../popper';\n\nexport interface ActionButtonDialogTriggerProps extends StyleProps {\n icon: IconDefinition;\n isQuiet?: boolean;\n labelText?: string;\n ariaLabel?: string;\n tooltip?: string;\n children: SpectrumDialogClose | ReactElement;\n onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * Dialog trigger based on an ActionButton.\n */\nexport function ActionButtonDialogTrigger({\n ariaLabel,\n icon,\n isQuiet,\n labelText,\n children,\n onOpenChange,\n tooltip,\n ...styleProps\n}: ActionButtonDialogTriggerProps): JSX.Element {\n const iconClassName =\n labelText == null && tooltip != null\n ? 'action-button-icon-with-tooltip'\n : undefined;\n\n return (\n <DialogTrigger type=\"popover\" onOpenChange={onOpenChange}>\n <ActionButton\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...styleProps}\n aria-label={ariaLabel ?? labelText}\n isQuiet={isQuiet}\n >\n <Icon UNSAFE_className={iconClassName}>\n <FontAwesomeIcon icon={icon} />\n </Icon>\n {labelText == null ? null : <Text>{labelText}</Text>}\n {tooltip == null ? null : <Tooltip>{tooltip}</Tooltip>}\n </ActionButton>\n {children}\n </DialogTrigger>\n );\n}\n\nexport default ActionButtonDialogTrigger;\n"],"mappings":";;;;;;;;AAIA,SAASA,eAAe,QAAQ,gCAAgC;AAAC,SACxDC,YAAY,EAAEC,aAAa,EAAEC,IAAI,EAAEC,IAAI;AAAA,SACvCC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAYhB;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAAC,IAAA,EASO;EAAA,IATN;MACxCC,SAAS;MACTC,IAAI;MACJC,OAAO;MACPC,SAAS;MACTC,QAAQ;MACRC,YAAY;MACZC;IAE8B,CAAC,GAAAP,IAAA;IAD5BQ,UAAU,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAEb,IAAMC,aAAa,GACjBP,SAAS,IAAI,IAAI,IAAIG,OAAO,IAAI,IAAI,GAChC,iCAAiC,GACjCK,SAAS;EAEf,oBACEd,KAAA,CAACP,aAAa;IAACsB,IAAI,EAAC,SAAS;IAACP,YAAY,EAAEA,YAAa;IAAAD,QAAA,gBACvDP,KAAA,CAACR;IACC;IAAA,EAAAwB,aAAA,CAAAA,aAAA,KACIN,UAAU;MACd,cAAYP,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIG,SAAU;MACnCD,OAAO,EAAEA,OAAQ;MAAAE,QAAA,gBAEjBT,IAAA,CAACJ,IAAI;QAACuB,gBAAgB,EAAEJ,aAAc;QAAAN,QAAA,eACpCT,IAAA,CAACP,eAAe;UAACa,IAAI,EAAEA;QAAK,CAAE;MAAC,CAC3B,CAAC,EACNE,SAAS,IAAI,IAAI,GAAG,IAAI,gBAAGR,IAAA,CAACH,IAAI;QAAAY,QAAA,EAAED;MAAS,CAAO,CAAC,EACnDG,OAAO,IAAI,IAAI,GAAG,IAAI,gBAAGX,IAAA,CAACF,OAAO;QAAAW,QAAA,EAAEE;MAAO,CAAU,CAAC;IAAA,EAC1C,CAAC,EACdF,QAAQ;EAAA,CACI,CAAC;AAEpB;AAEA,eAAeN,yBAAyB"}
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmationDialog.js","names":["useFormWithDetachedSubmitButton","SpectrumButton","ButtonGroup","Content","Dialog","Divider","Form","Heading","styles","jsx","_jsx","jsxs","_jsxs","ConfirmationDialog","_ref","heading","confirmationButtonLabel","children","onCancel","onConfirm","formProps","submitButtonProps","level","UNSAFE_className","spectrumDialogComponentHeading","_objectSpread","variant","onPress","style","type"],"sources":["../../src/dialogs/ConfirmationDialog.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { type ReactElement, type ReactNode } from 'react';\nimport type { SpectrumLabelableProps } from '@react-types/shared';\nimport { useFormWithDetachedSubmitButton } from '@deephaven/react-hooks';\nimport {\n SpectrumButton,\n ButtonGroup,\n Content,\n Dialog,\n Divider,\n Form,\n Heading,\n} from '../spectrum';\nimport styles from '../SpectrumComponent.module.scss';\n\nexport interface ConfirmationDialogProps {\n heading: ReactNode;\n confirmationButtonLabel: string;\n children:\n | ReactElement<SpectrumLabelableProps>\n | ReactElement<SpectrumLabelableProps>[];\n onCancel: () => void;\n onConfirm: () => void;\n}\n\nexport function ConfirmationDialog({\n heading,\n confirmationButtonLabel,\n children,\n onCancel,\n onConfirm,\n}: ConfirmationDialogProps): JSX.Element {\n const { formProps, submitButtonProps } = useFormWithDetachedSubmitButton();\n\n return (\n <Dialog>\n <Heading\n level={3}\n UNSAFE_className={styles.spectrumDialogComponentHeading}\n >\n {heading}\n </Heading>\n <Divider />\n <Content>\n <Form\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...formProps}\n >\n {children}\n </Form>\n </Content>\n <ButtonGroup>\n <SpectrumButton variant=\"secondary\" onPress={onCancel}>\n Cancel\n </SpectrumButton>\n <SpectrumButton\n {...submitButtonProps}\n // eslint-disable-next-line react/style-prop-object\n style=\"fill\"\n variant=\"negative\"\n onPress={onConfirm}\n type=\"submit\"\n >\n {confirmationButtonLabel}\n </SpectrumButton>\n </ButtonGroup>\n </Dialog>\n );\n}\n\nexport default ConfirmationDialog;\n"],"mappings":";;;;;AAAA;;AAGA,SAASA,+BAA+B,QAAQ,wBAAwB;AAAC,SAEvEC,cAAc,EACdC,WAAW,EACXC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,OAAO;AAAA,OAEFC,MAAM;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAYb,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAMO;EAAA,IANN;IACjCC,OAAO;IACPC,uBAAuB;IACvBC,QAAQ;IACRC,QAAQ;IACRC;EACuB,CAAC,GAAAL,IAAA;EACxB,IAAM;IAAEM,SAAS;IAAEC;EAAkB,CAAC,GAAGrB,+BAA+B,CAAC,CAAC;EAE1E,oBACEY,KAAA,CAACR,MAAM;IAAAa,QAAA,gBACLP,IAAA,CAACH,OAAO;MACNe,KAAK,EAAE,CAAE;MACTC,gBAAgB,EAAEf,MAAM,CAACgB,8BAA+B;MAAAP,QAAA,EAEvDF;IAAO,CACD,CAAC,eACVL,IAAA,CAACL,OAAO,IAAE,CAAC,eACXK,IAAA,CAACP,OAAO;MAAAc,QAAA,eACNP,IAAA,CAACJ;MACC;MAAA,EAAAmB,aAAA,CAAAA,aAAA,KACIL,SAAS;QAAAH,QAAA,EAEZA;MAAQ,EACL;IAAC,CACA,CAAC,eACVL,KAAA,CAACV,WAAW;MAAAe,QAAA,gBACVP,IAAA,CAACT,cAAc;QAACyB,OAAO,EAAC,WAAW;QAACC,OAAO,EAAET,QAAS;QAAAD,QAAA,EAAC;MAEvD,CAAgB,CAAC,eACjBP,IAAA,CAACT,cAAc,EAAAwB,aAAA,CAAAA,aAAA,KACTJ,iBAAiB;QACrB;QACAO,KAAK,EAAC,MAAM;QACZF,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAER,SAAU;QACnBU,IAAI,EAAC,QAAQ;QAAAZ,QAAA,EAEZD;MAAuB,EACV,CAAC;IAAA,CACN,CAAC;EAAA,CACR,CAAC;AAEb;AAEA,eAAeH,kBAAkB","ignoreList":[]}
1
+ {"version":3,"file":"ConfirmationDialog.js","names":["useFormWithDetachedSubmitButton","SpectrumButton","ButtonGroup","Content","Dialog","Divider","Form","Heading","styles","jsx","_jsx","jsxs","_jsxs","ConfirmationDialog","_ref","heading","confirmationButtonLabel","children","onCancel","onConfirm","formProps","submitButtonProps","level","UNSAFE_className","spectrumDialogComponentHeading","_objectSpread","variant","onPress","style","type"],"sources":["../../src/dialogs/ConfirmationDialog.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { type ReactElement, type ReactNode } from 'react';\nimport type { SpectrumLabelableProps } from '@react-types/shared';\nimport { useFormWithDetachedSubmitButton } from '@deephaven/react-hooks';\nimport {\n SpectrumButton,\n ButtonGroup,\n Content,\n Dialog,\n Divider,\n Form,\n Heading,\n} from '../spectrum';\nimport styles from '../SpectrumComponent.module.scss';\n\nexport interface ConfirmationDialogProps {\n heading: ReactNode;\n confirmationButtonLabel: string;\n children:\n | ReactElement<SpectrumLabelableProps>\n | ReactElement<SpectrumLabelableProps>[];\n onCancel: () => void;\n onConfirm: () => void;\n}\n\nexport function ConfirmationDialog({\n heading,\n confirmationButtonLabel,\n children,\n onCancel,\n onConfirm,\n}: ConfirmationDialogProps): JSX.Element {\n const { formProps, submitButtonProps } = useFormWithDetachedSubmitButton();\n\n return (\n <Dialog>\n <Heading\n level={3}\n UNSAFE_className={styles.spectrumDialogComponentHeading}\n >\n {heading}\n </Heading>\n <Divider />\n <Content>\n <Form\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...formProps}\n >\n {children}\n </Form>\n </Content>\n <ButtonGroup>\n <SpectrumButton variant=\"secondary\" onPress={onCancel}>\n Cancel\n </SpectrumButton>\n <SpectrumButton\n {...submitButtonProps}\n // eslint-disable-next-line react/style-prop-object\n style=\"fill\"\n variant=\"negative\"\n onPress={onConfirm}\n type=\"submit\"\n >\n {confirmationButtonLabel}\n </SpectrumButton>\n </ButtonGroup>\n </Dialog>\n );\n}\n\nexport default ConfirmationDialog;\n"],"mappings":";;;;;AAAA;;AAGA,SAASA,+BAA+B,QAAQ,wBAAwB;AAAC,SAEvEC,cAAc,EACdC,WAAW,EACXC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,OAAO;AAAA,OAEFC,MAAM;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAYb,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAMO;EAAA,IANN;IACjCC,OAAO;IACPC,uBAAuB;IACvBC,QAAQ;IACRC,QAAQ;IACRC;EACuB,CAAC,GAAAL,IAAA;EACxB,IAAM;IAAEM,SAAS;IAAEC;EAAkB,CAAC,GAAGrB,+BAA+B,CAAC,CAAC;EAE1E,oBACEY,KAAA,CAACR,MAAM;IAAAa,QAAA,gBACLP,IAAA,CAACH,OAAO;MACNe,KAAK,EAAE,CAAE;MACTC,gBAAgB,EAAEf,MAAM,CAACgB,8BAA+B;MAAAP,QAAA,EAEvDF;IAAO,CACD,CAAC,eACVL,IAAA,CAACL,OAAO,IAAE,CAAC,eACXK,IAAA,CAACP,OAAO;MAAAc,QAAA,eACNP,IAAA,CAACJ;MACC;MAAA,EAAAmB,aAAA,CAAAA,aAAA,KACIL,SAAS;QAAAH,QAAA,EAEZA;MAAQ,EACL;IAAC,CACA,CAAC,eACVL,KAAA,CAACV,WAAW;MAAAe,QAAA,gBACVP,IAAA,CAACT,cAAc;QAACyB,OAAO,EAAC,WAAW;QAACC,OAAO,EAAET,QAAS;QAAAD,QAAA,EAAC;MAEvD,CAAgB,CAAC,eACjBP,IAAA,CAACT,cAAc,EAAAwB,aAAA,CAAAA,aAAA,KACTJ,iBAAiB;QACrB;QACAO,KAAK,EAAC,MAAM;QACZF,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAER,SAAU;QACnBU,IAAI,EAAC,QAAQ;QAAAZ,QAAA,EAEZD;MAAuB,EACV,CAAC;IAAA,CACN,CAAC;EAAA,CACR,CAAC;AAEb;AAEA,eAAeH,kBAAkB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/dialogs/index.ts"],"sourcesContent":["export * from './ActionButtonDialogTrigger';\nexport * from './ConfirmationDialog';\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/dialogs/index.ts"],"sourcesContent":["export * from './ActionButtonDialogTrigger';\nexport * from './ConfirmationDialog';\n"],"mappings":""}
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default","AutoCompleteInput","AutoResizeTextarea","BasicModal","CardFlip","Collapse","Checkbox","CopyButton","CustomTimeSelect","DateInput","DebouncedSearchInput","DraggableItemList","DragUtils","EditableItemList","ErrorView","HierarchicalCheckboxMenu","ItemListItem","LoadingOverlay","LoadingSpinner","DropdownMenu","MaskedInput","Option","RandomAreaPlotAnimation","Select","SearchInput","SelectValueList","SocketedButton","ThemeExport","TimeInput","TimeSlider","ToastNotification","UISwitch"],"sources":["../src/index.ts"],"sourcesContent":["export type { Range } from '@deephaven/utils';\nexport * from './actions';\nexport { default as AutoCompleteInput } from './AutoCompleteInput';\nexport { default as AutoResizeTextarea } from './AutoResizeTextarea';\nexport { default as BasicModal } from './BasicModal';\nexport * from './Button';\nexport * from './BulkActionBar';\nexport { default as CardFlip } from './CardFlip';\nexport * from './context-actions';\nexport { default as Collapse } from './Collapse';\nexport { default as Checkbox } from './Checkbox';\nexport * from './ComponentUtils';\nexport { default as CopyButton } from './CopyButton';\nexport { default as CustomTimeSelect } from './CustomTimeSelect';\nexport * from './DateTimeInput';\nexport { default as DateInput } from './DateInput';\nexport { default as DebouncedSearchInput } from './DebouncedSearchInput';\nexport * from './dialogs';\nexport { default as DraggableItemList } from './DraggableItemList';\nexport * from './DraggableItemList';\nexport { default as DragUtils } from './DragUtils';\nexport { default as EditableItemList } from './EditableItemList';\nexport * from './ErrorBoundary';\nexport { default as ErrorView } from './ErrorView';\nexport { default as HierarchicalCheckboxMenu } from './HierarchicalCheckboxMenu';\nexport * from './HierarchicalCheckboxMenu';\nexport * from './ItemList';\nexport { default as ItemListItem } from './ItemListItem';\nexport { default as LoadingOverlay } from './LoadingOverlay';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as DropdownMenu } from './menu-actions';\nexport * from './menu-actions';\nexport { default as MaskedInput } from './MaskedInput';\nexport * from './MaskedInput';\nexport * from './MaskedInputUtils';\nexport * from './navigation';\nexport { default as Option } from './Option';\nexport * from './popper';\nexport * from './modal';\nexport { default as RandomAreaPlotAnimation } from './RandomAreaPlotAnimation';\nexport * from './SearchableCombobox';\nexport { default as Select } from './Select';\nexport { default as SearchInput } from './SearchInput';\nexport { default as SelectValueList } from './SelectValueList';\nexport * from './SelectValueList';\nexport * from './shortcuts';\nexport { default as SocketedButton } from './SocketedButton';\nexport * from './spectrum';\nexport * from './SplitButtonGroup';\nexport * from './TableViewEmptyState';\nexport * from './TextWithTooltip';\nexport * from './theme';\nexport * from './transitions';\nexport { default as ThemeExport } from './ThemeExport';\nexport { default as TimeInput } from './TimeInput';\nexport { default as TimeSlider } from './TimeSlider';\nexport { default as ToastNotification } from './ToastNotification';\nexport * from './UIConstants';\nexport { default as UISwitch } from './UISwitch';\nexport * from './XComponent';\nexport * from './XComponentMap';\n"],"mappings":";SAESA,OAAO,IAAIC,iBAAiB;AAAA,SAC5BD,OAAO,IAAIE,kBAAkB;AAAA,SAC7BF,OAAO,IAAIG,UAAU;AAAA;AAAA;AAAA,SAGrBH,OAAO,IAAII,QAAQ;AAAA;AAAA,SAEnBJ,OAAO,IAAIK,QAAQ;AAAA,SACnBL,OAAO,IAAIM,QAAQ;AAAA;AAAA,SAEnBN,OAAO,IAAIO,UAAU;AAAA,SACrBP,OAAO,IAAIQ,gBAAgB;AAAA;AAAA,SAE3BR,OAAO,IAAIS,SAAS;AAAA,SACpBT,OAAO,IAAIU,oBAAoB;AAAA;AAAA,SAE/BV,OAAO,IAAIW,iBAAiB;AAAA;AAAA,SAE5BX,OAAO,IAAIY,SAAS;AAAA,SACpBZ,OAAO,IAAIa,gBAAgB;AAAA;AAAA,SAE3Bb,OAAO,IAAIc,SAAS;AAAA,SACpBd,OAAO,IAAIe,wBAAwB;AAAA;AAAA;AAAA,SAGnCf,OAAO,IAAIgB,YAAY;AAAA,SACvBhB,OAAO,IAAIiB,cAAc;AAAA,SACzBjB,OAAO,IAAIkB,cAAc;AAAA,SACzBlB,OAAO,IAAImB,YAAY;AAAA;AAAA,SAEvBnB,OAAO,IAAIoB,WAAW;AAAA;AAAA;AAAA;AAAA,SAItBpB,OAAO,IAAIqB,MAAM;AAAA;AAAA;AAAA,SAGjBrB,OAAO,IAAIsB,uBAAuB;AAAA;AAAA,SAElCtB,OAAO,IAAIuB,MAAM;AAAA,SACjBvB,OAAO,IAAIwB,WAAW;AAAA,SACtBxB,OAAO,IAAIyB,eAAe;AAAA;AAAA;AAAA,SAG1BzB,OAAO,IAAI0B,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAOzB1B,OAAO,IAAI2B,WAAW;AAAA,SACtB3B,OAAO,IAAI4B,SAAS;AAAA,SACpB5B,OAAO,IAAI6B,UAAU;AAAA,SACrB7B,OAAO,IAAI8B,iBAAiB;AAAA;AAAA,SAE5B9B,OAAO,IAAI+B,QAAQ;AAAA;AAAA","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["default","AutoCompleteInput","AutoResizeTextarea","BasicModal","CardFlip","Collapse","Checkbox","CopyButton","CustomTimeSelect","DateInput","DebouncedSearchInput","DraggableItemList","DragUtils","EditableItemList","ErrorView","HierarchicalCheckboxMenu","ItemListItem","LoadingOverlay","LoadingSpinner","DropdownMenu","MaskedInput","Option","RandomAreaPlotAnimation","Select","SearchInput","SelectValueList","SocketedButton","ThemeExport","TimeInput","TimeSlider","ToastNotification","UISwitch"],"sources":["../src/index.ts"],"sourcesContent":["export type { Range } from '@deephaven/utils';\nexport * from './actions';\nexport { default as AutoCompleteInput } from './AutoCompleteInput';\nexport { default as AutoResizeTextarea } from './AutoResizeTextarea';\nexport { default as BasicModal } from './BasicModal';\nexport * from './Button';\nexport * from './BulkActionBar';\nexport { default as CardFlip } from './CardFlip';\nexport * from './context-actions';\nexport { default as Collapse } from './Collapse';\nexport { default as Checkbox } from './Checkbox';\nexport * from './ComponentUtils';\nexport { default as CopyButton } from './CopyButton';\nexport { default as CustomTimeSelect } from './CustomTimeSelect';\nexport * from './DateTimeInput';\nexport { default as DateInput } from './DateInput';\nexport { default as DebouncedSearchInput } from './DebouncedSearchInput';\nexport * from './dialogs';\nexport { default as DraggableItemList } from './DraggableItemList';\nexport * from './DraggableItemList';\nexport { default as DragUtils } from './DragUtils';\nexport { default as EditableItemList } from './EditableItemList';\nexport * from './ErrorBoundary';\nexport { default as ErrorView } from './ErrorView';\nexport { default as HierarchicalCheckboxMenu } from './HierarchicalCheckboxMenu';\nexport * from './HierarchicalCheckboxMenu';\nexport * from './ItemList';\nexport { default as ItemListItem } from './ItemListItem';\nexport { default as LoadingOverlay } from './LoadingOverlay';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as DropdownMenu } from './menu-actions';\nexport * from './menu-actions';\nexport { default as MaskedInput } from './MaskedInput';\nexport * from './MaskedInput';\nexport * from './MaskedInputUtils';\nexport * from './navigation';\nexport { default as Option } from './Option';\nexport * from './popper';\nexport * from './modal';\nexport { default as RandomAreaPlotAnimation } from './RandomAreaPlotAnimation';\nexport * from './SearchableCombobox';\nexport { default as Select } from './Select';\nexport { default as SearchInput } from './SearchInput';\nexport { default as SelectValueList } from './SelectValueList';\nexport * from './SelectValueList';\nexport * from './shortcuts';\nexport { default as SocketedButton } from './SocketedButton';\nexport * from './spectrum';\nexport * from './SplitButtonGroup';\nexport * from './TableViewEmptyState';\nexport * from './TextWithTooltip';\nexport * from './theme';\nexport * from './transitions';\nexport { default as ThemeExport } from './ThemeExport';\nexport { default as TimeInput } from './TimeInput';\nexport { default as TimeSlider } from './TimeSlider';\nexport { default as ToastNotification } from './ToastNotification';\nexport * from './UIConstants';\nexport { default as UISwitch } from './UISwitch';\nexport * from './XComponent';\nexport * from './XComponentMap';\n"],"mappings":";SAESA,OAAO,IAAIC,iBAAiB;AAAA,SAC5BD,OAAO,IAAIE,kBAAkB;AAAA,SAC7BF,OAAO,IAAIG,UAAU;AAAA;AAAA;AAAA,SAGrBH,OAAO,IAAII,QAAQ;AAAA;AAAA,SAEnBJ,OAAO,IAAIK,QAAQ;AAAA,SACnBL,OAAO,IAAIM,QAAQ;AAAA;AAAA,SAEnBN,OAAO,IAAIO,UAAU;AAAA,SACrBP,OAAO,IAAIQ,gBAAgB;AAAA;AAAA,SAE3BR,OAAO,IAAIS,SAAS;AAAA,SACpBT,OAAO,IAAIU,oBAAoB;AAAA;AAAA,SAE/BV,OAAO,IAAIW,iBAAiB;AAAA;AAAA,SAE5BX,OAAO,IAAIY,SAAS;AAAA,SACpBZ,OAAO,IAAIa,gBAAgB;AAAA;AAAA,SAE3Bb,OAAO,IAAIc,SAAS;AAAA,SACpBd,OAAO,IAAIe,wBAAwB;AAAA;AAAA;AAAA,SAGnCf,OAAO,IAAIgB,YAAY;AAAA,SACvBhB,OAAO,IAAIiB,cAAc;AAAA,SACzBjB,OAAO,IAAIkB,cAAc;AAAA,SACzBlB,OAAO,IAAImB,YAAY;AAAA;AAAA,SAEvBnB,OAAO,IAAIoB,WAAW;AAAA;AAAA;AAAA;AAAA,SAItBpB,OAAO,IAAIqB,MAAM;AAAA;AAAA;AAAA,SAGjBrB,OAAO,IAAIsB,uBAAuB;AAAA;AAAA,SAElCtB,OAAO,IAAIuB,MAAM;AAAA,SACjBvB,OAAO,IAAIwB,WAAW;AAAA,SACtBxB,OAAO,IAAIyB,eAAe;AAAA;AAAA;AAAA,SAG1BzB,OAAO,IAAI0B,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAOzB1B,OAAO,IAAI2B,WAAW;AAAA,SACtB3B,OAAO,IAAI4B,SAAS;AAAA,SACpB5B,OAAO,IAAI6B,UAAU;AAAA,SACrB7B,OAAO,IAAI8B,iBAAiB;AAAA;AAAA,SAE5B9B,OAAO,IAAI+B,QAAQ;AAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/menu-actions/DropdownMenu.scss"],"names":[],"mappings":"AAAA;AC6LA;ACxLA;EACE;;;AAGF;EACE,eARY;;;AAWd;EACE,aAZY;;;AAed;EACE,YAhBY;;;AAmBd;EACE,cApBY;;;AAuBd;EACE;;AAEE;EACE,kBDgOW;EC/NX;EACA;EACA,YA7BoB;EA8BpB;;AAEA;EACE;;AAGJ;EACE,cDqNW","file":"DropdownMenu.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n 'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n in (\n 'primary',\n 'secondary',\n 'success',\n 'info',\n 'warning',\n 'danger',\n 'light',\n 'dark'\n )\n{\n $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n 'primary': 'accent',\n 'secondary': 'neutral',\n 'success': 'positive',\n 'info': 'info',\n 'warning': 'notice',\n 'danger': 'negative',\n // We shouldn't be using these, but mapping so they work with our custom\n // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n // defined in Bootstrap _variables.scss, we should remove these\n 'light': 'neutral',\n 'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n 'primary-hover': $primary-hover,\n 'primary-dark': $primary-dark,\n 'mid': $mid,\n 'content-bg': $interfacegray,\n 'background': $interfaceblack,\n 'foreground': $interfacewhite,\n 'secondary-hover': $secondary-hover,\n 'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n 'Fira Sans',\n -apple-system,\n blinkmacsystemfont,\n 'Segoe UI',\n 'Roboto',\n 'Helvetica Neue',\n arial,\n sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n 'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n color 0.12s ease-in-out,\n background-color 0.12s ease-in-out,\n border-color 0.12s ease-in-out,\n box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n in srgb,\n var(--dh-color-accent) 35%,\n transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n '#',\n '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-input-disabled-fg);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n '#',\n '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '../../scss/custom.scss';\n$menu-bg: $contextmenu-bg;\n$arrow-width: 5px;\n$dropdownmenu-max-height: 80vh;\n\n.menu-actions-listener {\n display: none;\n}\n\n.popper-container[x-placement^='top'] .context-menu-container {\n margin-bottom: $arrow-width;\n}\n\n.popper-container[x-placement^='right'] .context-menu-container {\n margin-left: $arrow-width;\n}\n\n.popper-container[x-placement^='bottom'] .context-menu-container {\n margin-top: $arrow-width;\n}\n\n.popper-container[x-placement^='left'] .context-menu-container {\n margin-right: $arrow-width;\n}\n\n.menu-popper {\n padding: 0;\n .popper-content {\n .context-menu-container {\n background-color: $menu-bg;\n position: relative;\n box-shadow: none;\n max-height: $dropdownmenu-max-height;\n overflow: auto;\n\n .context-menu-container {\n position: absolute;\n }\n }\n .popper-arrow {\n border-color: $menu-bg;\n }\n }\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/menu-actions/DropdownMenu.scss"],"names":[],"mappings":"AAAA;AC6LA;ACxLA;EACE;;;AAGF;EACE,eARY;;;AAWd;EACE,aAZY;;;AAed;EACE,YAhBY;;;AAmBd;EACE,cApBY;;;AAuBd;EACE;;AAEE;EACE,kBDgOW;EC/NX;EACA;EACA,YA7BoB;EA8BpB;;AAEA;EACE;;AAGJ;EACE,cDqNW","file":"DropdownMenu.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n@import './util.scss';\n","// Styling overrides for bootstrap\n@use 'sass:map';\n\n// Override / set color variables\n$red: var(--dh-color-visual-red);\n$orange: var(--dh-color-visual-orange);\n$yellow: var(--dh-color-visual-yellow);\n$green: var(--dh-color-visual-green);\n$blue: var(--dh-color-visual-blue);\n$purple: var(--dh-color-visual-purple);\n\n// Fallback colors are used if theme isn't loaded\n// this is required for error messages if the API doesn't load\n\n//Define our Gray scale\n$gray-100: var(--dh-color-gray-900, #fcfcfa);\n$gray-200: var(--dh-color-gray-800);\n$gray-300: var(--dh-color-gray-700);\n$gray-400: var(--dh-color-gray-600);\n$gray-500: var(--dh-color-gray-500);\n// intentional duplicate, scale doesn't line up otherwise\n// as we have gray-850 and spectrum doesn't and it is needed\n$gray-600: var(--dh-color-gray-500);\n$gray-700: var(--dh-color-gray-400);\n$gray-800: var(--dh-color-gray-300);\n$gray-850: var(--dh-color-gray-200);\n$gray-900: var(--dh-color-gray-75);\n$black: var(--dh-color-black, #1a171a);\n$white: var(--dh-color-white, #f0f0ee);\n\n//Define some UI colors\n$interfacegray: var(--dh-color-content-bg, #2d2a2e);\n$interfaceblue: var(--dh-color-accent-bg);\n$interfacewhite: $white;\n$interfaceblack: $black;\n$content-bg: var(--dh-color-content-bg, #2d2a2e);\n$background: var(--dh-color-bg, #1a171a);\n$foreground: var(--dh-color-fg, #f0f0ee);\n\n// Extend default Bootstrap $grays map\n$grays-custom: (\n '850': $gray-850,\n);\n$grays: () !default;\n$grays: map-merge($grays, $grays-custom);\n\n// Extend default Bootstrap $colors map\n$colors-custom: (\n 'black': $black,\n);\n$colors: () !default;\n$colors: map-merge($colors, $colors-custom);\n\n// Override default Bootstrap $theme-colors map by mapping each key to itself.\n// These will then be re-mapped inside of `button-outline-variant` and\n// `button-outline-variant` mixins in `bootstrap_override_mixins_buttons.scss`\n$theme-colors-self-map: ();\n@each $key\n in (\n 'primary',\n 'secondary',\n 'success',\n 'info',\n 'warning',\n 'danger',\n 'light',\n 'dark'\n )\n{\n $theme-colors-self-map: map.set($theme-colors-self-map, $key, $key);\n}\n$theme-colors: () !default;\n$theme-colors: map-merge($theme-colors, $theme-colors-self-map);\n\n// Used by bootstrap_override_mixins_buttons.scss to map Bootstrap colors to\n// DH semantic colors\n$bootstrap-dh-semantic-map: (\n 'primary': 'accent',\n 'secondary': 'neutral',\n 'success': 'positive',\n 'info': 'info',\n 'warning': 'notice',\n 'danger': 'negative',\n // We shouldn't be using these, but mapping so they work with our custom\n // `color-yiq` mixin. If we find a way to remove $light + $dark that are\n // defined in Bootstrap _variables.scss, we should remove these\n 'light': 'neutral',\n 'dark': 'neutral',\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: var(--dh-color-accent-bg);\n$primary-hover: var(--dh-color-accent-hover-bg);\n$primary-dark: var(--dh-color-accent-down-bg);\n$secondary: var(--dh-color-neutral-bg);\n$secondary-hover: var(--dh-color-neutral-hover-bg);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: var(--dh-color-negative-bg);\n$danger-hover: var(--dh-color-negative-hover-bg);\n// We really don't want to use $light or $dark variables, but Bootstrap defines\n// them in _variables.scss. Explicitly setting them to ensure we are in control\n// of their values. If we can find a way to remove them, we should\n$light: var(--dh-color-gray-light);\n$dark: var(--dh-color-gray-dark);\n// Bootstrap doesn't define $mid, and we want to move away from this particular\n// semantic. Should be deleted by #1635\n$mid: var(--dh-color-gray-mid);\n\n$semantic-colors: (\n 'primary-hover': $primary-hover,\n 'primary-dark': $primary-dark,\n 'mid': $mid,\n 'content-bg': $interfacegray,\n 'background': $interfaceblack,\n 'foreground': $interfacewhite,\n 'secondary-hover': $secondary-hover,\n 'danger-hover': $danger-hover,\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif:\n 'Fira Sans',\n -apple-system,\n blinkmacsystemfont,\n 'Segoe UI',\n 'Roboto',\n 'Helvetica Neue',\n arial,\n sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n 'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n$text-select-color: var(--dh-color-text-highlight);\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition:\n color 0.12s ease-in-out,\n background-color 0.12s ease-in-out,\n border-color 0.12s ease-in-out,\n box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n$btn-font-weight: var(--spectrum-global-font-weight-bold);\n$btn-line-height: 1.3;\n\n//Override Inputs\n$input-bg: var(--dh-color-input-bg);\n$input-disabled-bg: var(--dh-color-input-disabled-bg);\n$input-color: var(--dh-color-input-fg);\n$input-border-color: var(--dh-color-input-border);\n$input-placeholder-color: var(--dh-color-input-placeholder);\n$input-focus-border-color: var(--dh-color-input-focus-border);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: color-mix(\n in srgb,\n var(--dh-color-accent) 35%,\n transparent\n);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n$input-btn-line-height: 1.3;\n// Bootstrap uses a calc expression to determine the input height (calc(line-height + 2*padding-y + border)).\n// The padding-y value has to be in rem to match units as it is a SASS calc.\n// Using 0.42145rem with 1.3 line height gets us to spectrum's 32px.\n/* stylelint-disable-next-line number-max-precision */\n$input-btn-padding-y: 0.42145rem;\n\n//checkbox\n$custom-control-indicator-bg: var(--dh-color-input-bg);\n$custom-control-indicator-border-color: var(--dh-color-input-border);\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-control-indicator-border-width: 2px;\n$custom-control-indicator-active-bg: var(--dh-color-input-bg);\n$custom-control-indicator-active-border-color: var(--dh-color-input-fg);\n$custom-control-indicator-checked-bg: var(--dh-color-input-fg);\n$custom-control-indicator-checked-color: black; // used as mask fill color\n$custom-checkbox-indicator-indeterminate-bg: var(--dh-color-input-fg);\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: var(--dh-color-input-disabled-bg);\n$custom-control-indicator-checked-disabled-bg: var(\n --dh-color-input-disabled-bg\n);\n$custom-control-label-disabled-color: var(--dh-color-input-disabled-fg);\n\n// The $custom-select-indicator variable is used by Bootstrap to provide the\n// icon for the select dropdown. Inline svgs can't use CSS variables, so we hard\n// code the color to #929192 (the default value of --dh-color-gray-600). PR #1651\n// overrides this icon altogether for known dropdowns, so technically we may not\n// need this, but it's here in case there are any remaining instances.\n$custom-select-indicator-color: #929192;\n$custom-select-bg: var(--dh-color-selector-bg);\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n '#',\n '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: $gray-500;\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $content-bg;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n$close-color: var(--dh-color-text);\n$close-text-shadow: none;\n\n// Toast notification\n$toast-bg: var(--dh-color-accent-100);\n$toast-color: var(--dh-color-text);\n$toast-error-bg: var(--dh-color-negative-bg);\n$toast-error-color: var(--dh-color-text);\n\n//tooltips\n$tooltip-bg: var(--dh-color-tooltip-bg);\n$tooltip-color: var(--dh-color-tooltip-fg);\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem var(--dh-color-tooltip-box-shadow);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: var(--dh-color-item-list-hover-bg);\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: var(--dh-color-popover-bg);\n$contextmenu-color: var(--dh-color-text);\n$contextmenu-disabled-color: var(--dh-color-text-disabled);\n$contextmenu-keyboard-selected-bg: var(--dh-color-keyboard-selected-bg);\n$contextmenu-selected-bg: var(--dh-color-item-list-hover-bg);\n$contextmenu-selected-color: var(--dh-color-item-list-selected-fg);\n\n//hr\n$hr-border-color: var(--dh-color-hr);\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: $danger;\n$form-feedback-icon-invalid: str-replace(\n url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n '#',\n '%23'\n);\n\n// This section of variables is not consumed directly by DH, but they need to be\n// defined for sass to compile _variables\n$table-dark-bg: $gray-800;\n$table-dark-accent-bg: var(--dh-color-highlight-hover);\n$table-dark-hover-bg: var(--dh-color-highlight-active);\n$table-dark-border-color: $gray-700;\n$popover-bg: var(--dh-color-tooltip-bg);\n$popover-border-color: var(--dh-color-overlay-modal-bg);\n$popover-header-bg: #000;\n$popover-arrow-outer-color: var(--dh-color-dropshadow);\n$custom-range-thumb-active-bg: var(--dh-color-accent-1100);\n","@import '../../scss/custom.scss';\n$menu-bg: $contextmenu-bg;\n$arrow-width: 5px;\n$dropdownmenu-max-height: 80vh;\n\n.menu-actions-listener {\n display: none;\n}\n\n.popper-container[x-placement^='top'] .context-menu-container {\n margin-bottom: $arrow-width;\n}\n\n.popper-container[x-placement^='right'] .context-menu-container {\n margin-left: $arrow-width;\n}\n\n.popper-container[x-placement^='bottom'] .context-menu-container {\n margin-top: $arrow-width;\n}\n\n.popper-container[x-placement^='left'] .context-menu-container {\n margin-right: $arrow-width;\n}\n\n.menu-popper {\n padding: 0;\n .popper-content {\n .context-menu-container {\n background-color: $menu-bg;\n position: relative;\n box-shadow: none;\n max-height: $dropdownmenu-max-height;\n overflow: auto;\n\n .context-menu-container {\n position: absolute;\n }\n }\n .popper-arrow {\n border-color: $menu-bg;\n }\n }\n}\n"]}