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

package/dist/menu-actions/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":["React","PureComponent","classNames","Popper","Menu","jsx","_jsx","DropdownMenu","constructor","props","_defineProperty","handleClick","bind","handleCloseMenu","handleExited","container","createRef","parent","popper","isOpen","componentDidMount","isShown","_this$container$curre","current","parentElement","addEventListener","openMenu","componentDidUpdate","prevProps","window","requestAnimationFrame","closeMenu","componentWillUnmount","removeEventListener","_this$popper$current","hide","show","scheduleUpdate","_this$popper$current2","e","preventDefault","stopPropagation","onMenuClosed","render","actions","onMenuOpened","popperClassName","dataTestId","menuStyle","options","popperOptions","_objectSpread","placement","separateKeyboardMouse","className","ref","children","onExited","closeOnBlur","interactive","undefined"],"sources":["../../src/menu-actions/DropdownMenu.tsx"],"sourcesContent":["/**\n * Add dropdown menu that you add onto any component.\n *\n * Similar to the context-actions package, accepts list of actions to create a dropdown menu.\n * Note: Does not support nested sub-menus.\n *\n * Usage:\n * let actions = [{\n *   title: 'My Action',\n *   action: () => { alert('My Action Clicked!') }\n *   icon: faPrint,         // Limited to FontAwesome icons for now.\n *   shortcut: Shortcut,        // Shortcut class instance\n *   group: ContextActions.groups.default,  // What group to group the context action with\n *   order: null                            // Int where to order within group\n * }];\n *\n * Usage:\n * 1. Auto bind click to open event to parent\n * <div>\n *   Click in this container\n *   <DropdownMenu actions={actions}/>\n * </div>\n *\n * 2. Control via prop\n * <div>\n *   DropdownMenu will not react to the click event if isShown prop is used\n *   <DropdownMenu actions={actions} isShown={isShown} />\n * </div>\n *\n */\nimport React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { type PopperOptions } from 'popper.js';\nimport { Popper } from '../popper';\nimport Menu, { type MenuOptions } from './Menu';\nimport { type ContextAction } from '../context-actions/ContextActionUtils';\nimport './DropdownMenu.scss';\n\nexport type DropdownAction = ContextAction & { actions?: never };\n\nexport type DropdownActions =\n  | (() => DropdownAction[])\n  | DropdownAction\n  | DropdownAction[];\n\ntype DropdownMenuProps = {\n  // Override to prevent nested lists\n  actions: DropdownActions;\n  isShown: boolean | null;\n  onMenuClosed: () => void;\n  onMenuOpened: () => void;\n  options: MenuOptions;\n  popperOptions: PopperOptions;\n  popperClassName: string;\n  menuStyle: React.CSSProperties;\n  'data-testid'?: string;\n};\n\nclass DropdownMenu extends PureComponent<DropdownMenuProps> {\n  static defaultProps = {\n    isShown: null,\n    onMenuClosed(): void {\n      // no-op\n    },\n    onMenuOpened(): void {\n      // no-op\n    },\n    options: {},\n    popperOptions: {},\n    popperClassName: '',\n    menuStyle: {},\n    'data-testid': undefined,\n  };\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    this.handleClick = this.handleClick.bind(this);\n    this.handleCloseMenu = this.handleCloseMenu.bind(this);\n    this.handleExited = this.handleExited.bind(this);\n\n    this.container = React.createRef();\n    this.parent = null;\n    this.popper = React.createRef();\n\n    this.isOpen = false;\n  }\n\n  componentDidMount(): void {\n    const { isShown } = this.props;\n\n    if (isShown === null) {\n      if (this.container.current?.parentElement) {\n        this.parent = this.container.current.parentElement;\n        this.parent.addEventListener('click', this.handleClick);\n      }\n    } else if (isShown) {\n      this.openMenu();\n    }\n  }\n\n  componentDidUpdate(prevProps: DropdownMenuProps): void {\n    const { isShown } = this.props;\n\n    if (prevProps.isShown !== isShown) {\n      if (isShown !== null && isShown) {\n        // https://github.com/reactjs/react-transition-group/issues/382\n        window.requestAnimationFrame(() => {\n          this.openMenu();\n        });\n      } else {\n        this.closeMenu();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    if (this.parent) {\n      this.parent.removeEventListener('click', this.handleClick);\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  parent: Element | null;\n\n  popper: React.RefObject<Popper>;\n\n  isOpen: boolean;\n\n  closeMenu(): void {\n    this.popper.current?.hide();\n  }\n\n  openMenu(): void {\n    if (this.popper.current && !this.isOpen) {\n      this.popper.current.show();\n      this.isOpen = true;\n    }\n  }\n\n  scheduleUpdate(): void {\n    this.popper.current?.scheduleUpdate();\n  }\n\n  handleClick(e: Event): void {\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.openMenu();\n  }\n\n  handleCloseMenu(): void {\n    this.closeMenu();\n  }\n\n  handleExited(): void {\n    this.isOpen = false;\n\n    const { onMenuClosed } = this.props;\n    onMenuClosed();\n  }\n\n  render(): JSX.Element {\n    const {\n      actions,\n      onMenuOpened,\n      popperClassName,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { menuStyle } = this.props;\n    let { options, popperOptions } = this.props;\n    popperOptions = { placement: 'bottom', ...popperOptions };\n    options = {\n      separateKeyboardMouse: true,\n      ...options,\n    };\n    return (\n      <div\n        className=\"menu-actions-listener\"\n        ref={this.container}\n        data-testid={dataTestId}\n      >\n        <Popper\n          ref={this.popper}\n          options={popperOptions}\n          className={classNames('menu-popper', popperClassName)}\n          onExited={this.handleExited}\n          closeOnBlur\n          interactive\n        >\n          <Menu\n            actions={actions}\n            closeMenu={this.handleCloseMenu}\n            onMenuOpened={onMenuOpened}\n            options={options}\n            menuStyle={menuStyle}\n          />\n        </Popper>\n      </div>\n    );\n  }\n}\n\nexport default DropdownMenu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DropdownMenu.js","names":["React","PureComponent","classNames","Popper","Menu","jsx","_jsx","DropdownMenu","constructor","props","_defineProperty","handleClick","bind","handleCloseMenu","handleExited","container","createRef","parent","popper","isOpen","componentDidMount","isShown","_this$container$curre","current","parentElement","addEventListener","openMenu","componentDidUpdate","prevProps","window","requestAnimationFrame","closeMenu","componentWillUnmount","removeEventListener","_this$popper$current","hide","show","scheduleUpdate","_this$popper$current2","e","preventDefault","stopPropagation","onMenuClosed","render","actions","onMenuOpened","popperClassName","dataTestId","menuStyle","options","popperOptions","_objectSpread","placement","separateKeyboardMouse","className","ref","children","onExited","closeOnBlur","interactive","undefined"],"sources":["../../src/menu-actions/DropdownMenu.tsx"],"sourcesContent":["/**\n * Add dropdown menu that you add onto any component.\n *\n * Similar to the context-actions package, accepts list of actions to create a dropdown menu.\n * Note: Does not support nested sub-menus.\n *\n * Usage:\n * let actions = [{\n *   title: 'My Action',\n *   action: () => { alert('My Action Clicked!') }\n *   icon: faPrint,         // Limited to FontAwesome icons for now.\n *   shortcut: Shortcut,        // Shortcut class instance\n *   group: ContextActions.groups.default,  // What group to group the context action with\n *   order: null                            // Int where to order within group\n * }];\n *\n * Usage:\n * 1. Auto bind click to open event to parent\n * <div>\n *   Click in this container\n *   <DropdownMenu actions={actions}/>\n * </div>\n *\n * 2. Control via prop\n * <div>\n *   DropdownMenu will not react to the click event if isShown prop is used\n *   <DropdownMenu actions={actions} isShown={isShown} />\n * </div>\n *\n */\nimport React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { type PopperOptions } from 'popper.js';\nimport { Popper } from '../popper';\nimport Menu, { type MenuOptions } from './Menu';\nimport { type ContextAction } from '../context-actions/ContextActionUtils';\nimport './DropdownMenu.scss';\n\nexport type DropdownAction = ContextAction & { actions?: never };\n\nexport type DropdownActions =\n  | (() => DropdownAction[])\n  | DropdownAction\n  | DropdownAction[];\n\ntype DropdownMenuProps = {\n  // Override to prevent nested lists\n  actions: DropdownActions;\n  isShown: boolean | null;\n  onMenuClosed: () => void;\n  onMenuOpened: () => void;\n  options: MenuOptions;\n  popperOptions: PopperOptions;\n  popperClassName: string;\n  menuStyle: React.CSSProperties;\n  'data-testid'?: string;\n};\n\nclass DropdownMenu extends PureComponent<DropdownMenuProps> {\n  static defaultProps = {\n    isShown: null,\n    onMenuClosed(): void {\n      // no-op\n    },\n    onMenuOpened(): void {\n      // no-op\n    },\n    options: {},\n    popperOptions: {},\n    popperClassName: '',\n    menuStyle: {},\n    'data-testid': undefined,\n  };\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    this.handleClick = this.handleClick.bind(this);\n    this.handleCloseMenu = this.handleCloseMenu.bind(this);\n    this.handleExited = this.handleExited.bind(this);\n\n    this.container = React.createRef();\n    this.parent = null;\n    this.popper = React.createRef();\n\n    this.isOpen = false;\n  }\n\n  componentDidMount(): void {\n    const { isShown } = this.props;\n\n    if (isShown === null) {\n      if (this.container.current?.parentElement) {\n        this.parent = this.container.current.parentElement;\n        this.parent.addEventListener('click', this.handleClick);\n      }\n    } else if (isShown) {\n      this.openMenu();\n    }\n  }\n\n  componentDidUpdate(prevProps: DropdownMenuProps): void {\n    const { isShown } = this.props;\n\n    if (prevProps.isShown !== isShown) {\n      if (isShown !== null && isShown) {\n        // https://github.com/reactjs/react-transition-group/issues/382\n        window.requestAnimationFrame(() => {\n          this.openMenu();\n        });\n      } else {\n        this.closeMenu();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    if (this.parent) {\n      this.parent.removeEventListener('click', this.handleClick);\n    }\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  parent: Element | null;\n\n  popper: React.RefObject<Popper>;\n\n  isOpen: boolean;\n\n  closeMenu(): void {\n    this.popper.current?.hide();\n  }\n\n  openMenu(): void {\n    if (this.popper.current && !this.isOpen) {\n      this.popper.current.show();\n      this.isOpen = true;\n    }\n  }\n\n  scheduleUpdate(): void {\n    this.popper.current?.scheduleUpdate();\n  }\n\n  handleClick(e: Event): void {\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.openMenu();\n  }\n\n  handleCloseMenu(): void {\n    this.closeMenu();\n  }\n\n  handleExited(): void {\n    this.isOpen = false;\n\n    const { onMenuClosed } = this.props;\n    onMenuClosed();\n  }\n\n  render(): JSX.Element {\n    const {\n      actions,\n      onMenuOpened,\n      popperClassName,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { menuStyle } = this.props;\n    let { options, popperOptions } = this.props;\n    popperOptions = { placement: 'bottom', ...popperOptions };\n    options = {\n      separateKeyboardMouse: true,\n      ...options,\n    };\n    return (\n      <div\n        className=\"menu-actions-listener\"\n        ref={this.container}\n        data-testid={dataTestId}\n      >\n        <Popper\n          ref={this.popper}\n          options={popperOptions}\n          className={classNames('menu-popper', popperClassName)}\n          onExited={this.handleExited}\n          closeOnBlur\n          interactive\n        >\n          <Menu\n            actions={actions}\n            closeMenu={this.handleCloseMenu}\n            onMenuOpened={onMenuOpened}\n            options={options}\n            menuStyle={menuStyle}\n          />\n        </Popper>\n      </div>\n    );\n  }\n}\n\nexport default DropdownMenu;\n"],"mappings":"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"}

package/dist/menu-actions/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["React","PureComponent","ContextActionUtils","ContextMenuItem","jsx","_jsx","Menu","constructor","props","_options$initialKeybo","_defineProperty","handleKeyDown","bind","handleMenuItemClick","handleMenuItemMouseMove","handleMouseLeave","handleCloseMenu","container","createRef","oldFocus","document","activeElement","rAF","options","keyboardIndex","initialKeyboardIndex","state","menuItems","mouseIndex","componentDidMount","initMenu","window","requestAnimationFrame","_this$container$curre","current","focus","onMenuOpened","componentDidUpdate","prevProps","actions","componentWillUnmount","cancelAnimationFrame","getKeyboardIndex","separateKeyboardMouse","undefined","getMouseIndex","setKeyboardIndex","index","setState","setMouseIndex","getMenuItems","length","sortActions","concat","e","newFocus","key","shiftKey","_newFocus","getNextMenuItem","_newFocus2","closeMenu","HTMLElement","preventDefault","stopPropagation","closeAll","arguments","onMenuClosed","menuItem","disabled","action","nativeEvent","focusIndex","indexOf","render","menuItemElements","dataTestId","i","group","push","menuItemElement","isKeyboardSelected","isMouseSelected","onMenuItemClick","onMenuItemMouseMove","onMenuItemContextMenu","menuStyle","className","style","_objectSpread","ref","onKeyDown","onMouseLeave","role","tabIndex","children"],"sources":["../../src/menu-actions/Menu.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport ContextActionUtils, {\n  type ContextAction,\n} from '../context-actions/ContextActionUtils';\nimport ContextMenuItem from '../context-actions/ContextMenuItem';\n\nexport type MenuOptions = {\n  doNotVerifyPosition?: boolean;\n  separateKeyboardMouse?: boolean;\n  initialKeyboardIndex?: number;\n};\n\ntype MenuProps = {\n  actions: (() => ContextAction[]) | ContextAction | ContextAction[];\n  closeMenu: (closeAll: boolean) => void;\n  onMenuClosed: (menu: Menu) => void;\n  onMenuOpened: (menu: Menu) => void;\n  options: MenuOptions;\n  menuStyle: React.CSSProperties;\n  'data-testid'?: string;\n};\n\ntype MenuState = {\n  menuItems: ContextAction[];\n  keyboardIndex: number;\n  mouseIndex: number;\n};\n\n/**\n *  Do not use this class directly. Use DropdownMenu instead.\n *\n *  Generates list from actions for use by DropdownMenu.\n *  It has beem split from the context-actions component, due to divergering requirements,\n *  but still re-uses styling from context-menu. Depending on how usage evolves, may get split further.\n *\n */\n\nclass Menu extends PureComponent<MenuProps, MenuState> {\n  static defaultProps = {\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  constructor(props: MenuProps) {\n    super(props);\n\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMenuItemClick = this.handleMenuItemClick.bind(this);\n    this.handleMenuItemMouseMove = this.handleMenuItemMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleCloseMenu = this.handleCloseMenu.bind(this);\n\n    this.container = React.createRef();\n    this.oldFocus = document.activeElement;\n    this.rAF = 0;\n\n    const { options } = props;\n    const keyboardIndex = options.initialKeyboardIndex ?? -1;\n    this.state = {\n      menuItems: [],\n      keyboardIndex,\n      mouseIndex: -1,\n    };\n  }\n\n  componentDidMount(): void {\n    this.initMenu();\n\n    this.rAF = window.requestAnimationFrame(() => {\n      // set initial focus to container so keyboard navigation works\n      // components can still override focus in onMenuOpened callback\n      this.container.current?.focus();\n      const { onMenuOpened } = this.props;\n      onMenuOpened(this);\n    });\n  }\n\n  componentDidUpdate(prevProps: MenuProps): void {\n    const { actions } = this.props;\n    if (prevProps.actions !== actions) {\n      this.initMenu();\n    }\n  }\n\n  componentWillUnmount(): void {\n    cancelAnimationFrame(this.rAF);\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  oldFocus: Element | null;\n\n  rAF: number;\n\n  getKeyboardIndex(): number | null {\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\n    cancelAnimationFrame(this.rAF);\n\n    this.setState({\n      menuItems: [],\n    });\n\n    const { actions } = this.props;\n    const menuItems = ContextActionUtils.getMenuItems(actions, false);\n\n    if (menuItems.length > 0) {\n      this.setState(state => ({\n        menuItems: ContextActionUtils.sortActions(\n          state.menuItems.concat(menuItems)\n        ),\n      }));\n    }\n  }\n\n  handleKeyDown(e: React.KeyboardEvent): void {\n    const { menuItems } = this.state;\n    const oldFocus = this.getKeyboardIndex();\n    let newFocus = oldFocus;\n\n    if (e.key === 'Enter' || e.key === ' ') {\n      if (oldFocus != null && oldFocus >= 0 && oldFocus < menuItems.length) {\n        this.handleMenuItemClick(menuItems[oldFocus], e);\n      }\n      return;\n    }\n\n    if (e.key === 'Escape') {\n      newFocus = null;\n    } else if (\n      e.key === 'ArrowUp' ||\n      (e.key === 'Tab' && e.shiftKey === true)\n    ) {\n      newFocus = ContextActionUtils.getNextMenuItem(\n        newFocus ?? 0,\n        -1,\n        menuItems\n      );\n    } else if (\n      e.key === 'ArrowDown' ||\n      (e.key === 'Tab' && e.shiftKey === false)\n    ) {\n      newFocus = ContextActionUtils.getNextMenuItem(\n        newFocus ?? 0,\n        1,\n        menuItems\n      );\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  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  handleCloseMenu(): void {\n    this.closeMenu();\n  }\n\n  handleMenuItemClick(menuItem: ContextAction, e: React.SyntheticEvent): void {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (\n      menuItem != null &&\n      (menuItem.disabled === undefined || !menuItem.disabled) &&\n      menuItem.action != null\n    ) {\n      menuItem.action(e.nativeEvent);\n      this.closeMenu(true);\n    }\n  }\n\n  handleMenuItemMouseMove(menuItem: ContextAction): void {\n    const { menuItems } = this.state;\n    const focusIndex = menuItems.indexOf(menuItem);\n    this.setMouseIndex(focusIndex);\n  }\n\n  handleMouseLeave(): void {\n    this.setMouseIndex(-1);\n  }\n\n  render(): JSX.Element {\n    const menuItemElements = [];\n    const { 'data-testid': dataTestId } = this.props;\n    const { keyboardIndex, menuItems, mouseIndex } = 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          isKeyboardSelected={keyboardIndex === i}\n          isMouseSelected={mouseIndex === i}\n          menuItem={menuItem}\n          closeMenu={this.handleCloseMenu}\n          onMenuItemClick={this.handleMenuItemClick}\n          onMenuItemMouseMove={this.handleMenuItemMouseMove}\n          onMenuItemContextMenu={() => false}\n        />\n      );\n\n      menuItemElements.push(menuItemElement);\n    }\n\n    const { menuStyle } = this.props;\n\n    return (\n      <div\n        className=\"context-menu-container\"\n        style={{ ...menuStyle }}\n        ref={this.container}\n        onKeyDown={this.handleKeyDown}\n        onMouseLeave={this.handleMouseLeave}\n        role=\"menuitem\"\n        tabIndex={0}\n        data-testid={dataTestId}\n      >\n        {menuItemElements}\n      </div>\n    );\n  }\n}\n\nexport default Menu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Menu.js","names":["React","PureComponent","ContextActionUtils","ContextMenuItem","jsx","_jsx","Menu","constructor","props","_options$initialKeybo","_defineProperty","handleKeyDown","bind","handleMenuItemClick","handleMenuItemMouseMove","handleMouseLeave","handleCloseMenu","container","createRef","oldFocus","document","activeElement","rAF","options","keyboardIndex","initialKeyboardIndex","state","menuItems","mouseIndex","componentDidMount","initMenu","window","requestAnimationFrame","_this$container$curre","current","focus","onMenuOpened","componentDidUpdate","prevProps","actions","componentWillUnmount","cancelAnimationFrame","getKeyboardIndex","separateKeyboardMouse","undefined","getMouseIndex","setKeyboardIndex","index","setState","setMouseIndex","getMenuItems","length","sortActions","concat","e","newFocus","key","shiftKey","_newFocus","getNextMenuItem","_newFocus2","closeMenu","HTMLElement","preventDefault","stopPropagation","closeAll","arguments","onMenuClosed","menuItem","disabled","action","nativeEvent","focusIndex","indexOf","render","menuItemElements","dataTestId","i","group","push","menuItemElement","isKeyboardSelected","isMouseSelected","onMenuItemClick","onMenuItemMouseMove","onMenuItemContextMenu","menuStyle","className","style","_objectSpread","ref","onKeyDown","onMouseLeave","role","tabIndex","children"],"sources":["../../src/menu-actions/Menu.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport ContextActionUtils, {\n  type ContextAction,\n} from '../context-actions/ContextActionUtils';\nimport ContextMenuItem from '../context-actions/ContextMenuItem';\n\nexport type MenuOptions = {\n  doNotVerifyPosition?: boolean;\n  separateKeyboardMouse?: boolean;\n  initialKeyboardIndex?: number;\n};\n\ntype MenuProps = {\n  actions: (() => ContextAction[]) | ContextAction | ContextAction[];\n  closeMenu: (closeAll: boolean) => void;\n  onMenuClosed: (menu: Menu) => void;\n  onMenuOpened: (menu: Menu) => void;\n  options: MenuOptions;\n  menuStyle: React.CSSProperties;\n  'data-testid'?: string;\n};\n\ntype MenuState = {\n  menuItems: ContextAction[];\n  keyboardIndex: number;\n  mouseIndex: number;\n};\n\n/**\n *  Do not use this class directly. Use DropdownMenu instead.\n *\n *  Generates list from actions for use by DropdownMenu.\n *  It has beem split from the context-actions component, due to divergering requirements,\n *  but still re-uses styling from context-menu. Depending on how usage evolves, may get split further.\n *\n */\n\nclass Menu extends PureComponent<MenuProps, MenuState> {\n  static defaultProps = {\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  constructor(props: MenuProps) {\n    super(props);\n\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMenuItemClick = this.handleMenuItemClick.bind(this);\n    this.handleMenuItemMouseMove = this.handleMenuItemMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleCloseMenu = this.handleCloseMenu.bind(this);\n\n    this.container = React.createRef();\n    this.oldFocus = document.activeElement;\n    this.rAF = 0;\n\n    const { options } = props;\n    const keyboardIndex = options.initialKeyboardIndex ?? -1;\n    this.state = {\n      menuItems: [],\n      keyboardIndex,\n      mouseIndex: -1,\n    };\n  }\n\n  componentDidMount(): void {\n    this.initMenu();\n\n    this.rAF = window.requestAnimationFrame(() => {\n      // set initial focus to container so keyboard navigation works\n      // components can still override focus in onMenuOpened callback\n      this.container.current?.focus();\n      const { onMenuOpened } = this.props;\n      onMenuOpened(this);\n    });\n  }\n\n  componentDidUpdate(prevProps: MenuProps): void {\n    const { actions } = this.props;\n    if (prevProps.actions !== actions) {\n      this.initMenu();\n    }\n  }\n\n  componentWillUnmount(): void {\n    cancelAnimationFrame(this.rAF);\n  }\n\n  container: React.RefObject<HTMLDivElement>;\n\n  oldFocus: Element | null;\n\n  rAF: number;\n\n  getKeyboardIndex(): number | null {\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\n    cancelAnimationFrame(this.rAF);\n\n    this.setState({\n      menuItems: [],\n    });\n\n    const { actions } = this.props;\n    const menuItems = ContextActionUtils.getMenuItems(actions, false);\n\n    if (menuItems.length > 0) {\n      this.setState(state => ({\n        menuItems: ContextActionUtils.sortActions(\n          state.menuItems.concat(menuItems)\n        ),\n      }));\n    }\n  }\n\n  handleKeyDown(e: React.KeyboardEvent): void {\n    const { menuItems } = this.state;\n    const oldFocus = this.getKeyboardIndex();\n    let newFocus = oldFocus;\n\n    if (e.key === 'Enter' || e.key === ' ') {\n      if (oldFocus != null && oldFocus >= 0 && oldFocus < menuItems.length) {\n        this.handleMenuItemClick(menuItems[oldFocus], e);\n      }\n      return;\n    }\n\n    if (e.key === 'Escape') {\n      newFocus = null;\n    } else if (\n      e.key === 'ArrowUp' ||\n      (e.key === 'Tab' && e.shiftKey === true)\n    ) {\n      newFocus = ContextActionUtils.getNextMenuItem(\n        newFocus ?? 0,\n        -1,\n        menuItems\n      );\n    } else if (\n      e.key === 'ArrowDown' ||\n      (e.key === 'Tab' && e.shiftKey === false)\n    ) {\n      newFocus = ContextActionUtils.getNextMenuItem(\n        newFocus ?? 0,\n        1,\n        menuItems\n      );\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  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  handleCloseMenu(): void {\n    this.closeMenu();\n  }\n\n  handleMenuItemClick(menuItem: ContextAction, e: React.SyntheticEvent): void {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (\n      menuItem != null &&\n      (menuItem.disabled === undefined || !menuItem.disabled) &&\n      menuItem.action != null\n    ) {\n      menuItem.action(e.nativeEvent);\n      this.closeMenu(true);\n    }\n  }\n\n  handleMenuItemMouseMove(menuItem: ContextAction): void {\n    const { menuItems } = this.state;\n    const focusIndex = menuItems.indexOf(menuItem);\n    this.setMouseIndex(focusIndex);\n  }\n\n  handleMouseLeave(): void {\n    this.setMouseIndex(-1);\n  }\n\n  render(): JSX.Element {\n    const menuItemElements = [];\n    const { 'data-testid': dataTestId } = this.props;\n    const { keyboardIndex, menuItems, mouseIndex } = 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          isKeyboardSelected={keyboardIndex === i}\n          isMouseSelected={mouseIndex === i}\n          menuItem={menuItem}\n          closeMenu={this.handleCloseMenu}\n          onMenuItemClick={this.handleMenuItemClick}\n          onMenuItemMouseMove={this.handleMenuItemMouseMove}\n          onMenuItemContextMenu={() => false}\n        />\n      );\n\n      menuItemElements.push(menuItemElement);\n    }\n\n    const { menuStyle } = this.props;\n\n    return (\n      <div\n        className=\"context-menu-container\"\n        style={{ ...menuStyle }}\n        ref={this.container}\n        onKeyDown={this.handleKeyDown}\n        onMouseLeave={this.handleMouseLeave}\n        role=\"menuitem\"\n        tabIndex={0}\n        data-testid={dataTestId}\n      >\n        {menuItemElements}\n      </div>\n    );\n  }\n}\n\nexport default Menu;\n"],"mappings":"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"}

package/dist/menu-actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DropdownMenu"],"sources":["../../src/menu-actions/index.ts"],"sourcesContent":["import DropdownMenu from './DropdownMenu';\n\nexport default DropdownMenu;\nexport * from './DropdownMenu';\n"],"mappings":"OAAOA,YAAY;AAEnB,eAAeA,YAAY;AAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["DropdownMenu"],"sources":["../../src/menu-actions/index.ts"],"sourcesContent":["import DropdownMenu from './DropdownMenu';\n\nexport default DropdownMenu;\nexport * from './DropdownMenu';\n"],"mappings":"OAAOA,YAAY;AAEnB,eAAeA,YAAY;AAAC"}

package/dist/modal/DebouncedModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DebouncedModal.js","names":["React","useDebouncedValue","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DebouncedModal","_ref","blockInteraction","children","debounceMs","isOpen","value","debouncedIsOpen","className","style","backgroundColor","cloneElement"],"sources":["../../src/modal/DebouncedModal.tsx"],"sourcesContent":["import React from 'react';\nimport { useDebouncedValue } from '@deephaven/react-hooks';\n\nexport type DebouncedModalProps = {\n  /** Whether to block interaction immediately */\n  blockInteraction?: boolean;\n\n  /** Children to render after the alloted debounce time */\n  children: React.ReactElement;\n\n  /** Time to debounce */\n  debounceMs: number;\n\n  /**\n   * Will render the `children` `debounceMs` after `isOpen` is set to `true.\n   * Will stop rendering immediately after `isOpen` is set to `false`.\n   */\n  isOpen?: boolean;\n};\n\n/**\n * Display a modal after a debounce time. Blocks the screen from interaction immediately,\n * but then waits the set debounce time before rendering the modal.\n */\nfunction DebouncedModal({\n  blockInteraction = true,\n  children,\n  debounceMs,\n  isOpen = false,\n}: DebouncedModalProps): JSX.Element {\n  const { value: debouncedIsOpen } = useDebouncedValue(isOpen, debounceMs);\n\n  return (\n    <>\n      {blockInteraction && isOpen && (\n        <div\n          className=\"modal-backdrop\"\n          style={{ backgroundColor: 'transparent' }}\n          data-testid=\"debounced-modal-backdrop\"\n        />\n      )}\n      {React.cloneElement(children, { isOpen: isOpen && debouncedIsOpen })}\n    </>\n  );\n}\n\nexport default DebouncedModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAmB3D;AACA;AACA;AACA;AACA,SAASC,cAAcA,CAAAC,IAAA,EAKc;EAAA,IALb;IACtBC,gBAAgB,GAAG,IAAI;IACvBC,QAAQ;IACRC,UAAU;IACVC,MAAM,GAAG;EACU,CAAC,GAAAJ,IAAA;EACpB,IAAM;IAAEK,KAAK,EAAEC;EAAgB,CAAC,GAAGd,iBAAiB,CAACY,MAAM,EAAED,UAAU,CAAC;EAExE,oBACEL,KAAA,CAAAF,SAAA;IAAAM,QAAA,GACGD,gBAAgB,IAAIG,MAAM,iBACzBV,IAAA;MACEa,SAAS,EAAC,gBAAgB;MAC1BC,KAAK,EAAE;QAAEC,eAAe,EAAE;MAAc,CAAE;MAC1C,eAAY;IAA0B,CACvC,CACF,eACAlB,KAAK,CAACmB,YAAY,CAACR,QAAQ,EAAE;MAAEE,MAAM,EAAEA,MAAM,IAAIE;IAAgB,CAAC,CAAC;EAAA,CACpE,CAAC;AAEP;AAEA,eAAeP,cAAc","ignoreList":[]}
+{"version":3,"file":"DebouncedModal.js","names":["React","useDebouncedValue","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DebouncedModal","_ref","blockInteraction","children","debounceMs","isOpen","value","debouncedIsOpen","className","style","backgroundColor","cloneElement"],"sources":["../../src/modal/DebouncedModal.tsx"],"sourcesContent":["import React from 'react';\nimport { useDebouncedValue } from '@deephaven/react-hooks';\n\nexport type DebouncedModalProps = {\n  /** Whether to block interaction immediately */\n  blockInteraction?: boolean;\n\n  /** Children to render after the alloted debounce time */\n  children: React.ReactElement;\n\n  /** Time to debounce */\n  debounceMs: number;\n\n  /**\n   * Will render the `children` `debounceMs` after `isOpen` is set to `true.\n   * Will stop rendering immediately after `isOpen` is set to `false`.\n   */\n  isOpen?: boolean;\n};\n\n/**\n * Display a modal after a debounce time. Blocks the screen from interaction immediately,\n * but then waits the set debounce time before rendering the modal.\n */\nfunction DebouncedModal({\n  blockInteraction = true,\n  children,\n  debounceMs,\n  isOpen = false,\n}: DebouncedModalProps): JSX.Element {\n  const { value: debouncedIsOpen } = useDebouncedValue(isOpen, debounceMs);\n\n  return (\n    <>\n      {blockInteraction && isOpen && (\n        <div\n          className=\"modal-backdrop\"\n          style={{ backgroundColor: 'transparent' }}\n          data-testid=\"debounced-modal-backdrop\"\n        />\n      )}\n      {React.cloneElement(children, { isOpen: isOpen && debouncedIsOpen })}\n    </>\n  );\n}\n\nexport default DebouncedModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAmB3D;AACA;AACA;AACA;AACA,SAASC,cAAcA,CAAAC,IAAA,EAKc;EAAA,IALb;IACtBC,gBAAgB,GAAG,IAAI;IACvBC,QAAQ;IACRC,UAAU;IACVC,MAAM,GAAG;EACU,CAAC,GAAAJ,IAAA;EACpB,IAAM;IAAEK,KAAK,EAAEC;EAAgB,CAAC,GAAGd,iBAAiB,CAACY,MAAM,EAAED,UAAU,CAAC;EAExE,oBACEL,KAAA,CAAAF,SAAA;IAAAM,QAAA,GACGD,gBAAgB,IAAIG,MAAM,iBACzBV,IAAA;MACEa,SAAS,EAAC,gBAAgB;MAC1BC,KAAK,EAAE;QAAEC,eAAe,EAAE;MAAc,CAAE;MAC1C,eAAY;IAA0B,CACvC,CACF,eACAlB,KAAK,CAACmB,YAAY,CAACR,QAAQ,EAAE;MAAEE,MAAM,EAAEA,MAAM,IAAIE;IAAgB,CAAC,CAAC;EAAA,CACpE,CAAC;AAEP;AAEA,eAAeP,cAAc"}

package/dist/modal/InfoModal.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/modal/InfoModal.scss"],"names":[],"mappings":"AAAA;AC6LA;ACvLA;EACE;EACA,gBAJ0B;;AAK1B;EACE,WARwB;EASxB;EACA;;AACA;EACE;;AAGJ;EACE,WAfwB;;AAgBxB;EACE;;AAGJ;EACE","file":"InfoModal.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\n$info-modal-icon-font-size: 120px;\n$info-modal-message-header: 24px;\n$info-modal-padding-bottom: 18px;\n\n.info-modal {\n  text-align: center;\n  padding-bottom: $info-modal-padding-bottom;\n  .message-icon {\n    font-size: $info-modal-icon-font-size;\n    text-align: center;\n    line-height: 1;\n    .svg-inline--fa {\n      font-size: inherit;\n    }\n  }\n  .message-header {\n    font-size: $info-modal-message-header;\n    .svg-inline--fa {\n      font-size: inherit;\n    }\n  }\n  .message-content {\n    font-style: italic;\n  }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/modal/InfoModal.scss"],"names":[],"mappings":"AAAA;AC6LA;ACvLA;EACE;EACA,gBAJ0B;;AAK1B;EACE,WARwB;EASxB;EACA;;AACA;EACE;;AAGJ;EACE,WAfwB;;AAgBxB;EACE;;AAGJ;EACE","file":"InfoModal.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\n$info-modal-icon-font-size: 120px;\n$info-modal-message-header: 24px;\n$info-modal-padding-bottom: 18px;\n\n.info-modal {\n  text-align: center;\n  padding-bottom: $info-modal-padding-bottom;\n  .message-icon {\n    font-size: $info-modal-icon-font-size;\n    text-align: center;\n    line-height: 1;\n    .svg-inline--fa {\n      font-size: inherit;\n    }\n  }\n  .message-header {\n    font-size: $info-modal-message-header;\n    .svg-inline--fa {\n      font-size: inherit;\n    }\n  }\n  .message-content {\n    font-style: italic;\n  }\n}\n"]}

package/dist/modal/InfoModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoModal.js","names":["React","FontAwesomeIcon","Modal","ModalBody","jsx","_jsx","jsxs","_jsxs","InfoModal","_ref","className","icon","isOpen","subtitle","title","children"],"sources":["../../src/modal/InfoModal.tsx"],"sourcesContent":["import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { type IconProp } from '@fortawesome/fontawesome-svg-core';\nimport Modal from './Modal';\nimport ModalBody from './ModalBody';\nimport './InfoModal.scss';\n\ntype InfoModalProps = {\n  /** Class name to give the info modal */\n  className?: string;\n\n  /** Icon to display in the modal */\n  icon?: IconProp;\n\n  /** Title to display in the modal */\n  title: React.ReactNode;\n\n  /** Subtitle/detail to display in the modal */\n  subtitle?: React.ReactNode;\n\n  /** Whether the modal is open/visible or not. */\n  isOpen?: boolean;\n};\n\n/**\n * A modal that displays a message with an icon. Can be used for informational messages, warnings, or errors.\n * Does not have any buttons and cannot be dismissed.\n */\nfunction InfoModal({\n  className,\n  icon,\n  isOpen = false,\n  subtitle,\n  title,\n}: InfoModalProps): JSX.Element {\n  return (\n    <Modal isOpen={isOpen} className={className}>\n      <ModalBody>\n        <div className=\"info-modal\">\n          {icon != null && (\n            <div className=\"message-icon\">\n              <FontAwesomeIcon icon={icon} />\n            </div>\n          )}\n          <div className=\"message-header\">{title}</div>\n          {subtitle != null && (\n            <div className=\"message-content\">{subtitle}</div>\n          )}\n        </div>\n      </ModalBody>\n    </Modal>\n  );\n}\n\nexport default InfoModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAAC,OAE1DC,KAAK;AAAA,OACLC,SAAS;AAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAoBhB;AACA;AACA;AACA;AACA,SAASC,SAASA,CAAAC,IAAA,EAMc;EAAA,IANb;IACjBC,SAAS;IACTC,IAAI;IACJC,MAAM,GAAG,KAAK;IACdC,QAAQ;IACRC;EACc,CAAC,GAAAL,IAAA;EACf,oBACEJ,IAAA,CAACH,KAAK;IAACU,MAAM,EAAEA,MAAO;IAACF,SAAS,EAAEA,SAAU;IAAAK,QAAA,eAC1CV,IAAA,CAACF,SAAS;MAAAY,QAAA,eACRR,KAAA;QAAKG,SAAS,EAAC,YAAY;QAAAK,QAAA,GACxBJ,IAAI,IAAI,IAAI,iBACXN,IAAA;UAAKK,SAAS,EAAC,cAAc;UAAAK,QAAA,eAC3BV,IAAA,CAACJ,eAAe;YAACU,IAAI,EAAEA;UAAK,CAAE;QAAC,CAC5B,CACN,eACDN,IAAA;UAAKK,SAAS,EAAC,gBAAgB;UAAAK,QAAA,EAAED;QAAK,CAAM,CAAC,EAC5CD,QAAQ,IAAI,IAAI,iBACfR,IAAA;UAAKK,SAAS,EAAC,iBAAiB;UAAAK,QAAA,EAAEF;QAAQ,CAAM,CACjD;MAAA,CACE;IAAC,CACG;EAAC,CACP,CAAC;AAEZ;AAEA,eAAeL,SAAS","ignoreList":[]}
+{"version":3,"file":"InfoModal.js","names":["React","FontAwesomeIcon","Modal","ModalBody","jsx","_jsx","jsxs","_jsxs","InfoModal","_ref","className","icon","isOpen","subtitle","title","children"],"sources":["../../src/modal/InfoModal.tsx"],"sourcesContent":["import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { type IconProp } from '@fortawesome/fontawesome-svg-core';\nimport Modal from './Modal';\nimport ModalBody from './ModalBody';\nimport './InfoModal.scss';\n\ntype InfoModalProps = {\n  /** Class name to give the info modal */\n  className?: string;\n\n  /** Icon to display in the modal */\n  icon?: IconProp;\n\n  /** Title to display in the modal */\n  title: React.ReactNode;\n\n  /** Subtitle/detail to display in the modal */\n  subtitle?: React.ReactNode;\n\n  /** Whether the modal is open/visible or not. */\n  isOpen?: boolean;\n};\n\n/**\n * A modal that displays a message with an icon. Can be used for informational messages, warnings, or errors.\n * Does not have any buttons and cannot be dismissed.\n */\nfunction InfoModal({\n  className,\n  icon,\n  isOpen = false,\n  subtitle,\n  title,\n}: InfoModalProps): JSX.Element {\n  return (\n    <Modal isOpen={isOpen} className={className}>\n      <ModalBody>\n        <div className=\"info-modal\">\n          {icon != null && (\n            <div className=\"message-icon\">\n              <FontAwesomeIcon icon={icon} />\n            </div>\n          )}\n          <div className=\"message-header\">{title}</div>\n          {subtitle != null && (\n            <div className=\"message-content\">{subtitle}</div>\n          )}\n        </div>\n      </ModalBody>\n    </Modal>\n  );\n}\n\nexport default InfoModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAAC,OAE1DC,KAAK;AAAA,OACLC,SAAS;AAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAoBhB;AACA;AACA;AACA;AACA,SAASC,SAASA,CAAAC,IAAA,EAMc;EAAA,IANb;IACjBC,SAAS;IACTC,IAAI;IACJC,MAAM,GAAG,KAAK;IACdC,QAAQ;IACRC;EACc,CAAC,GAAAL,IAAA;EACf,oBACEJ,IAAA,CAACH,KAAK;IAACU,MAAM,EAAEA,MAAO;IAACF,SAAS,EAAEA,SAAU;IAAAK,QAAA,eAC1CV,IAAA,CAACF,SAAS;MAAAY,QAAA,eACRR,KAAA;QAAKG,SAAS,EAAC,YAAY;QAAAK,QAAA,GACxBJ,IAAI,IAAI,IAAI,iBACXN,IAAA;UAAKK,SAAS,EAAC,cAAc;UAAAK,QAAA,eAC3BV,IAAA,CAACJ,eAAe;YAACU,IAAI,EAAEA;UAAK,CAAE;QAAC,CAC5B,CACN,eACDN,IAAA;UAAKK,SAAS,EAAC,gBAAgB;UAAAK,QAAA,EAAED;QAAK,CAAM,CAAC,EAC5CD,QAAQ,IAAI,IAAI,iBACfR,IAAA;UAAKK,SAAS,EAAC,iBAAiB;UAAAK,QAAA,EAAEF;QAAQ,CAAM,CACjD;MAAA,CACE;IAAC,CACG;EAAC,CACP,CAAC;AAEZ;AAEA,eAAeL,SAAS"}

package/dist/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["classNames","React","useCallback","useEffect","useRef","useState","ReactDOM","CSSTransition","ThemeExport","SpectrumThemeProvider","jsx","_jsx","jsxs","_jsxs","Modal","_ref","className","children","role","keyboard","clickOutside","isOpen","centered","size","onOpened","onClosed","toggle","dataTestId","element","background","backgroundClicked","setBackgroundClicked","handleKeyDown","event","key","addKeydownEventListener","window","addEventListener","removeEventListener","open","closed","current","document","createElement","setAttribute","body","appendChild","onExited","removeChild","undefined","createPortal","isPortal","zIndex","position","appear","mountOnEnter","unmountOnExit","in","appearActive","appearDone","timeout","transitionMs","style","ref","onMouseDown","e","target","onMouseUp","display"],"sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport ThemeExport from '../ThemeExport';\nimport { SpectrumThemeProvider } from '../theme/SpectrumThemeProvider';\n\ninterface ModalProps {\n  className?: string;\n  children?: ReactNode;\n  role?: string;\n  keyboard?: boolean;\n  clickOutside?: boolean;\n  isOpen?: boolean;\n  centered?: boolean;\n  size?: 'sm' | 'lg' | 'xl' | undefined;\n  onOpened?: () => void;\n  onClosed?: () => void;\n  toggle?: () => void;\n  'data-testid'?: string;\n}\n\nfunction Modal({\n  className,\n  children,\n  role = 'role',\n  keyboard = true,\n  clickOutside = true,\n  isOpen = false,\n  centered = false,\n  size,\n  onOpened,\n  onClosed,\n  toggle,\n  'data-testid': dataTestId,\n}: ModalProps): React.ReactElement | null {\n  const element = useRef<HTMLElement>();\n  const background = useRef<HTMLDivElement>(null);\n  const [backgroundClicked, setBackgroundClicked] = useState(false);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent): void => {\n      switch (event.key) {\n        case 'Escape':\n          toggle?.();\n          break;\n        default:\n          break;\n      }\n    },\n    [toggle]\n  );\n\n  useEffect(\n    function addKeydownEventListener() {\n      if (isOpen && keyboard) {\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n      }\n    },\n    [handleKeyDown, isOpen, keyboard]\n  );\n\n  useEffect(\n    function open() {\n      if (isOpen && onOpened) {\n        onOpened();\n      }\n    },\n    [onOpened, isOpen]\n  );\n\n  useEffect(\n    function closed() {\n      if (!isOpen && onClosed) {\n        onClosed();\n      }\n    },\n    [onClosed, isOpen]\n  );\n\n  if (isOpen && !element.current) {\n    element.current = document.createElement('div');\n    element.current.setAttribute(\n      'style',\n      'padding-right: 15px; display: block'\n    );\n    element.current.setAttribute('role', 'presentation');\n    document.body.appendChild(element.current);\n  }\n\n  const onExited = (): void => {\n    if (element.current) {\n      document.body.removeChild(element.current);\n      element.current = undefined;\n    }\n  };\n\n  return element.current\n    ? ReactDOM.createPortal(\n        // Without the zIndex and position props\n        // the modal is rendered on top of nested DatePicker popovers\n        <SpectrumThemeProvider isPortal zIndex={0} position=\"relative\">\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearActive: 'show',\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n          >\n            <div\n              className={classNames('modal-backdrop fade')}\n              style={{ zIndex: 1050 }}\n            />\n          </CSSTransition>\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n          >\n            <div\n              ref={background}\n              className=\"modal fade\"\n              onMouseDown={e => {\n                if (e.target === background.current) {\n                  setBackgroundClicked(true);\n                } else {\n                  setBackgroundClicked(false);\n                }\n              }}\n              onMouseUp={e => {\n                if (\n                  backgroundClicked &&\n                  clickOutside &&\n                  e.target === background.current &&\n                  toggle !== undefined\n                ) {\n                  toggle();\n                }\n              }}\n              role=\"dialog\"\n              style={{ display: 'block' }}\n            >\n              <div\n                className={classNames('modal-dialog', className, {\n                  'modal-lg': size === 'lg',\n                  'modal-sm': size === 'sm',\n                  'modal-xl': size === 'xl',\n                  'modal-dialog-centered': centered,\n                })}\n                style={{ zIndex: 1040 }}\n              >\n                <div\n                  className=\"modal-content\"\n                  role=\"presentation\"\n                  data-testid={dataTestId}\n                >\n                  {children}\n                </div>\n              </div>\n            </div>\n          </CSSTransition>\n        </SpectrumThemeProvider>,\n        element.current\n      )\n    : null;\n}\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Modal.js","names":["classNames","React","useCallback","useEffect","useRef","useState","ReactDOM","CSSTransition","ThemeExport","SpectrumThemeProvider","jsx","_jsx","jsxs","_jsxs","Modal","_ref","className","children","role","keyboard","clickOutside","isOpen","centered","size","onOpened","onClosed","toggle","dataTestId","element","background","backgroundClicked","setBackgroundClicked","handleKeyDown","event","key","addKeydownEventListener","window","addEventListener","removeEventListener","open","closed","current","document","createElement","setAttribute","body","appendChild","onExited","removeChild","undefined","createPortal","isPortal","zIndex","position","appear","mountOnEnter","unmountOnExit","in","appearActive","appearDone","timeout","transitionMs","style","ref","onMouseDown","e","target","onMouseUp","display"],"sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport ThemeExport from '../ThemeExport';\nimport { SpectrumThemeProvider } from '../theme/SpectrumThemeProvider';\n\ninterface ModalProps {\n  className?: string;\n  children?: ReactNode;\n  role?: string;\n  keyboard?: boolean;\n  clickOutside?: boolean;\n  isOpen?: boolean;\n  centered?: boolean;\n  size?: 'sm' | 'lg' | 'xl' | undefined;\n  onOpened?: () => void;\n  onClosed?: () => void;\n  toggle?: () => void;\n  'data-testid'?: string;\n}\n\nfunction Modal({\n  className,\n  children,\n  role = 'role',\n  keyboard = true,\n  clickOutside = true,\n  isOpen = false,\n  centered = false,\n  size,\n  onOpened,\n  onClosed,\n  toggle,\n  'data-testid': dataTestId,\n}: ModalProps): React.ReactElement | null {\n  const element = useRef<HTMLElement>();\n  const background = useRef<HTMLDivElement>(null);\n  const [backgroundClicked, setBackgroundClicked] = useState(false);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent): void => {\n      switch (event.key) {\n        case 'Escape':\n          toggle?.();\n          break;\n        default:\n          break;\n      }\n    },\n    [toggle]\n  );\n\n  useEffect(\n    function addKeydownEventListener() {\n      if (isOpen && keyboard) {\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n      }\n    },\n    [handleKeyDown, isOpen, keyboard]\n  );\n\n  useEffect(\n    function open() {\n      if (isOpen && onOpened) {\n        onOpened();\n      }\n    },\n    [onOpened, isOpen]\n  );\n\n  useEffect(\n    function closed() {\n      if (!isOpen && onClosed) {\n        onClosed();\n      }\n    },\n    [onClosed, isOpen]\n  );\n\n  if (isOpen && !element.current) {\n    element.current = document.createElement('div');\n    element.current.setAttribute(\n      'style',\n      'padding-right: 15px; display: block'\n    );\n    element.current.setAttribute('role', 'presentation');\n    document.body.appendChild(element.current);\n  }\n\n  const onExited = (): void => {\n    if (element.current) {\n      document.body.removeChild(element.current);\n      element.current = undefined;\n    }\n  };\n\n  return element.current\n    ? ReactDOM.createPortal(\n        // Without the zIndex and position props\n        // the modal is rendered on top of nested DatePicker popovers\n        <SpectrumThemeProvider isPortal zIndex={0} position=\"relative\">\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearActive: 'show',\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n          >\n            <div\n              className={classNames('modal-backdrop fade')}\n              style={{ zIndex: 1050 }}\n            />\n          </CSSTransition>\n          <CSSTransition\n            appear\n            mountOnEnter\n            unmountOnExit\n            in={isOpen}\n            classNames={{\n              appearDone: 'show',\n            }}\n            timeout={ThemeExport.transitionMs}\n            onExited={onExited}\n          >\n            <div\n              ref={background}\n              className=\"modal fade\"\n              onMouseDown={e => {\n                if (e.target === background.current) {\n                  setBackgroundClicked(true);\n                } else {\n                  setBackgroundClicked(false);\n                }\n              }}\n              onMouseUp={e => {\n                if (\n                  backgroundClicked &&\n                  clickOutside &&\n                  e.target === background.current &&\n                  toggle !== undefined\n                ) {\n                  toggle();\n                }\n              }}\n              role=\"dialog\"\n              style={{ display: 'block' }}\n            >\n              <div\n                className={classNames('modal-dialog', className, {\n                  'modal-lg': size === 'lg',\n                  'modal-sm': size === 'sm',\n                  'modal-xl': size === 'xl',\n                  'modal-dialog-centered': centered,\n                })}\n                style={{ zIndex: 1040 }}\n              >\n                <div\n                  className=\"modal-content\"\n                  role=\"presentation\"\n                  data-testid={dataTestId}\n                >\n                  {children}\n                </div>\n              </div>\n            </div>\n          </CSSTransition>\n        </SpectrumThemeProvider>,\n        element.current\n      )\n    : null;\n}\n\nexport default Modal;\n"],"mappings":"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"}

package/dist/modal/ModalBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBody.js","names":["React","classNames","jsx","_jsx","ModalBody","_ref","className","style","children","dataTestId"],"sources":["../../src/modal/ModalBody.tsx"],"sourcesContent":["import React, {\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport classNames from 'classnames';\n\ninterface ModalBodyProps {\n  className?: string;\n  style?: CSSProperties;\n  children?: ReactNode;\n  'data-testid'?: string;\n}\n\nfunction ModalBody({\n  className,\n  style,\n  children,\n  'data-testid': dataTestId,\n}: ModalBodyProps): ReactElement {\n  return (\n    <div\n      className={classNames('modal-body', className)}\n      data-testid={dataTestId}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport default ModalBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAIL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpC,SAASC,SAASA,CAAAC,IAAA,EAKe;EAAA,IALd;IACjBC,SAAS;IACTC,KAAK;IACLC,QAAQ;IACR,aAAa,EAAEC;EACD,CAAC,GAAAJ,IAAA;EACf,oBACEF,IAAA;IACEG,SAAS,EAAEL,UAAU,CAAC,YAAY,EAAEK,SAAS,CAAE;IAC/C,eAAaG,UAAW;IACxBF,KAAK,EAAEA,KAAM;IAAAC,QAAA,EAEZA;EAAQ,CACN,CAAC;AAEV;AAEA,eAAeJ,SAAS","ignoreList":[]}
+{"version":3,"file":"ModalBody.js","names":["React","classNames","jsx","_jsx","ModalBody","_ref","className","style","children","dataTestId"],"sources":["../../src/modal/ModalBody.tsx"],"sourcesContent":["import React, {\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport classNames from 'classnames';\n\ninterface ModalBodyProps {\n  className?: string;\n  style?: CSSProperties;\n  children?: ReactNode;\n  'data-testid'?: string;\n}\n\nfunction ModalBody({\n  className,\n  style,\n  children,\n  'data-testid': dataTestId,\n}: ModalBodyProps): ReactElement {\n  return (\n    <div\n      className={classNames('modal-body', className)}\n      data-testid={dataTestId}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport default ModalBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAIL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpC,SAASC,SAASA,CAAAC,IAAA,EAKe;EAAA,IALd;IACjBC,SAAS;IACTC,KAAK;IACLC,QAAQ;IACR,aAAa,EAAEC;EACD,CAAC,GAAAJ,IAAA;EACf,oBACEF,IAAA;IACEG,SAAS,EAAEL,UAAU,CAAC,YAAY,EAAEK,SAAS,CAAE;IAC/C,eAAaG,UAAW;IACxBF,KAAK,EAAEA,KAAM;IAAAC,QAAA,EAEZA;EAAQ,CACN,CAAC;AAEV;AAEA,eAAeJ,SAAS"}

package/dist/modal/ModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalFooter.js","names":["React","classNames","jsx","_jsx","ModalFooter","_ref","className","children","dataTestId"],"sources":["../../src/modal/ModalFooter.tsx"],"sourcesContent":["import React, { type ReactElement, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\ninterface ModalFooterProps {\n  className?: string;\n  children?: ReactNode;\n  'data-testid'?: string;\n}\n\nfunction ModalFooter({\n  className,\n  children,\n  'data-testid': dataTestId,\n}: ModalFooterProps): ReactElement {\n  return (\n    <div\n      className={classNames('modal-footer', className)}\n      data-testid={dataTestId}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport default ModalFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6C,OAAO;AAChE,OAAOC,UAAU,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpC,SAASC,WAAWA,CAAAC,IAAA,EAIe;EAAA,IAJd;IACnBC,SAAS;IACTC,QAAQ;IACR,aAAa,EAAEC;EACC,CAAC,GAAAH,IAAA;EACjB,oBACEF,IAAA;IACEG,SAAS,EAAEL,UAAU,CAAC,cAAc,EAAEK,SAAS,CAAE;IACjD,eAAaE,UAAW;IAAAD,QAAA,EAEvBA;EAAQ,CACN,CAAC;AAEV;AAEA,eAAeH,WAAW","ignoreList":[]}
+{"version":3,"file":"ModalFooter.js","names":["React","classNames","jsx","_jsx","ModalFooter","_ref","className","children","dataTestId"],"sources":["../../src/modal/ModalFooter.tsx"],"sourcesContent":["import React, { type ReactElement, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\ninterface ModalFooterProps {\n  className?: string;\n  children?: ReactNode;\n  'data-testid'?: string;\n}\n\nfunction ModalFooter({\n  className,\n  children,\n  'data-testid': dataTestId,\n}: ModalFooterProps): ReactElement {\n  return (\n    <div\n      className={classNames('modal-footer', className)}\n      data-testid={dataTestId}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport default ModalFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6C,OAAO;AAChE,OAAOC,UAAU,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpC,SAASC,WAAWA,CAAAC,IAAA,EAIe;EAAA,IAJd;IACnBC,SAAS;IACTC,QAAQ;IACR,aAAa,EAAEC;EACC,CAAC,GAAAH,IAAA;EACjB,oBACEF,IAAA;IACEG,SAAS,EAAEL,UAAU,CAAC,cAAc,EAAEK,SAAS,CAAE;IACjD,eAAaE,UAAW;IAAAD,QAAA,EAEvBA;EAAQ,CACN,CAAC;AAEV;AAEA,eAAeH,WAAW"}

package/dist/modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","names":["React","classNames","jsx","_jsx","jsxs","_jsxs","ModalHeader","_ref","className","children","closeButton","style","toggle","dataTestId","type","onClick"],"sources":["../../src/modal/ModalHeader.tsx"],"sourcesContent":["import React, {\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport classNames from 'classnames';\n\ninterface ModalHeaderProps {\n  className?: string;\n  children?: ReactNode;\n  closeButton?: boolean;\n  style?: CSSProperties;\n  toggle?: () => void;\n  'data-testid'?: string;\n}\n\nfunction ModalHeader({\n  className,\n  children,\n  closeButton = true,\n  style,\n  toggle,\n  'data-testid': dataTestId,\n}: ModalHeaderProps): ReactElement {\n  return (\n    <div className={classNames('modal-header', className)} style={style}>\n      <h5 className=\"modal-title\">{children}</h5>\n      {closeButton && (\n        <button\n          type=\"button\"\n          className=\"close\"\n          data-dismiss=\"modal\"\n          aria-label=\"Close\"\n          onClick={toggle}\n        >\n          <span aria-hidden=\"true\">&times;</span>\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport default ModalHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAIL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAWpC,SAASC,WAAWA,CAAAC,IAAA,EAOe;EAAA,IAPd;IACnBC,SAAS;IACTC,QAAQ;IACRC,WAAW,GAAG,IAAI;IAClBC,KAAK;IACLC,MAAM;IACN,aAAa,EAAEC;EACC,CAAC,GAAAN,IAAA;EACjB,oBACEF,KAAA;IAAKG,SAAS,EAAEP,UAAU,CAAC,cAAc,EAAEO,SAAS,CAAE;IAACG,KAAK,EAAEA,KAAM;IAAAF,QAAA,gBAClEN,IAAA;MAAIK,SAAS,EAAC,aAAa;MAAAC,QAAA,EAAEA;IAAQ,CAAK,CAAC,EAC1CC,WAAW,iBACVP,IAAA;MACEW,IAAI,EAAC,QAAQ;MACbN,SAAS,EAAC,OAAO;MACjB,gBAAa,OAAO;MACpB,cAAW,OAAO;MAClBO,OAAO,EAAEH,MAAO;MAAAH,QAAA,eAEhBN,IAAA;QAAM,eAAY,MAAM;QAAAM,QAAA,EAAC;MAAO,CAAM;IAAC,CACjC,CACT;EAAA,CACE,CAAC;AAEV;AAEA,eAAeH,WAAW","ignoreList":[]}
+{"version":3,"file":"ModalHeader.js","names":["React","classNames","jsx","_jsx","jsxs","_jsxs","ModalHeader","_ref","className","children","closeButton","style","toggle","dataTestId","type","onClick"],"sources":["../../src/modal/ModalHeader.tsx"],"sourcesContent":["import React, {\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport classNames from 'classnames';\n\ninterface ModalHeaderProps {\n  className?: string;\n  children?: ReactNode;\n  closeButton?: boolean;\n  style?: CSSProperties;\n  toggle?: () => void;\n  'data-testid'?: string;\n}\n\nfunction ModalHeader({\n  className,\n  children,\n  closeButton = true,\n  style,\n  toggle,\n  'data-testid': dataTestId,\n}: ModalHeaderProps): ReactElement {\n  return (\n    <div className={classNames('modal-header', className)} style={style}>\n      <h5 className=\"modal-title\">{children}</h5>\n      {closeButton && (\n        <button\n          type=\"button\"\n          className=\"close\"\n          data-dismiss=\"modal\"\n          aria-label=\"Close\"\n          onClick={toggle}\n        >\n          <span aria-hidden=\"true\">&times;</span>\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport default ModalHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAIL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAWpC,SAASC,WAAWA,CAAAC,IAAA,EAOe;EAAA,IAPd;IACnBC,SAAS;IACTC,QAAQ;IACRC,WAAW,GAAG,IAAI;IAClBC,KAAK;IACLC,MAAM;IACN,aAAa,EAAEC;EACC,CAAC,GAAAN,IAAA;EACjB,oBACEF,KAAA;IAAKG,SAAS,EAAEP,UAAU,CAAC,cAAc,EAAEO,SAAS,CAAE;IAACG,KAAK,EAAEA,KAAM;IAAAF,QAAA,gBAClEN,IAAA;MAAIK,SAAS,EAAC,aAAa;MAAAC,QAAA,EAAEA;IAAQ,CAAK,CAAC,EAC1CC,WAAW,iBACVP,IAAA;MACEW,IAAI,EAAC,QAAQ;MACbN,SAAS,EAAC,OAAO;MACjB,gBAAa,OAAO;MACpB,cAAW,OAAO;MAClBO,OAAO,EAAEH,MAAO;MAAAH,QAAA,eAEhBN,IAAA;QAAM,eAAY,MAAM;QAAAM,QAAA,EAAC;MAAO,CAAM;IAAC,CACjC,CACT;EAAA,CACE,CAAC;AAEV;AAEA,eAAeH,WAAW"}

package/dist/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","DebouncedModal","InfoModal","Modal","ModalBody","ModalHeader","ModalFooter"],"sources":["../../src/modal/index.ts"],"sourcesContent":["export { default as DebouncedModal } from './DebouncedModal';\nexport { default as InfoModal } from './InfoModal';\nexport { default as Modal } from './Modal';\nexport { default as ModalBody } from './ModalBody';\nexport { default as ModalHeader } from './ModalHeader';\nexport { default as ModalFooter } from './ModalFooter';\n"],"mappings":"SAASA,OAAO,IAAIC,cAAc;AAAA,SACzBD,OAAO,IAAIE,SAAS;AAAA,SACpBF,OAAO,IAAIG,KAAK;AAAA,SAChBH,OAAO,IAAII,SAAS;AAAA,SACpBJ,OAAO,IAAIK,WAAW;AAAA,SACtBL,OAAO,IAAIM,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","DebouncedModal","InfoModal","Modal","ModalBody","ModalHeader","ModalFooter"],"sources":["../../src/modal/index.ts"],"sourcesContent":["export { default as DebouncedModal } from './DebouncedModal';\nexport { default as InfoModal } from './InfoModal';\nexport { default as Modal } from './Modal';\nexport { default as ModalBody } from './ModalBody';\nexport { default as ModalHeader } from './ModalHeader';\nexport { default as ModalFooter } from './ModalFooter';\n"],"mappings":"SAASA,OAAO,IAAIC,cAAc;AAAA,SACzBD,OAAO,IAAIE,SAAS;AAAA,SACpBF,OAAO,IAAIG,KAAK;AAAA,SAChBH,OAAO,IAAII,SAAS;AAAA,SACpBJ,OAAO,IAAIK,WAAW;AAAA,SACtBL,OAAO,IAAIM,WAAW"}

package/dist/navigation/Menu.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/navigation/Menu.scss"],"names":[],"mappings":"AAAA;AC6LA;AC3LA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA","file":"Menu.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\n.navigation-menu-view {\n  display: flex;\n  flex-direction: column;\n\n  .navigation-menu-list {\n    padding: $spacer-1 0;\n    text-align: left;\n    overflow: auto;\n    flex-grow: 1;\n  }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/navigation/Menu.scss"],"names":[],"mappings":"AAAA;AC6LA;AC3LA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA","file":"Menu.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\n.navigation-menu-view {\n  display: flex;\n  flex-direction: column;\n\n  .navigation-menu-list {\n    padding: $spacer-1 0;\n    text-align: left;\n    overflow: auto;\n    flex-grow: 1;\n  }\n}\n"]}

package/dist/navigation/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["React","MenuItem","jsx","_jsx","Menu","_ref","items","onSelect","undefined","dataTestId","className","children","map","item","itemIndex","title"],"sources":["../../src/navigation/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport MenuItem, { type MenuItemDef } from './MenuItem';\nimport './Menu.scss';\n\nexport type MenuSelectCallback = (itemIndex: number) => void;\n\nexport type MenuProps = {\n  items: readonly MenuItemDef[];\n  onSelect?: MenuSelectCallback;\n  'data-testid'?: string;\n};\n\nexport function Menu({\n  items,\n  onSelect = () => undefined,\n  'data-testid': dataTestId,\n}: MenuProps): JSX.Element {\n  return (\n    <div className=\"navigation-menu-view\" data-testid={dataTestId}>\n      <ul className=\"navigation-menu-list\">\n        {items.map((item, itemIndex) => (\n          <li key={item.title}>\n            <MenuItem\n              item={item}\n              onSelect={() => {\n                onSelect(itemIndex);\n              }}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,OACnBC,QAAQ;AAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAWf,OAAO,SAASC,IAAIA,CAAAC,IAAA,EAIO;EAAA,IAJN;IACnBC,KAAK;IACLC,QAAQ,EAARA,SAAQ,GAAGA,CAAA,KAAMC,SAAS;IAC1B,aAAa,EAAEC;EACN,CAAC,GAAAJ,IAAA;EACV,oBACEF,IAAA;IAAKO,SAAS,EAAC,sBAAsB;IAAC,eAAaD,UAAW;IAAAE,QAAA,eAC5DR,IAAA;MAAIO,SAAS,EAAC,sBAAsB;MAAAC,QAAA,EACjCL,KAAK,CAACM,GAAG,CAAC,CAACC,IAAI,EAAEC,SAAS,kBACzBX,IAAA;QAAAQ,QAAA,eACER,IAAA,CAACF,QAAQ;UACPY,IAAI,EAAEA,IAAK;UACXN,QAAQ,EAAEA,CAAA,KAAM;YACdA,SAAQ,CAACO,SAAS,CAAC;UACrB;QAAE,CACH;MAAC,GANKD,IAAI,CAACE,KAOV,CACL;IAAC,CACA;EAAC,CACF,CAAC;AAEV;AAEA,eAAeX,IAAI","ignoreList":[]}
+{"version":3,"file":"Menu.js","names":["React","MenuItem","jsx","_jsx","Menu","_ref","items","onSelect","undefined","dataTestId","className","children","map","item","itemIndex","title"],"sources":["../../src/navigation/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport MenuItem, { type MenuItemDef } from './MenuItem';\nimport './Menu.scss';\n\nexport type MenuSelectCallback = (itemIndex: number) => void;\n\nexport type MenuProps = {\n  items: readonly MenuItemDef[];\n  onSelect?: MenuSelectCallback;\n  'data-testid'?: string;\n};\n\nexport function Menu({\n  items,\n  onSelect = () => undefined,\n  'data-testid': dataTestId,\n}: MenuProps): JSX.Element {\n  return (\n    <div className=\"navigation-menu-view\" data-testid={dataTestId}>\n      <ul className=\"navigation-menu-list\">\n        {items.map((item, itemIndex) => (\n          <li key={item.title}>\n            <MenuItem\n              item={item}\n              onSelect={() => {\n                onSelect(itemIndex);\n              }}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,OACnBC,QAAQ;AAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAWf,OAAO,SAASC,IAAIA,CAAAC,IAAA,EAIO;EAAA,IAJN;IACnBC,KAAK;IACLC,QAAQ,EAARA,SAAQ,GAAGA,CAAA,KAAMC,SAAS;IAC1B,aAAa,EAAEC;EACN,CAAC,GAAAJ,IAAA;EACV,oBACEF,IAAA;IAAKO,SAAS,EAAC,sBAAsB;IAAC,eAAaD,UAAW;IAAAE,QAAA,eAC5DR,IAAA;MAAIO,SAAS,EAAC,sBAAsB;MAAAC,QAAA,EACjCL,KAAK,CAACM,GAAG,CAAC,CAACC,IAAI,EAAEC,SAAS,kBACzBX,IAAA;QAAAQ,QAAA,eACER,IAAA,CAACF,QAAQ;UACPY,IAAI,EAAEA,IAAK;UACXN,QAAQ,EAAEA,CAAA,KAAM;YACdA,SAAQ,CAACO,SAAS,CAAC;UACrB;QAAE,CACH;MAAC,GANKD,IAAI,CAACE,KAOV,CACL;IAAC,CACA;EAAC,CACF,CAAC;AAEV;AAEA,eAAeX,IAAI"}

package/dist/navigation/MenuItem.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/navigation/MenuItem.scss","../../scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;AC3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE,ODNO;ECOP;EACA;EACA;EACA;;AAGF;EACE;EACA,cC5BO;;AD+BT;EACE;EACA;EACA,YDiJyB;EChJzB;;AAGF;EACE;EACA,ODRS;ECST;;AAEA;EACE,ODhCK;;ACmCP;EAGE","file":"MenuItem.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\n.btn-navigation-menu-item {\n  display: flex;\n  list-style: none;\n  font-weight: normal;\n  color: var(--dh-color-menu-item-fg);\n  border-radius: 0;\n  text-align: left;\n  margin: 0;\n  padding: $spacer-1 $spacer-1 $spacer-1 $spacer-3;\n  padding-right: 0;\n  width: 100%;\n  height: auto;\n  min-height: 32px;\n  text-decoration: none;\n  border: $input-border-width solid transparent;\n  transition: none;\n\n  .icon {\n    width: 25px;\n  }\n\n  .shortcut {\n    color: $text-muted;\n    flex-grow: 0;\n    margin-left: 0.5rem;\n    display: inline-block;\n    text-align: right;\n  }\n\n  .accessory {\n    margin-left: auto;\n    margin-right: $spacer-2;\n  }\n\n  &:focus {\n    background: var(--dh-color-item-list-selected-bg);\n    border: $input-border-width solid $primary;\n    box-shadow: $input-btn-focus-box-shadow;\n    text-decoration: none;\n  }\n\n  &:hover {\n    background: var(--dh-color-item-list-hover-bg);\n    color: $foreground;\n    text-decoration: none;\n\n    .shortcut {\n      color: $gray-300;\n    }\n\n    .btn-switch.active {\n      // the hover state of the navigation menu list and the btn-switch are both $primary\n      // apply a visual outline to the btn-switch via box shadow to make it more distinct\n      box-shadow: 0 0 0 $border-width $gray-700;\n    }\n  }\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 28%;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../scss/custom.scss","../../scss/bootstrap_overrides.scss","../../src/navigation/MenuItem.scss","../../scss/new_variables.scss"],"names":[],"mappings":"AAAA;AC6LA;AC3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE,ODNO;ECOP;EACA;EACA;EACA;;AAGF;EACE;EACA,cC5BO;;AD+BT;EACE;EACA;EACA,YDiJyB;EChJzB;;AAGF;EACE;EACA,ODRS;ECST;;AAEA;EACE,ODhCK;;ACmCP;EAGE","file":"MenuItem.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\n.btn-navigation-menu-item {\n  display: flex;\n  list-style: none;\n  font-weight: normal;\n  color: var(--dh-color-menu-item-fg);\n  border-radius: 0;\n  text-align: left;\n  margin: 0;\n  padding: $spacer-1 $spacer-1 $spacer-1 $spacer-3;\n  padding-right: 0;\n  width: 100%;\n  height: auto;\n  min-height: 32px;\n  text-decoration: none;\n  border: $input-border-width solid transparent;\n  transition: none;\n\n  .icon {\n    width: 25px;\n  }\n\n  .shortcut {\n    color: $text-muted;\n    flex-grow: 0;\n    margin-left: 0.5rem;\n    display: inline-block;\n    text-align: right;\n  }\n\n  .accessory {\n    margin-left: auto;\n    margin-right: $spacer-2;\n  }\n\n  &:focus {\n    background: var(--dh-color-item-list-selected-bg);\n    border: $input-border-width solid $primary;\n    box-shadow: $input-btn-focus-box-shadow;\n    text-decoration: none;\n  }\n\n  &:hover {\n    background: var(--dh-color-item-list-hover-bg);\n    color: $foreground;\n    text-decoration: none;\n\n    .shortcut {\n      color: $gray-300;\n    }\n\n    .btn-switch.active {\n      // the hover state of the navigation menu list and the btn-switch are both $primary\n      // apply a visual outline to the btn-switch via box shadow to make it more distinct\n      box-shadow: 0 0 0 $border-width $gray-700;\n    }\n  }\n}\n","@use 'sass:math';\n\n//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size:\n    $ant-size $ant-thickness,\n    $ant-size $ant-thickness,\n    $ant-thickness $ant-size,\n    $ant-thickness $ant-size;\n  background-position:\n    0 top,\n    0 bottom,\n    left 0,\n    right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 12%;\n$hover-bg-transparency: 14%;\n$active-bg-transparency: 28%;\n$exception-transparency: 28%;\n"]}

package/dist/navigation/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","useMemo","FontAwesomeIcon","vsChevronRight","UISwitch","jsx","_jsx","jsxs","_jsxs","isSwitchMenuItemType","item","isOn","undefined","MenuItem","_ref","onSelect","dataTestId","icon","subtitle","title","handleSelect","onChange","className","concat","onClick","onKeyDown","event","key","tabIndex","role","children","on","stopPropagation"],"sources":["../../src/navigation/MenuItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { type IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight } from '@deephaven/icons';\nimport './MenuItem.scss';\n\nimport UISwitch from '../UISwitch';\n\nexport type MenuItemDef = {\n  title: string;\n  subtitle?: string;\n  icon?: IconProp;\n};\n\nexport type SwitchMenuItemDef = MenuItemDef & {\n  isOn: boolean;\n  onChange: (isOn: boolean) => void;\n};\n\nfunction isSwitchMenuItemType(item: MenuItemDef): item is SwitchMenuItemDef {\n  return (item as SwitchMenuItemDef).isOn !== undefined;\n}\n\nexport type MenuItemProps = {\n  item: MenuItemDef;\n  onSelect?: () => void;\n  'data-testid'?: string;\n};\n\n/**\n * @param props.item The menu item to set. Set a SwitchMenuItemDef to show a switch.\n * @param props.onSelect Called when the menu item is selected\n */\nexport function MenuItem({\n  item,\n  onSelect = () => undefined,\n  'data-testid': dataTestId,\n}: MenuItemProps): JSX.Element {\n  const { icon, subtitle, title } = item;\n  const handleSelect = useMemo(() => {\n    if (isSwitchMenuItemType(item)) {\n      return () => {\n        item.onChange(!item.isOn);\n      };\n    }\n    return onSelect;\n  }, [item, onSelect]);\n  return (\n    <div\n      className=\"btn btn-navigation-menu-item\"\n      data-testid={`menu-item-${title}`}\n      onClick={handleSelect}\n      onKeyDown={event => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          handleSelect();\n        }\n      }}\n      tabIndex={0}\n      role=\"menuitem\"\n    >\n      {icon !== undefined && (\n        <div className=\"icon\">\n          <FontAwesomeIcon icon={icon} />\n        </div>\n      )}\n      <div className=\"title\">{title}</div>\n      {subtitle !== undefined && <div className=\"shortcut\">{subtitle}</div>}\n      <div className=\"accessory\" data-testid={dataTestId}>\n        {isSwitchMenuItemType(item) ? (\n          <UISwitch\n            on={item.isOn}\n            onClick={event => {\n              event.stopPropagation();\n              handleSelect();\n            }}\n          />\n        ) : (\n          <FontAwesomeIcon icon={vsChevronRight} />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,cAAc,QAAQ,kBAAkB;AAAC;AAAA,OAG3CC,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAaf,SAASC,oBAAoBA,CAACC,IAAiB,EAA6B;EAC1E,OAAQA,IAAI,CAAuBC,IAAI,KAAKC,SAAS;AACvD;AAQA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAAC,IAAA,EAIO;EAAA,IAJN;IACvBJ,IAAI;IACJK,QAAQ,GAAGA,CAAA,KAAMH,SAAS;IAC1B,aAAa,EAAEI;EACF,CAAC,GAAAF,IAAA;EACd,IAAM;IAAEG,IAAI;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGT,IAAI;EACtC,IAAMU,YAAY,GAAGnB,OAAO,CAAC,MAAM;IACjC,IAAIQ,oBAAoB,CAACC,IAAI,CAAC,EAAE;MAC9B,OAAO,MAAM;QACXA,IAAI,CAACW,QAAQ,CAAC,CAACX,IAAI,CAACC,IAAI,CAAC;MAC3B,CAAC;IACH;IACA,OAAOI,QAAQ;EACjB,CAAC,EAAE,CAACL,IAAI,EAAEK,QAAQ,CAAC,CAAC;EACpB,oBACEP,KAAA;IACEc,SAAS,EAAC,8BAA8B;IACxC,4BAAAC,MAAA,CAA0BJ,KAAK,CAAG;IAClCK,OAAO,EAAEJ,YAAa;IACtBK,SAAS,EAAEC,KAAK,IAAI;MAClB,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;QAC9CP,YAAY,CAAC,CAAC;MAChB;IACF,CAAE;IACFQ,QAAQ,EAAE,CAAE;IACZC,IAAI,EAAC,UAAU;IAAAC,QAAA,GAEdb,IAAI,KAAKL,SAAS,iBACjBN,IAAA;MAAKgB,SAAS,EAAC,MAAM;MAAAQ,QAAA,eACnBxB,IAAA,CAACJ,eAAe;QAACe,IAAI,EAAEA;MAAK,CAAE;IAAC,CAC5B,CACN,eACDX,IAAA;MAAKgB,SAAS,EAAC,OAAO;MAAAQ,QAAA,EAAEX;IAAK,CAAM,CAAC,EACnCD,QAAQ,KAAKN,SAAS,iBAAIN,IAAA;MAAKgB,SAAS,EAAC,UAAU;MAAAQ,QAAA,EAAEZ;IAAQ,CAAM,CAAC,eACrEZ,IAAA;MAAKgB,SAAS,EAAC,WAAW;MAAC,eAAaN,UAAW;MAAAc,QAAA,EAChDrB,oBAAoB,CAACC,IAAI,CAAC,gBACzBJ,IAAA,CAACF,QAAQ;QACP2B,EAAE,EAAErB,IAAI,CAACC,IAAK;QACda,OAAO,EAAEE,KAAK,IAAI;UAChBA,KAAK,CAACM,eAAe,CAAC,CAAC;UACvBZ,YAAY,CAAC,CAAC;QAChB;MAAE,CACH,CAAC,gBAEFd,IAAA,CAACJ,eAAe;QAACe,IAAI,EAAEd;MAAe,CAAE;IACzC,CACE,CAAC;EAAA,CACH,CAAC;AAEV;AAEA,eAAeU,QAAQ","ignoreList":[]}
+{"version":3,"file":"MenuItem.js","names":["React","useMemo","FontAwesomeIcon","vsChevronRight","UISwitch","jsx","_jsx","jsxs","_jsxs","isSwitchMenuItemType","item","isOn","undefined","MenuItem","_ref","onSelect","dataTestId","icon","subtitle","title","handleSelect","onChange","className","concat","onClick","onKeyDown","event","key","tabIndex","role","children","on","stopPropagation"],"sources":["../../src/navigation/MenuItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { type IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight } from '@deephaven/icons';\nimport './MenuItem.scss';\n\nimport UISwitch from '../UISwitch';\n\nexport type MenuItemDef = {\n  title: string;\n  subtitle?: string;\n  icon?: IconProp;\n};\n\nexport type SwitchMenuItemDef = MenuItemDef & {\n  isOn: boolean;\n  onChange: (isOn: boolean) => void;\n};\n\nfunction isSwitchMenuItemType(item: MenuItemDef): item is SwitchMenuItemDef {\n  return (item as SwitchMenuItemDef).isOn !== undefined;\n}\n\nexport type MenuItemProps = {\n  item: MenuItemDef;\n  onSelect?: () => void;\n  'data-testid'?: string;\n};\n\n/**\n * @param props.item The menu item to set. Set a SwitchMenuItemDef to show a switch.\n * @param props.onSelect Called when the menu item is selected\n */\nexport function MenuItem({\n  item,\n  onSelect = () => undefined,\n  'data-testid': dataTestId,\n}: MenuItemProps): JSX.Element {\n  const { icon, subtitle, title } = item;\n  const handleSelect = useMemo(() => {\n    if (isSwitchMenuItemType(item)) {\n      return () => {\n        item.onChange(!item.isOn);\n      };\n    }\n    return onSelect;\n  }, [item, onSelect]);\n  return (\n    <div\n      className=\"btn btn-navigation-menu-item\"\n      data-testid={`menu-item-${title}`}\n      onClick={handleSelect}\n      onKeyDown={event => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          handleSelect();\n        }\n      }}\n      tabIndex={0}\n      role=\"menuitem\"\n    >\n      {icon !== undefined && (\n        <div className=\"icon\">\n          <FontAwesomeIcon icon={icon} />\n        </div>\n      )}\n      <div className=\"title\">{title}</div>\n      {subtitle !== undefined && <div className=\"shortcut\">{subtitle}</div>}\n      <div className=\"accessory\" data-testid={dataTestId}>\n        {isSwitchMenuItemType(item) ? (\n          <UISwitch\n            on={item.isOn}\n            onClick={event => {\n              event.stopPropagation();\n              handleSelect();\n            }}\n          />\n        ) : (\n          <FontAwesomeIcon icon={vsChevronRight} />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,cAAc,QAAQ,kBAAkB;AAAC;AAAA,OAG3CC,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAaf,SAASC,oBAAoBA,CAACC,IAAiB,EAA6B;EAC1E,OAAQA,IAAI,CAAuBC,IAAI,KAAKC,SAAS;AACvD;AAQA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAAC,IAAA,EAIO;EAAA,IAJN;IACvBJ,IAAI;IACJK,QAAQ,GAAGA,CAAA,KAAMH,SAAS;IAC1B,aAAa,EAAEI;EACF,CAAC,GAAAF,IAAA;EACd,IAAM;IAAEG,IAAI;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGT,IAAI;EACtC,IAAMU,YAAY,GAAGnB,OAAO,CAAC,MAAM;IACjC,IAAIQ,oBAAoB,CAACC,IAAI,CAAC,EAAE;MAC9B,OAAO,MAAM;QACXA,IAAI,CAACW,QAAQ,CAAC,CAACX,IAAI,CAACC,IAAI,CAAC;MAC3B,CAAC;IACH;IACA,OAAOI,QAAQ;EACjB,CAAC,EAAE,CAACL,IAAI,EAAEK,QAAQ,CAAC,CAAC;EACpB,oBACEP,KAAA;IACEc,SAAS,EAAC,8BAA8B;IACxC,4BAAAC,MAAA,CAA0BJ,KAAK,CAAG;IAClCK,OAAO,EAAEJ,YAAa;IACtBK,SAAS,EAAEC,KAAK,IAAI;MAClB,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;QAC9CP,YAAY,CAAC,CAAC;MAChB;IACF,CAAE;IACFQ,QAAQ,EAAE,CAAE;IACZC,IAAI,EAAC,UAAU;IAAAC,QAAA,GAEdb,IAAI,KAAKL,SAAS,iBACjBN,IAAA;MAAKgB,SAAS,EAAC,MAAM;MAAAQ,QAAA,eACnBxB,IAAA,CAACJ,eAAe;QAACe,IAAI,EAAEA;MAAK,CAAE;IAAC,CAC5B,CACN,eACDX,IAAA;MAAKgB,SAAS,EAAC,OAAO;MAAAQ,QAAA,EAAEX;IAAK,CAAM,CAAC,EACnCD,QAAQ,KAAKN,SAAS,iBAAIN,IAAA;MAAKgB,SAAS,EAAC,UAAU;MAAAQ,QAAA,EAAEZ;IAAQ,CAAM,CAAC,eACrEZ,IAAA;MAAKgB,SAAS,EAAC,WAAW;MAAC,eAAaN,UAAW;MAAAc,QAAA,EAChDrB,oBAAoB,CAACC,IAAI,CAAC,gBACzBJ,IAAA,CAACF,QAAQ;QACP2B,EAAE,EAAErB,IAAI,CAACC,IAAK;QACda,OAAO,EAAEE,KAAK,IAAI;UAChBA,KAAK,CAACM,eAAe,CAAC,CAAC;UACvBZ,YAAY,CAAC,CAAC;QAChB;MAAE,CACH,CAAC,gBAEFd,IAAA,CAACJ,eAAe;QAACe,IAAI,EAAEd;MAAe,CAAE;IACzC,CACE,CAAC;EAAA,CACH,CAAC;AAEV;AAEA,eAAeU,QAAQ"}

package/dist/navigation/NavTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavTab.js","names":["React","memo","classNames","Draggable","vsClose","FontAwesomeIcon","Button","ContextActions","Tooltip","jsx","_jsx","jsxs","_jsxs","NavTab","_ref","tab","onClose","onSelect","isActive","activeRef","index","isDraggable","contextActions","key","isClosable","title","icon","iconElem","isValidElement","draggableId","isDragDisabled","children","provided","snapshot","className","ref","_objectSpread","innerRef","draggableProps","dragHandleProps","active","dragging","isDragging","concat","role","tabIndex","onAuxClick","e","button","buttons","onClick","target","focus","onKeyPress","event","kind","stopPropagation","preventDefault","tooltip","actions","displayName"],"sources":["../../src/navigation/NavTab.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from 'react-beautiful-dnd';\nimport { type IconDefinition, vsClose } from '@deephaven/icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { NavTabItem } from './NavTabList';\nimport Button from '../Button';\nimport ContextActions from '../context-actions/ContextActions';\nimport { type ResolvableContextAction } from '../context-actions';\nimport { Tooltip } from '../popper';\n\ninterface NavTabProps {\n  tab: NavTabItem;\n  onSelect: (key: string) => void;\n  onClose?: (key: string) => void;\n  isActive: boolean;\n  activeRef: React.RefObject<HTMLDivElement>;\n  index: number;\n  isDraggable: boolean;\n  contextActions?: ResolvableContextAction | ResolvableContextAction[];\n}\n\nconst NavTab = memo(\n  ({\n    tab,\n    onClose,\n    onSelect,\n    isActive,\n    activeRef,\n    index,\n    isDraggable,\n    contextActions,\n  }: NavTabProps) => {\n    const { key, isClosable = onClose != null, title, icon } = tab;\n\n    let iconElem: JSX.Element | undefined;\n    if (icon != null) {\n      iconElem = React.isValidElement(icon) ? (\n        icon\n      ) : (\n        <FontAwesomeIcon icon={icon as IconDefinition} />\n      );\n    }\n\n    return (\n      <Draggable\n        draggableId={key}\n        key={key}\n        index={index}\n        isDragDisabled={!isDraggable}\n      >\n        {(provided, snapshot) => (\n          <div\n            className=\"context-menu-wrapper\"\n            ref={isActive ? activeRef : null}\n          >\n            <div\n              ref={provided.innerRef}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.draggableProps}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.dragHandleProps}\n              className={classNames(\n                'btn btn-link btn-nav-tab',\n                { active: isActive },\n                { dragging: snapshot.isDragging }\n              )}\n              data-testid={`btn-nav-tab-${title}`}\n              role=\"tab\"\n              tabIndex={0}\n              onAuxClick={e => {\n                // Middle mouse button was clicked, and no buttons remain pressed\n                if (isClosable && e.button === 1 && e.buttons === 0) {\n                  onClose?.(key);\n                }\n              }}\n              onClick={e => {\n                // have to have seperate check onClick for Safari not supporting AuxClick\n                if (isClosable && e.button === 1 && e.buttons === 0) {\n                  onClose?.(key);\n                  return;\n                }\n                // Left mouse button was clicked, and no buttons remain pressed\n                if (e.button === 0 && e.buttons === 0) {\n                  // focus is normally set on mousedown, but dnd calls preventDefault for drag purposes\n                  // so we can call focus on the firing of the actual click event manually\n                  (e.target as HTMLDivElement).focus();\n\n                  onSelect(key);\n                }\n              }}\n              onKeyPress={event => {\n                if (event.key === 'Enter') onSelect(key);\n              }}\n            >\n              {iconElem}\n              <span className=\"btn-nav-tab-title\">\n                {title}\n                <Tooltip>{title}</Tooltip>\n              </span>\n              {isClosable && (\n                <Button\n                  kind=\"ghost\"\n                  className=\"btn-nav-tab-close\"\n                  onClick={event => {\n                    onClose?.(key);\n                    event.stopPropagation();\n                    event.preventDefault();\n                  }}\n                  icon={vsClose}\n                  tooltip=\"Close\"\n                />\n              )}\n            </div>\n            <ContextActions actions={contextActions} />\n          </div>\n        )}\n      </Draggable>\n    );\n  }\n);\n\nNavTab.displayName = 'NavTab';\n\nexport default NavTab;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAA8BC,OAAO,QAAQ,kBAAkB;AAC/D,SAASC,eAAe,QAAQ,gCAAgC;AAAC,OAE1DC,MAAM;AAAA,OACNC,cAAc;AAAA,SAEZC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAahB,IAAMC,MAAM,gBAAGZ,IAAI,CACjBa,IAAA,IASmB;EAAA,IATlB;IACCC,GAAG;IACHC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC;EACW,CAAC,GAAAR,IAAA;EACZ,IAAM;IAAES,GAAG;IAAEC,UAAU,GAAGR,OAAO,IAAI,IAAI;IAAES,KAAK;IAAEC;EAAK,CAAC,GAAGX,GAAG;EAE9D,IAAIY,QAAiC;EACrC,IAAID,IAAI,IAAI,IAAI,EAAE;IAChBC,QAAQ,GAAG,aAAA3B,KAAK,CAAC4B,cAAc,CAACF,IAAI,CAAC,GACnCA,IAAI,gBAEJhB,IAAA,CAACL,eAAe;MAACqB,IAAI,EAAEA;IAAuB,CAAE,CACjD;EACH;EAEA,oBACEhB,IAAA,CAACP,SAAS;IACR0B,WAAW,EAAEN,GAAI;IAEjBH,KAAK,EAAEA,KAAM;IACbU,cAAc,EAAE,CAACT,WAAY;IAAAU,QAAA,EAE5BA,CAACC,QAAQ,EAAEC,QAAQ,kBAClBrB,KAAA;MACEsB,SAAS,EAAC,sBAAsB;MAChCC,GAAG,EAAEjB,QAAQ,GAAGC,SAAS,GAAG,IAAK;MAAAY,QAAA,gBAEjCnB,KAAA,QAAAwB,aAAA,CAAAA,aAAA,CAAAA,aAAA;QACED,GAAG,EAAEH,QAAQ,CAACK;QACd;MAAA,GACIL,QAAQ,CAACM,cAAc,GAEvBN,QAAQ,CAACO,eAAe;QAC5BL,SAAS,EAAEhC,UAAU,CACnB,0BAA0B,EAC1B;UAAEsC,MAAM,EAAEtB;QAAS,CAAC,EACpB;UAAEuB,QAAQ,EAAER,QAAQ,CAACS;QAAW,CAClC,CAAE;QACF,8BAAAC,MAAA,CAA4BlB,KAAK,CAAG;QACpCmB,IAAI,EAAC,KAAK;QACVC,QAAQ,EAAE,CAAE;QACZC,UAAU,EAAEC,CAAC,IAAI;UACf;UACA,IAAIvB,UAAU,IAAIuB,CAAC,CAACC,MAAM,KAAK,CAAC,IAAID,CAAC,CAACE,OAAO,KAAK,CAAC,EAAE;YACnDjC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGO,GAAG,CAAC;UAChB;QACF,CAAE;QACF2B,OAAO,EAAEH,CAAC,IAAI;UACZ;UACA,IAAIvB,UAAU,IAAIuB,CAAC,CAACC,MAAM,KAAK,CAAC,IAAID,CAAC,CAACE,OAAO,KAAK,CAAC,EAAE;YACnDjC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGO,GAAG,CAAC;YACd;UACF;UACA;UACA,IAAIwB,CAAC,CAACC,MAAM,KAAK,CAAC,IAAID,CAAC,CAACE,OAAO,KAAK,CAAC,EAAE;YACrC;YACA;YACCF,CAAC,CAACI,MAAM,CAAoBC,KAAK,CAAC,CAAC;YAEpCnC,QAAQ,CAACM,GAAG,CAAC;UACf;QACF,CAAE;QACF8B,UAAU,EAAEC,KAAK,IAAI;UACnB,IAAIA,KAAK,CAAC/B,GAAG,KAAK,OAAO,EAAEN,QAAQ,CAACM,GAAG,CAAC;QAC1C,CAAE;QAAAQ,QAAA,GAEDJ,QAAQ,eACTf,KAAA;UAAMsB,SAAS,EAAC,mBAAmB;UAAAH,QAAA,GAChCN,KAAK,eACNf,IAAA,CAACF,OAAO;YAAAuB,QAAA,EAAEN;UAAK,CAAU,CAAC;QAAA,CACtB,CAAC,EACND,UAAU,iBACTd,IAAA,CAACJ,MAAM;UACLiD,IAAI,EAAC,OAAO;UACZrB,SAAS,EAAC,mBAAmB;UAC7BgB,OAAO,EAAEI,KAAK,IAAI;YAChBtC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGO,GAAG,CAAC;YACd+B,KAAK,CAACE,eAAe,CAAC,CAAC;YACvBF,KAAK,CAACG,cAAc,CAAC,CAAC;UACxB,CAAE;UACF/B,IAAI,EAAEtB,OAAQ;UACdsD,OAAO,EAAC;QAAO,CAChB,CACF;MAAA,EACE,CAAC,eACNhD,IAAA,CAACH,cAAc;QAACoD,OAAO,EAAErC;MAAe,CAAE,CAAC;IAAA,CACxC;EACN,GArEIC,GAsEI,CAAC;AAEhB,CACF,CAAC;AAEDV,MAAM,CAAC+C,WAAW,GAAG,QAAQ;AAE7B,eAAe/C,MAAM","ignoreList":[]}
+{"version":3,"file":"NavTab.js","names":["React","memo","classNames","Draggable","vsClose","FontAwesomeIcon","Button","ContextActions","Tooltip","jsx","_jsx","jsxs","_jsxs","NavTab","_ref","tab","onClose","onSelect","isActive","activeRef","index","isDraggable","contextActions","key","isClosable","title","icon","iconElem","isValidElement","draggableId","isDragDisabled","children","provided","snapshot","className","ref","_objectSpread","innerRef","draggableProps","dragHandleProps","active","dragging","isDragging","concat","role","tabIndex","onAuxClick","e","button","buttons","onClick","target","focus","onKeyPress","event","kind","stopPropagation","preventDefault","tooltip","actions","displayName"],"sources":["../../src/navigation/NavTab.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport classNames from 'classnames';\nimport { Draggable } from 'react-beautiful-dnd';\nimport { type IconDefinition, vsClose } from '@deephaven/icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { NavTabItem } from './NavTabList';\nimport Button from '../Button';\nimport ContextActions from '../context-actions/ContextActions';\nimport { type ResolvableContextAction } from '../context-actions';\nimport { Tooltip } from '../popper';\n\ninterface NavTabProps {\n  tab: NavTabItem;\n  onSelect: (key: string) => void;\n  onClose?: (key: string) => void;\n  isActive: boolean;\n  activeRef: React.RefObject<HTMLDivElement>;\n  index: number;\n  isDraggable: boolean;\n  contextActions?: ResolvableContextAction | ResolvableContextAction[];\n}\n\nconst NavTab = memo(\n  ({\n    tab,\n    onClose,\n    onSelect,\n    isActive,\n    activeRef,\n    index,\n    isDraggable,\n    contextActions,\n  }: NavTabProps) => {\n    const { key, isClosable = onClose != null, title, icon } = tab;\n\n    let iconElem: JSX.Element | undefined;\n    if (icon != null) {\n      iconElem = React.isValidElement(icon) ? (\n        icon\n      ) : (\n        <FontAwesomeIcon icon={icon as IconDefinition} />\n      );\n    }\n\n    return (\n      <Draggable\n        draggableId={key}\n        key={key}\n        index={index}\n        isDragDisabled={!isDraggable}\n      >\n        {(provided, snapshot) => (\n          <div\n            className=\"context-menu-wrapper\"\n            ref={isActive ? activeRef : null}\n          >\n            <div\n              ref={provided.innerRef}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.draggableProps}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...provided.dragHandleProps}\n              className={classNames(\n                'btn btn-link btn-nav-tab',\n                { active: isActive },\n                { dragging: snapshot.isDragging }\n              )}\n              data-testid={`btn-nav-tab-${title}`}\n              role=\"tab\"\n              tabIndex={0}\n              onAuxClick={e => {\n                // Middle mouse button was clicked, and no buttons remain pressed\n                if (isClosable && e.button === 1 && e.buttons === 0) {\n                  onClose?.(key);\n                }\n              }}\n              onClick={e => {\n                // have to have seperate check onClick for Safari not supporting AuxClick\n                if (isClosable && e.button === 1 && e.buttons === 0) {\n                  onClose?.(key);\n                  return;\n                }\n                // Left mouse button was clicked, and no buttons remain pressed\n                if (e.button === 0 && e.buttons === 0) {\n                  // focus is normally set on mousedown, but dnd calls preventDefault for drag purposes\n                  // so we can call focus on the firing of the actual click event manually\n                  (e.target as HTMLDivElement).focus();\n\n                  onSelect(key);\n                }\n              }}\n              onKeyPress={event => {\n                if (event.key === 'Enter') onSelect(key);\n              }}\n            >\n              {iconElem}\n              <span className=\"btn-nav-tab-title\">\n                {title}\n                <Tooltip>{title}</Tooltip>\n              </span>\n              {isClosable && (\n                <Button\n                  kind=\"ghost\"\n                  className=\"btn-nav-tab-close\"\n                  onClick={event => {\n                    onClose?.(key);\n                    event.stopPropagation();\n                    event.preventDefault();\n                  }}\n                  icon={vsClose}\n                  tooltip=\"Close\"\n                />\n              )}\n            </div>\n            <ContextActions actions={contextActions} />\n          </div>\n        )}\n      </Draggable>\n    );\n  }\n);\n\nNavTab.displayName = 'NavTab';\n\nexport default NavTab;\n"],"mappings":"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"}