@deephaven/components 0.50.1-beta.5 → 0.51.1-alpha-theme-fix.1

package/dist/shortcuts/Shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcut.js","names":["EventTarget","Log","EventShimCustomEvent","ContextActionUtils","log","module","MODIFIER","KEY","ALLOWED_SINGLE_KEY_SET","Set","ENTER","DELETE","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Shortcut","isAllowedKey","key","Object","values","includes","isValidKeyState","state","keyValue","isMacPlatform","metaKey","isSingleKey","altKey","ctrlKey","shiftKey","has","createKeyState","keys","keyState","length","forEach","CTRL","ALT","OPTION","CMD","SHIFT","getKeyStateFromEvent","e","eventKey","keyCode","String","fromCharCode","getWindowsDisplayText","display","ESCAPE","getMacDisplayText","BACKSPACE","doKeyStatesMatch","state1","state2","toUpperCase","getDisplayText","constructor","id","shortcut","macShortcut","isEditable","name","tooltip","isMac","activeShortcut","defaultKeyState","getKeyState","setKeyState","debug2","JSON","stringify","dispatchEvent","detail","getDefaultKeyState","isDefault","setToNull","NULL_KEY_STATE","isNull","setToDefault","matchesKeyState","matchesEvent"],"sources":["../../src/shortcuts/Shortcut.ts"],"sourcesContent":["/* eslint-disable no-underscore-dangle */\nimport { EventTarget } from 'event-target-shim';\nimport React from 'react';\nimport { Log } from '@deephaven/log';\nimport { CustomEventMap, EventShimCustomEvent } from '@deephaven/utils';\nimport { ContextActionUtils } from '../context-actions';\n\nconst log = Log.module('Shortcut');\n\nexport enum MODIFIER {\n  CTRL = 'MODIFIER_CTRL',\n  CMD = 'MODIFIER_CMD',\n  ALT = 'MODIFIER_ALT',\n  OPTION = 'MODIFIER_OPTION',\n  SHIFT = 'MODIFIER_SHIFT',\n}\n\n// The value should match the KeyboardEvent.key value\n// This is the value which will be displayed if no display overrides are done in the OS specific getDisplayString methods\nexport enum KEY {\n  A = 'A',\n  B = 'B',\n  C = 'C',\n  D = 'D',\n  E = 'E',\n  F = 'F',\n  G = 'G',\n  H = 'H',\n  I = 'I',\n  J = 'J',\n  K = 'K',\n  L = 'L',\n  M = 'M',\n  N = 'N',\n  O = 'O',\n  P = 'P',\n  Q = 'Q',\n  R = 'R',\n  S = 'S',\n  T = 'T',\n  U = 'U',\n  V = 'V',\n  W = 'W',\n  X = 'X',\n  Y = 'Y',\n  Z = 'Z',\n  ZERO = '0',\n  ONE = '1',\n  TWO = '2',\n  THREE = '3',\n  FOUR = '4',\n  FIVE = '5',\n  SIX = '6',\n  SEVEN = '7',\n  EIGHT = '8',\n  NINE = '9',\n  BACKSPACE = 'Backspace',\n  ESCAPE = 'Escape',\n  ENTER = 'Enter',\n  DELETE = 'Delete',\n  SLASH = '/',\n  QUESTION_MARK = '?',\n  BACKSLASH = '\\\\',\n  PIPE = '|',\n  MINUS = '-',\n  UNDERSCORE = '_',\n  EQUALS = '=',\n  PLUS = '+',\n  BACKTICK = '`',\n  TILDE = '~',\n  COMMA = ',',\n  LEFT_CHEVRON = '<',\n  PERIOD = '.',\n  RIGHT_CHEVRON = '>',\n  SEMICOLON = ';',\n  COLON = ':',\n  SINGLE_QUOTE = \"'\",\n  DOUBLE_QUOTE = '\"',\n  LEFT_BRACKET = '[',\n  RIGHT_BRACKET = ']',\n  LEFT_CURLY = '{',\n  RIGHT_CURLY = '}',\n  F1 = 'F1',\n  F2 = 'F2',\n  F3 = 'F3',\n  F4 = 'F4',\n  F5 = 'F5',\n  F6 = 'F6',\n  F7 = 'F7',\n  F8 = 'F8',\n  F9 = 'F9',\n  F10 = 'F10',\n  F11 = 'F11',\n  F12 = 'F12',\n}\n\nconst ALLOWED_SINGLE_KEY_SET: Set<KEY> = new Set([\n  KEY.ENTER,\n  KEY.DELETE,\n  KEY.F1,\n  KEY.F2,\n  KEY.F3,\n  KEY.F4,\n  KEY.F5,\n  KEY.F6,\n  KEY.F7,\n  KEY.F8,\n  KEY.F9,\n  KEY.F10,\n  KEY.F11,\n  KEY.F12,\n]);\n\ntype ShortcutKeys = [...MODIFIER[], KEY];\n\nexport interface KeyState {\n  /**\n   * This is purposely keyValue and not key to make KeyboardEvents not match the interface\n   * KeyboardEvents need some processing to get the actual value\n   * Use Shortcut.getKeyStateFromEvent to get the right KeyState from an event\n   */\n  keyValue: string | null;\n  altKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  shiftKey: boolean;\n}\n\nexport interface ValidKeyState extends KeyState {\n  keyValue: KEY | null;\n}\n\ntype EventMap = CustomEventMap<{\n  onUpdate: CustomEvent<Shortcut>;\n}>;\n\nexport default class Shortcut extends EventTarget<EventMap, 'strict'> {\n  readonly id: string; // Unique identifier for the shortcut\n\n  readonly name: string; // e.g. Rename, Save, Run Selected\n\n  readonly tooltip?: string;\n\n  readonly isEditable: boolean;\n\n  private readonly defaultKeyState: ValidKeyState;\n\n  keyState: ValidKeyState;\n\n  static NULL_KEY_STATE: ValidKeyState = {\n    metaKey: false,\n    shiftKey: false,\n    altKey: false,\n    ctrlKey: false,\n    keyValue: null,\n  };\n\n  /**\n   * Use to check if a keyCode corresponds to an allowed key for a shortcut\n   * @param keyCode The keyCode to check. This should be the charCode of the key\n   * @returns Type predicate asserting the key is an allowed KEY\n   */\n  static isAllowedKey(key: string | null): key is KEY {\n    return Object.values(KEY).includes(key as KEY);\n  }\n\n  /**\n   * Checks if a KeyState has a valid key.\n   * @param state KeyState with any string as the key\n   * @returns True if KeyState is is using an allowed keyCode\n   */\n  static isValidKeyState(state: KeyState): state is ValidKeyState {\n    const { keyValue } = state;\n\n    if (keyValue === null) {\n      // Null state is valid\n      return true;\n    }\n\n    if (!Shortcut.isMacPlatform && state.metaKey) {\n      // MetaKey not allowed in windows\n      return false;\n    }\n\n    if (!Shortcut.isAllowedKey(keyValue)) {\n      return false;\n    }\n\n    const isSingleKey =\n      !state.altKey && !state.ctrlKey && !state.metaKey && !state.shiftKey;\n\n    return !isSingleKey || ALLOWED_SINGLE_KEY_SET.has(keyValue);\n  }\n\n  static isMacPlatform = ContextActionUtils.isMacPlatform();\n\n  /**\n   * Creates a KeyState from a valid array of modifier and key constants\n   * @param keys Array of keys in the shortcut. Modifiers first and key last. Should use the MODIFIER and KEY enums\n   * @returns KeyState representing the array of constants\n   */\n  static createKeyState(keys: ShortcutKeys): ValidKeyState {\n    const keyState: ValidKeyState = {\n      altKey: false,\n      ctrlKey: false,\n      metaKey: false,\n      shiftKey: false,\n      keyValue: keys[keys.length - 1] as KEY,\n    };\n\n    keys.forEach(key => {\n      switch (key) {\n        case MODIFIER.CTRL:\n          keyState.ctrlKey = true;\n          break;\n        case MODIFIER.ALT:\n        case MODIFIER.OPTION:\n          keyState.altKey = true;\n          break;\n        case MODIFIER.CMD:\n          keyState.metaKey = true;\n          break;\n        case MODIFIER.SHIFT:\n          keyState.shiftKey = true;\n          break;\n        default:\n          break;\n      }\n    });\n\n    return keyState;\n  }\n\n  static getKeyStateFromEvent(\n    e: React.KeyboardEvent | KeyboardEvent\n  ): KeyState {\n    const { key: eventKey, keyCode } = e;\n    let key = '';\n    if (\n      eventKey === 'Shift' ||\n      eventKey === 'Meta' ||\n      eventKey === 'Control' ||\n      eventKey === 'Alt'\n    ) {\n      key = '';\n    } else if (\n      // This is primarily for Mac which has a symbol keyboard hidden behind the alt key\n      // The keyCode still corresponds to the letter keyCode, but the key value will be a symbol\n      !Shortcut.isAllowedKey(eventKey) &&\n      Shortcut.isAllowedKey(String.fromCharCode(keyCode))\n    ) {\n      key = String.fromCharCode(keyCode);\n    } else {\n      key = eventKey;\n    }\n\n    return {\n      keyValue: key,\n      altKey: e.altKey,\n      ctrlKey: e.ctrlKey,\n      metaKey: e.metaKey,\n      shiftKey: e.shiftKey,\n    };\n  }\n\n  /**\n   * Gets display string for Windows (and Linux + any other non-Mac OS)\n   * If the key is not an allowed key, the display will only display the modifiers\n   * @param keyState KeyState to get the display for\n   * @returns The string to display on Windows/non-Mac OS\n   */\n  private static getWindowsDisplayText(keyState: KeyState): string {\n    let display = '';\n\n    if (keyState.ctrlKey) {\n      display += 'Ctrl+';\n    }\n    if (keyState.altKey) {\n      display += 'Alt+';\n    }\n    if (keyState.shiftKey) {\n      display += 'Shift+';\n    }\n\n    if (keyState.keyValue === KEY.ESCAPE) {\n      display += 'Esc';\n    } else if (keyState.keyValue !== null) {\n      display += keyState.keyValue;\n    }\n\n    return display;\n  }\n\n  /**\n   * Gets display string Mac OS\n   * If the key is not an allowed key, the display will only display the modifiers\n   * @param keyState KeyState to get the display for\n   * @returns The string to display on Mac OS\n   */\n  private static getMacDisplayText(keyState: KeyState): string {\n    let display = '';\n\n    if (keyState.ctrlKey) {\n      display += '⌃';\n    }\n    if (keyState.altKey) {\n      display += '⌥';\n    }\n    if (keyState.shiftKey) {\n      display += '⇧';\n    }\n    if (keyState.metaKey) {\n      display += '⌘';\n    }\n\n    switch (keyState.keyValue) {\n      case KEY.ENTER:\n        display += '⏎';\n        break;\n      case KEY.ESCAPE:\n        display += '⎋';\n        break;\n      case KEY.BACKSPACE:\n        display += '⌫';\n        break;\n      case KEY.DELETE:\n        display += '⌦';\n        break;\n      case null:\n        break;\n      default:\n        display += keyState.keyValue;\n    }\n\n    return display;\n  }\n\n  /**\n   * Checks if 2 KeyStates match\n   * @param state1 First KeyState to compare\n   * @param state2 Second KeyState to compare\n   * @returns True if the KeyStates match and have non-null keyValues\n   */\n  static doKeyStatesMatch(state1: KeyState, state2: KeyState): boolean {\n    return (\n      state1.keyValue?.toUpperCase() === state2.keyValue?.toUpperCase() &&\n      state1.altKey === state2.altKey &&\n      state1.ctrlKey === state2.ctrlKey &&\n      state1.metaKey === state2.metaKey &&\n      state1.shiftKey === state2.shiftKey\n    );\n  }\n\n  /**\n   * Gets the display string for the current OS from a KeyState.\n   * @param keyState KeyState to get the display for\n   * @returns Display string for the current OS\n   */\n  static getDisplayText(keyState: KeyState): string {\n    if (keyState.keyValue === null) {\n      return '';\n    }\n    return Shortcut.isMacPlatform\n      ? Shortcut.getMacDisplayText(keyState)\n      : Shortcut.getWindowsDisplayText(keyState);\n  }\n\n  constructor({\n    id,\n    shortcut,\n    macShortcut,\n    isEditable = true,\n    name,\n    tooltip,\n  }: {\n    id: string;\n    shortcut: ShortcutKeys;\n    macShortcut: ShortcutKeys;\n    isEditable?: boolean;\n    name: string;\n    tooltip?: string;\n  }) {\n    super();\n    this.id = id;\n    this.name = name;\n    this.tooltip = tooltip;\n    this.isEditable = isEditable;\n\n    const isMac = Shortcut.isMacPlatform;\n    const activeShortcut = isMac ? macShortcut : shortcut;\n    this.defaultKeyState = Shortcut.createKeyState(activeShortcut);\n    this.keyState = this.defaultKeyState;\n  }\n\n  /**\n   * Gets the display string for the current OS\n   */\n  getDisplayText(): string {\n    return Shortcut.getDisplayText(this.keyState);\n  }\n\n  /**\n   * Gets the current keyState for the Shortcut\n   */\n  getKeyState(): ValidKeyState {\n    return this.keyState;\n  }\n\n  /**\n   * Sets the KeyState if it is valid\n   * @param keyState\n   */\n  setKeyState(keyState: KeyState): void {\n    if (Shortcut.isValidKeyState(keyState)) {\n      log.debug2(`Shortcut ${this.id} updated to ${JSON.stringify(keyState)}`);\n      this.keyState = keyState;\n      this.dispatchEvent(\n        new EventShimCustomEvent('onUpdate', { detail: this })\n      );\n    } else {\n      log.debug2(\n        `Shortcut ${\n          this.id\n        } tried to update to invalid keyState ${JSON.stringify(keyState)}`\n      );\n    }\n  }\n\n  /**\n   * Gets the default key state of the shortcut\n   * @returns Default key state\n   */\n  getDefaultKeyState(): ValidKeyState {\n    return this.defaultKeyState;\n  }\n\n  isDefault(): boolean {\n    return Shortcut.doKeyStatesMatch(\n      this.getDefaultKeyState(),\n      this.getKeyState()\n    );\n  }\n\n  /**\n   * Sets the shortcut to have null keyValue\n   */\n  setToNull(): void {\n    this.setKeyState(Shortcut.NULL_KEY_STATE);\n  }\n\n  isNull(): boolean {\n    return Shortcut.doKeyStatesMatch(this.keyState, Shortcut.NULL_KEY_STATE);\n  }\n\n  /**\n   * Sets the shortcut to its default key state\n   */\n  setToDefault(): void {\n    this.setKeyState(this.defaultKeyState);\n  }\n\n  /**\n   * Checks if a KeyState matches the KeyState for the shortcut\n   * @param keyState KeyState to check\n   * @returns True if the passed KeyState matches the Shortcut's KeyState\n   */\n  matchesKeyState(keyState: KeyState): boolean {\n    return Shortcut.doKeyStatesMatch(keyState, this.keyState);\n  }\n\n  /**\n   * Alias for matchesKeyState\n   * @param e KeyboardEvent to check if the Shortcut matches\n   * @returns True if the event matches the Shortcut's KeyState\n   */\n  matchesEvent(e: React.KeyboardEvent | KeyboardEvent): boolean {\n    return this.matchesKeyState(Shortcut.getKeyStateFromEvent(e));\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Shortcut.js","names":["EventTarget","Log","EventShimCustomEvent","ContextActionUtils","log","module","MODIFIER","KEY","ALLOWED_SINGLE_KEY_SET","Set","ENTER","DELETE","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Shortcut","isAllowedKey","key","Object","values","includes","isValidKeyState","state","keyValue","isMacPlatform","metaKey","isSingleKey","altKey","ctrlKey","shiftKey","has","createKeyState","keys","keyState","length","forEach","CTRL","ALT","OPTION","CMD","SHIFT","getKeyStateFromEvent","e","eventKey","keyCode","String","fromCharCode","getWindowsDisplayText","display","ESCAPE","getMacDisplayText","BACKSPACE","doKeyStatesMatch","state1","state2","_state1$keyValue","_state2$keyValue","toUpperCase","getDisplayText","constructor","_ref","id","shortcut","macShortcut","isEditable","name","tooltip","_defineProperty","isMac","activeShortcut","defaultKeyState","getKeyState","setKeyState","debug2","concat","JSON","stringify","dispatchEvent","detail","getDefaultKeyState","isDefault","setToNull","NULL_KEY_STATE","isNull","setToDefault","matchesKeyState","matchesEvent"],"sources":["../../src/shortcuts/Shortcut.ts"],"sourcesContent":["/* eslint-disable no-underscore-dangle */\nimport { EventTarget } from 'event-target-shim';\nimport React from 'react';\nimport { Log } from '@deephaven/log';\nimport { CustomEventMap, EventShimCustomEvent } from '@deephaven/utils';\nimport { ContextActionUtils } from '../context-actions';\n\nconst log = Log.module('Shortcut');\n\nexport enum MODIFIER {\n  CTRL = 'MODIFIER_CTRL',\n  CMD = 'MODIFIER_CMD',\n  ALT = 'MODIFIER_ALT',\n  OPTION = 'MODIFIER_OPTION',\n  SHIFT = 'MODIFIER_SHIFT',\n}\n\n// The value should match the KeyboardEvent.key value\n// This is the value which will be displayed if no display overrides are done in the OS specific getDisplayString methods\nexport enum KEY {\n  A = 'A',\n  B = 'B',\n  C = 'C',\n  D = 'D',\n  E = 'E',\n  F = 'F',\n  G = 'G',\n  H = 'H',\n  I = 'I',\n  J = 'J',\n  K = 'K',\n  L = 'L',\n  M = 'M',\n  N = 'N',\n  O = 'O',\n  P = 'P',\n  Q = 'Q',\n  R = 'R',\n  S = 'S',\n  T = 'T',\n  U = 'U',\n  V = 'V',\n  W = 'W',\n  X = 'X',\n  Y = 'Y',\n  Z = 'Z',\n  ZERO = '0',\n  ONE = '1',\n  TWO = '2',\n  THREE = '3',\n  FOUR = '4',\n  FIVE = '5',\n  SIX = '6',\n  SEVEN = '7',\n  EIGHT = '8',\n  NINE = '9',\n  BACKSPACE = 'Backspace',\n  ESCAPE = 'Escape',\n  ENTER = 'Enter',\n  DELETE = 'Delete',\n  SLASH = '/',\n  QUESTION_MARK = '?',\n  BACKSLASH = '\\\\',\n  PIPE = '|',\n  MINUS = '-',\n  UNDERSCORE = '_',\n  EQUALS = '=',\n  PLUS = '+',\n  BACKTICK = '`',\n  TILDE = '~',\n  COMMA = ',',\n  LEFT_CHEVRON = '<',\n  PERIOD = '.',\n  RIGHT_CHEVRON = '>',\n  SEMICOLON = ';',\n  COLON = ':',\n  SINGLE_QUOTE = \"'\",\n  DOUBLE_QUOTE = '\"',\n  LEFT_BRACKET = '[',\n  RIGHT_BRACKET = ']',\n  LEFT_CURLY = '{',\n  RIGHT_CURLY = '}',\n  F1 = 'F1',\n  F2 = 'F2',\n  F3 = 'F3',\n  F4 = 'F4',\n  F5 = 'F5',\n  F6 = 'F6',\n  F7 = 'F7',\n  F8 = 'F8',\n  F9 = 'F9',\n  F10 = 'F10',\n  F11 = 'F11',\n  F12 = 'F12',\n}\n\nconst ALLOWED_SINGLE_KEY_SET: Set<KEY> = new Set([\n  KEY.ENTER,\n  KEY.DELETE,\n  KEY.F1,\n  KEY.F2,\n  KEY.F3,\n  KEY.F4,\n  KEY.F5,\n  KEY.F6,\n  KEY.F7,\n  KEY.F8,\n  KEY.F9,\n  KEY.F10,\n  KEY.F11,\n  KEY.F12,\n]);\n\ntype ShortcutKeys = [...MODIFIER[], KEY];\n\nexport interface KeyState {\n  /**\n   * This is purposely keyValue and not key to make KeyboardEvents not match the interface\n   * KeyboardEvents need some processing to get the actual value\n   * Use Shortcut.getKeyStateFromEvent to get the right KeyState from an event\n   */\n  keyValue: string | null;\n  altKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  shiftKey: boolean;\n}\n\nexport interface ValidKeyState extends KeyState {\n  keyValue: KEY | null;\n}\n\ntype EventMap = CustomEventMap<{\n  onUpdate: CustomEvent<Shortcut>;\n}>;\n\nexport default class Shortcut extends EventTarget<EventMap, 'strict'> {\n  readonly id: string; // Unique identifier for the shortcut\n\n  readonly name: string; // e.g. Rename, Save, Run Selected\n\n  readonly tooltip?: string;\n\n  readonly isEditable: boolean;\n\n  private readonly defaultKeyState: ValidKeyState;\n\n  keyState: ValidKeyState;\n\n  static NULL_KEY_STATE: ValidKeyState = {\n    metaKey: false,\n    shiftKey: false,\n    altKey: false,\n    ctrlKey: false,\n    keyValue: null,\n  };\n\n  /**\n   * Use to check if a keyCode corresponds to an allowed key for a shortcut\n   * @param keyCode The keyCode to check. This should be the charCode of the key\n   * @returns Type predicate asserting the key is an allowed KEY\n   */\n  static isAllowedKey(key: string | null): key is KEY {\n    return Object.values(KEY).includes(key as KEY);\n  }\n\n  /**\n   * Checks if a KeyState has a valid key.\n   * @param state KeyState with any string as the key\n   * @returns True if KeyState is is using an allowed keyCode\n   */\n  static isValidKeyState(state: KeyState): state is ValidKeyState {\n    const { keyValue } = state;\n\n    if (keyValue === null) {\n      // Null state is valid\n      return true;\n    }\n\n    if (!Shortcut.isMacPlatform && state.metaKey) {\n      // MetaKey not allowed in windows\n      return false;\n    }\n\n    if (!Shortcut.isAllowedKey(keyValue)) {\n      return false;\n    }\n\n    const isSingleKey =\n      !state.altKey && !state.ctrlKey && !state.metaKey && !state.shiftKey;\n\n    return !isSingleKey || ALLOWED_SINGLE_KEY_SET.has(keyValue);\n  }\n\n  static isMacPlatform = ContextActionUtils.isMacPlatform();\n\n  /**\n   * Creates a KeyState from a valid array of modifier and key constants\n   * @param keys Array of keys in the shortcut. Modifiers first and key last. Should use the MODIFIER and KEY enums\n   * @returns KeyState representing the array of constants\n   */\n  static createKeyState(keys: ShortcutKeys): ValidKeyState {\n    const keyState: ValidKeyState = {\n      altKey: false,\n      ctrlKey: false,\n      metaKey: false,\n      shiftKey: false,\n      keyValue: keys[keys.length - 1] as KEY,\n    };\n\n    keys.forEach(key => {\n      switch (key) {\n        case MODIFIER.CTRL:\n          keyState.ctrlKey = true;\n          break;\n        case MODIFIER.ALT:\n        case MODIFIER.OPTION:\n          keyState.altKey = true;\n          break;\n        case MODIFIER.CMD:\n          keyState.metaKey = true;\n          break;\n        case MODIFIER.SHIFT:\n          keyState.shiftKey = true;\n          break;\n        default:\n          break;\n      }\n    });\n\n    return keyState;\n  }\n\n  static getKeyStateFromEvent(\n    e: React.KeyboardEvent | KeyboardEvent\n  ): KeyState {\n    const { key: eventKey, keyCode } = e;\n    let key = '';\n    if (\n      eventKey === 'Shift' ||\n      eventKey === 'Meta' ||\n      eventKey === 'Control' ||\n      eventKey === 'Alt'\n    ) {\n      key = '';\n    } else if (\n      // This is primarily for Mac which has a symbol keyboard hidden behind the alt key\n      // The keyCode still corresponds to the letter keyCode, but the key value will be a symbol\n      !Shortcut.isAllowedKey(eventKey) &&\n      Shortcut.isAllowedKey(String.fromCharCode(keyCode))\n    ) {\n      key = String.fromCharCode(keyCode);\n    } else {\n      key = eventKey;\n    }\n\n    return {\n      keyValue: key,\n      altKey: e.altKey,\n      ctrlKey: e.ctrlKey,\n      metaKey: e.metaKey,\n      shiftKey: e.shiftKey,\n    };\n  }\n\n  /**\n   * Gets display string for Windows (and Linux + any other non-Mac OS)\n   * If the key is not an allowed key, the display will only display the modifiers\n   * @param keyState KeyState to get the display for\n   * @returns The string to display on Windows/non-Mac OS\n   */\n  private static getWindowsDisplayText(keyState: KeyState): string {\n    let display = '';\n\n    if (keyState.ctrlKey) {\n      display += 'Ctrl+';\n    }\n    if (keyState.altKey) {\n      display += 'Alt+';\n    }\n    if (keyState.shiftKey) {\n      display += 'Shift+';\n    }\n\n    if (keyState.keyValue === KEY.ESCAPE) {\n      display += 'Esc';\n    } else if (keyState.keyValue !== null) {\n      display += keyState.keyValue;\n    }\n\n    return display;\n  }\n\n  /**\n   * Gets display string Mac OS\n   * If the key is not an allowed key, the display will only display the modifiers\n   * @param keyState KeyState to get the display for\n   * @returns The string to display on Mac OS\n   */\n  private static getMacDisplayText(keyState: KeyState): string {\n    let display = '';\n\n    if (keyState.ctrlKey) {\n      display += '⌃';\n    }\n    if (keyState.altKey) {\n      display += '⌥';\n    }\n    if (keyState.shiftKey) {\n      display += '⇧';\n    }\n    if (keyState.metaKey) {\n      display += '⌘';\n    }\n\n    switch (keyState.keyValue) {\n      case KEY.ENTER:\n        display += '⏎';\n        break;\n      case KEY.ESCAPE:\n        display += '⎋';\n        break;\n      case KEY.BACKSPACE:\n        display += '⌫';\n        break;\n      case KEY.DELETE:\n        display += '⌦';\n        break;\n      case null:\n        break;\n      default:\n        display += keyState.keyValue;\n    }\n\n    return display;\n  }\n\n  /**\n   * Checks if 2 KeyStates match\n   * @param state1 First KeyState to compare\n   * @param state2 Second KeyState to compare\n   * @returns True if the KeyStates match and have non-null keyValues\n   */\n  static doKeyStatesMatch(state1: KeyState, state2: KeyState): boolean {\n    return (\n      state1.keyValue?.toUpperCase() === state2.keyValue?.toUpperCase() &&\n      state1.altKey === state2.altKey &&\n      state1.ctrlKey === state2.ctrlKey &&\n      state1.metaKey === state2.metaKey &&\n      state1.shiftKey === state2.shiftKey\n    );\n  }\n\n  /**\n   * Gets the display string for the current OS from a KeyState.\n   * @param keyState KeyState to get the display for\n   * @returns Display string for the current OS\n   */\n  static getDisplayText(keyState: KeyState): string {\n    if (keyState.keyValue === null) {\n      return '';\n    }\n    return Shortcut.isMacPlatform\n      ? Shortcut.getMacDisplayText(keyState)\n      : Shortcut.getWindowsDisplayText(keyState);\n  }\n\n  constructor({\n    id,\n    shortcut,\n    macShortcut,\n    isEditable = true,\n    name,\n    tooltip,\n  }: {\n    id: string;\n    shortcut: ShortcutKeys;\n    macShortcut: ShortcutKeys;\n    isEditable?: boolean;\n    name: string;\n    tooltip?: string;\n  }) {\n    super();\n    this.id = id;\n    this.name = name;\n    this.tooltip = tooltip;\n    this.isEditable = isEditable;\n\n    const isMac = Shortcut.isMacPlatform;\n    const activeShortcut = isMac ? macShortcut : shortcut;\n    this.defaultKeyState = Shortcut.createKeyState(activeShortcut);\n    this.keyState = this.defaultKeyState;\n  }\n\n  /**\n   * Gets the display string for the current OS\n   */\n  getDisplayText(): string {\n    return Shortcut.getDisplayText(this.keyState);\n  }\n\n  /**\n   * Gets the current keyState for the Shortcut\n   */\n  getKeyState(): ValidKeyState {\n    return this.keyState;\n  }\n\n  /**\n   * Sets the KeyState if it is valid\n   * @param keyState\n   */\n  setKeyState(keyState: KeyState): void {\n    if (Shortcut.isValidKeyState(keyState)) {\n      log.debug2(`Shortcut ${this.id} updated to ${JSON.stringify(keyState)}`);\n      this.keyState = keyState;\n      this.dispatchEvent(\n        new EventShimCustomEvent('onUpdate', { detail: this })\n      );\n    } else {\n      log.debug2(\n        `Shortcut ${\n          this.id\n        } tried to update to invalid keyState ${JSON.stringify(keyState)}`\n      );\n    }\n  }\n\n  /**\n   * Gets the default key state of the shortcut\n   * @returns Default key state\n   */\n  getDefaultKeyState(): ValidKeyState {\n    return this.defaultKeyState;\n  }\n\n  isDefault(): boolean {\n    return Shortcut.doKeyStatesMatch(\n      this.getDefaultKeyState(),\n      this.getKeyState()\n    );\n  }\n\n  /**\n   * Sets the shortcut to have null keyValue\n   */\n  setToNull(): void {\n    this.setKeyState(Shortcut.NULL_KEY_STATE);\n  }\n\n  isNull(): boolean {\n    return Shortcut.doKeyStatesMatch(this.keyState, Shortcut.NULL_KEY_STATE);\n  }\n\n  /**\n   * Sets the shortcut to its default key state\n   */\n  setToDefault(): void {\n    this.setKeyState(this.defaultKeyState);\n  }\n\n  /**\n   * Checks if a KeyState matches the KeyState for the shortcut\n   * @param keyState KeyState to check\n   * @returns True if the passed KeyState matches the Shortcut's KeyState\n   */\n  matchesKeyState(keyState: KeyState): boolean {\n    return Shortcut.doKeyStatesMatch(keyState, this.keyState);\n  }\n\n  /**\n   * Alias for matchesKeyState\n   * @param e KeyboardEvent to check if the Shortcut matches\n   * @returns True if the event matches the Shortcut's KeyState\n   */\n  matchesEvent(e: React.KeyboardEvent | KeyboardEvent): boolean {\n    return this.matchesKeyState(Shortcut.getKeyStateFromEvent(e));\n  }\n}\n"],"mappings":"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"}

package/dist/shortcuts/ShortcutRegistry.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutRegistry.js","names":["EventTarget","Log","EventShimCustomEvent","Shortcut","log","module","ShortcutRegistry","Map","createAndAdd","params","shortcut","add","existingShortcut","shortcutMap","get","id","warn","debug2","addEventListener","detail","dispatchEvent","category","split","set","shortcutsByCategory","has","push","getConflictingShortcuts","keyState","Array","from","values","filter","isNull","matchesKeyState","registry","Object","freeze"],"sources":["../../src/shortcuts/ShortcutRegistry.ts"],"sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { EventTarget } from 'event-target-shim';\nimport { Log } from '@deephaven/log';\nimport { CustomEventMap, EventShimCustomEvent } from '@deephaven/utils';\nimport Shortcut, { KeyState } from './Shortcut';\n\nconst log = Log.module('ShortcutRegistry');\n\ntype EventMap = CustomEventMap<{\n  onUpdate: CustomEvent<Shortcut>;\n}>;\n\nclass ShortcutRegistry extends EventTarget<EventMap, 'strict'> {\n  readonly shortcutMap = new Map<string, Shortcut>();\n\n  readonly shortcutsByCategory = new Map<string, Shortcut[]>();\n\n  /**\n   * Creates a Shortcut and adds it to the registry\n   * @param params The constructor params for the {@link Shortcut}\n   * @returns The created shortcut or the shortcut in the registry if 1 already exists w/ the same ID\n   */\n  createAndAdd(params: ConstructorParameters<typeof Shortcut>[0]): Shortcut {\n    const shortcut = new Shortcut(params);\n    return this.add(shortcut);\n  }\n\n  /**\n   * Adds a shortcut to the registry. Warns and returns existing shortcut if a shortcut with the same ID already exists\n   * @param shortcut Shortcut to add to the registry\n   * @returns Shortcut passed if it is not in the registry. Shortcut from the registry if one exists for the same ID\n   */\n  add(shortcut: Shortcut): Shortcut {\n    const existingShortcut = this.shortcutMap.get(shortcut.id);\n    if (existingShortcut) {\n      log.warn(\n        `Skipping attempt to add duplicate shortcut ID to registry: ${shortcut.id}`\n      );\n      return existingShortcut;\n    }\n\n    log.debug2(`Adding shortcut to registry: ${shortcut.id}`);\n\n    shortcut.addEventListener('onUpdate', ({ detail }) =>\n      this.dispatchEvent(new EventShimCustomEvent('onUpdate', { detail }))\n    );\n\n    const category = shortcut.id.split('.')[0];\n\n    this.shortcutMap.set(shortcut.id, shortcut);\n    if (this.shortcutsByCategory.has(category)) {\n      this.shortcutsByCategory.get(category)?.push(shortcut);\n    } else {\n      this.shortcutsByCategory.set(category, [shortcut]);\n    }\n\n    return shortcut;\n  }\n\n  /**\n   * Gets a shortcut from the registry from an ID\n   * @param id ID of the shortcut\n   * @returns The shortcut for that ID if it exists\n   */\n  get(id: string): Shortcut | undefined {\n    return this.shortcutMap.get(id);\n  }\n\n  /**\n   * Gets an array of any registered shortcuts with conflicting key states.\n   * Only checks the key states of the current OS (Mac or Windows/Linux)\n   * @param keyState\n   * @returns Array of conflicting shortcuts. Empty array if none conflict\n   */\n  getConflictingShortcuts(keyState: KeyState): Shortcut[] {\n    return Array.from(this.shortcutMap.values()).filter(\n      shortcut => !shortcut.isNull() && shortcut.matchesKeyState(keyState)\n    );\n  }\n}\n\nconst registry = Object.freeze(new ShortcutRegistry());\n\nexport default registry;\n"],"mappings":";;;AAAA;AACA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAAyBC,oBAAoB,QAAQ,kBAAkB;AAAC,OACjEC,QAAQ;AAEf,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,kBAAkB,CAAC;AAM1C,MAAMC,gBAAgB,SAASN,WAAW,CAAqB;EAAA;IAAA;IAAA,qCACtC,IAAIO,GAAG,EAAoB;IAAA,6CAEnB,IAAIA,GAAG,EAAsB;EAAA;EAE5D;AACF;AACA;AACA;AACA;EACEC,YAAY,CAACC,MAAiD,EAAY;IACxE,IAAMC,QAAQ,GAAG,IAAIP,QAAQ,CAACM,MAAM,CAAC;IACrC,OAAO,IAAI,CAACE,GAAG,CAACD,QAAQ,CAAC;EAC3B;;EAEA;AACF;AACA;AACA;AACA;EACEC,GAAG,CAACD,QAAkB,EAAY;IAChC,IAAME,gBAAgB,GAAG,IAAI,CAACC,WAAW,CAACC,GAAG,CAACJ,QAAQ,CAACK,EAAE,CAAC;IAC1D,IAAIH,gBAAgB,EAAE;MACpBR,GAAG,CAACY,IAAI,sEACwDN,QAAQ,CAACK,EAAE,EAC1E;MACD,OAAOH,gBAAgB;IACzB;IAEAR,GAAG,CAACa,MAAM,wCAAiCP,QAAQ,CAACK,EAAE,EAAG;IAEzDL,QAAQ,CAACQ,gBAAgB,CAAC,UAAU,EAAE;MAAA,IAAC;QAAEC;MAAO,CAAC;MAAA,OAC/C,IAAI,CAACC,aAAa,CAAC,IAAIlB,oBAAoB,CAAC,UAAU,EAAE;QAAEiB;MAAO,CAAC,CAAC,CAAC;IAAA,EACrE;IAED,IAAME,QAAQ,GAAGX,QAAQ,CAACK,EAAE,CAACO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAE1C,IAAI,CAACT,WAAW,CAACU,GAAG,CAACb,QAAQ,CAACK,EAAE,EAAEL,QAAQ,CAAC;IAC3C,IAAI,IAAI,CAACc,mBAAmB,CAACC,GAAG,CAACJ,QAAQ,CAAC,EAAE;MAAA;MAC1C,6BAAI,CAACG,mBAAmB,CAACV,GAAG,CAACO,QAAQ,CAAC,0DAAtC,sBAAwCK,IAAI,CAAChB,QAAQ,CAAC;IACxD,CAAC,MAAM;MACL,IAAI,CAACc,mBAAmB,CAACD,GAAG,CAACF,QAAQ,EAAE,CAACX,QAAQ,CAAC,CAAC;IACpD;IAEA,OAAOA,QAAQ;EACjB;;EAEA;AACF;AACA;AACA;AACA;EACEI,GAAG,CAACC,EAAU,EAAwB;IACpC,OAAO,IAAI,CAACF,WAAW,CAACC,GAAG,CAACC,EAAE,CAAC;EACjC;;EAEA;AACF;AACA;AACA;AACA;AACA;EACEY,uBAAuB,CAACC,QAAkB,EAAc;IACtD,OAAOC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACjB,WAAW,CAACkB,MAAM,EAAE,CAAC,CAACC,MAAM,CACjDtB,QAAQ,IAAI,CAACA,QAAQ,CAACuB,MAAM,EAAE,IAAIvB,QAAQ,CAACwB,eAAe,CAACN,QAAQ,CAAC,CACrE;EACH;AACF;AAEA,IAAMO,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC,IAAI/B,gBAAgB,EAAE,CAAC;AAEtD,eAAe6B,QAAQ"}
+{"version":3,"file":"ShortcutRegistry.js","names":["EventTarget","Log","EventShimCustomEvent","Shortcut","log","module","ShortcutRegistry","constructor","arguments","_defineProperty","Map","createAndAdd","params","shortcut","add","existingShortcut","shortcutMap","get","id","warn","concat","debug2","addEventListener","_ref","detail","dispatchEvent","category","split","set","shortcutsByCategory","has","_this$shortcutsByCate","push","getConflictingShortcuts","keyState","Array","from","values","filter","isNull","matchesKeyState","registry","Object","freeze"],"sources":["../../src/shortcuts/ShortcutRegistry.ts"],"sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { EventTarget } from 'event-target-shim';\nimport { Log } from '@deephaven/log';\nimport { CustomEventMap, EventShimCustomEvent } from '@deephaven/utils';\nimport Shortcut, { KeyState } from './Shortcut';\n\nconst log = Log.module('ShortcutRegistry');\n\ntype EventMap = CustomEventMap<{\n  onUpdate: CustomEvent<Shortcut>;\n}>;\n\nclass ShortcutRegistry extends EventTarget<EventMap, 'strict'> {\n  readonly shortcutMap = new Map<string, Shortcut>();\n\n  readonly shortcutsByCategory = new Map<string, Shortcut[]>();\n\n  /**\n   * Creates a Shortcut and adds it to the registry\n   * @param params The constructor params for the {@link Shortcut}\n   * @returns The created shortcut or the shortcut in the registry if 1 already exists w/ the same ID\n   */\n  createAndAdd(params: ConstructorParameters<typeof Shortcut>[0]): Shortcut {\n    const shortcut = new Shortcut(params);\n    return this.add(shortcut);\n  }\n\n  /**\n   * Adds a shortcut to the registry. Warns and returns existing shortcut if a shortcut with the same ID already exists\n   * @param shortcut Shortcut to add to the registry\n   * @returns Shortcut passed if it is not in the registry. Shortcut from the registry if one exists for the same ID\n   */\n  add(shortcut: Shortcut): Shortcut {\n    const existingShortcut = this.shortcutMap.get(shortcut.id);\n    if (existingShortcut) {\n      log.warn(\n        `Skipping attempt to add duplicate shortcut ID to registry: ${shortcut.id}`\n      );\n      return existingShortcut;\n    }\n\n    log.debug2(`Adding shortcut to registry: ${shortcut.id}`);\n\n    shortcut.addEventListener('onUpdate', ({ detail }) =>\n      this.dispatchEvent(new EventShimCustomEvent('onUpdate', { detail }))\n    );\n\n    const category = shortcut.id.split('.')[0];\n\n    this.shortcutMap.set(shortcut.id, shortcut);\n    if (this.shortcutsByCategory.has(category)) {\n      this.shortcutsByCategory.get(category)?.push(shortcut);\n    } else {\n      this.shortcutsByCategory.set(category, [shortcut]);\n    }\n\n    return shortcut;\n  }\n\n  /**\n   * Gets a shortcut from the registry from an ID\n   * @param id ID of the shortcut\n   * @returns The shortcut for that ID if it exists\n   */\n  get(id: string): Shortcut | undefined {\n    return this.shortcutMap.get(id);\n  }\n\n  /**\n   * Gets an array of any registered shortcuts with conflicting key states.\n   * Only checks the key states of the current OS (Mac or Windows/Linux)\n   * @param keyState\n   * @returns Array of conflicting shortcuts. Empty array if none conflict\n   */\n  getConflictingShortcuts(keyState: KeyState): Shortcut[] {\n    return Array.from(this.shortcutMap.values()).filter(\n      shortcut => !shortcut.isNull() && shortcut.matchesKeyState(keyState)\n    );\n  }\n}\n\nconst registry = Object.freeze(new ShortcutRegistry());\n\nexport default registry;\n"],"mappings":";;;AAAA;AACA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAAyBC,oBAAoB,QAAQ,kBAAkB;AAAC,OACjEC,QAAQ;AAEf,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,kBAAkB,CAAC;AAM1C,MAAMC,gBAAgB,SAASN,WAAW,CAAqB;EAAAO,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,sBACtC,IAAIC,GAAG,CAAmB,CAAC;IAAAD,eAAA,8BAEnB,IAAIC,GAAG,CAAqB,CAAC;EAAA;EAE5D;AACF;AACA;AACA;AACA;EACEC,YAAYA,CAACC,MAAiD,EAAY;IACxE,IAAMC,QAAQ,GAAG,IAAIV,QAAQ,CAACS,MAAM,CAAC;IACrC,OAAO,IAAI,CAACE,GAAG,CAACD,QAAQ,CAAC;EAC3B;;EAEA;AACF;AACA;AACA;AACA;EACEC,GAAGA,CAACD,QAAkB,EAAY;IAChC,IAAME,gBAAgB,GAAG,IAAI,CAACC,WAAW,CAACC,GAAG,CAACJ,QAAQ,CAACK,EAAE,CAAC;IAC1D,IAAIH,gBAAgB,EAAE;MACpBX,GAAG,CAACe,IAAI,+DAAAC,MAAA,CACwDP,QAAQ,CAACK,EAAE,CAC3E,CAAC;MACD,OAAOH,gBAAgB;IACzB;IAEAX,GAAG,CAACiB,MAAM,iCAAAD,MAAA,CAAiCP,QAAQ,CAACK,EAAE,CAAE,CAAC;IAEzDL,QAAQ,CAACS,gBAAgB,CAAC,UAAU,EAAEC,IAAA;MAAA,IAAC;QAAEC;MAAO,CAAC,GAAAD,IAAA;MAAA,OAC/C,IAAI,CAACE,aAAa,CAAC,IAAIvB,oBAAoB,CAAC,UAAU,EAAE;QAAEsB;MAAO,CAAC,CAAC,CAAC;IAAA,CACtE,CAAC;IAED,IAAME,QAAQ,GAAGb,QAAQ,CAACK,EAAE,CAACS,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAE1C,IAAI,CAACX,WAAW,CAACY,GAAG,CAACf,QAAQ,CAACK,EAAE,EAAEL,QAAQ,CAAC;IAC3C,IAAI,IAAI,CAACgB,mBAAmB,CAACC,GAAG,CAACJ,QAAQ,CAAC,EAAE;MAAA,IAAAK,qBAAA;MAC1C,CAAAA,qBAAA,OAAI,CAACF,mBAAmB,CAACZ,GAAG,CAACS,QAAQ,CAAC,cAAAK,qBAAA,uBAAtCA,qBAAA,CAAwCC,IAAI,CAACnB,QAAQ,CAAC;IACxD,CAAC,MAAM;MACL,IAAI,CAACgB,mBAAmB,CAACD,GAAG,CAACF,QAAQ,EAAE,CAACb,QAAQ,CAAC,CAAC;IACpD;IAEA,OAAOA,QAAQ;EACjB;;EAEA;AACF;AACA;AACA;AACA;EACEI,GAAGA,CAACC,EAAU,EAAwB;IACpC,OAAO,IAAI,CAACF,WAAW,CAACC,GAAG,CAACC,EAAE,CAAC;EACjC;;EAEA;AACF;AACA;AACA;AACA;AACA;EACEe,uBAAuBA,CAACC,QAAkB,EAAc;IACtD,OAAOC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACpB,WAAW,CAACqB,MAAM,CAAC,CAAC,CAAC,CAACC,MAAM,CACjDzB,QAAQ,IAAI,CAACA,QAAQ,CAAC0B,MAAM,CAAC,CAAC,IAAI1B,QAAQ,CAAC2B,eAAe,CAACN,QAAQ,CACrE,CAAC;EACH;AACF;AAEA,IAAMO,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC,IAAIrC,gBAAgB,CAAC,CAAC,CAAC;AAEtD,eAAemC,QAAQ"}

package/dist/theme/SpectrumThemeProvider.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import type { Theme } from '@react-types/provider';
+export interface SpectrumThemeProviderProps {
+    children: ReactNode;
+    isPortal?: boolean;
+    theme?: Theme;
+    colorScheme?: 'light' | 'dark';
+}
+/**
+ * Wrapper around React Spectrum's theme Provider that provides DH mappings of
+ * Spectrum's theme variables to DH's theme variables. Also exposes an optional
+ * `isPortal` prop that if provided, adds a unique `data-unique-id` attribute to
+ * the Provider. This is needed to force the Provider to render the theme wrapper
+ * inside of portals.
+ */
+export declare function SpectrumThemeProvider({ children, isPortal, theme, colorScheme, }: SpectrumThemeProviderProps): JSX.Element;
+//# sourceMappingURL=SpectrumThemeProvider.d.ts.map

package/dist/theme/SpectrumThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpectrumThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/SpectrumThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAInD,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAgB,EAChB,KAAsB,EACtB,WAAW,GACZ,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CAW1C"}

package/dist/theme/SpectrumThemeProvider.js

@@ -0,0 +1,31 @@
+import { useState } from 'react';
+import { Provider } from '@adobe/react-spectrum';
+import shortid from 'shortid';
+import { themeDHDefault } from "../SpectrumUtils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Wrapper around React Spectrum's theme Provider that provides DH mappings of
+ * Spectrum's theme variables to DH's theme variables. Also exposes an optional
+ * `isPortal` prop that if provided, adds a unique `data-unique-id` attribute to
+ * the Provider. This is needed to force the Provider to render the theme wrapper
+ * inside of portals.
+ */
+export function SpectrumThemeProvider(_ref) {
+  var {
+    children,
+    isPortal = false,
+    theme = themeDHDefault,
+    colorScheme
+  } = _ref;
+  // a unique ID is used per provider to force it to render the theme wrapper element inside portals
+  // based on https://github.com/adobe/react-spectrum/issues/1697#issuecomment-999827266
+  // won't be needed if https://github.com/adobe/react-spectrum/pull/2669 is merged
+  var [id] = useState(isPortal ? shortid() : null);
+  return /*#__PURE__*/_jsx(Provider, {
+    theme: theme,
+    colorScheme: colorScheme,
+    "data-unique-id": id,
+    children: children
+  });
+}
+//# sourceMappingURL=SpectrumThemeProvider.js.map

package/dist/theme/SpectrumThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpectrumThemeProvider.js","names":["useState","Provider","shortid","themeDHDefault","jsx","_jsx","SpectrumThemeProvider","_ref","children","isPortal","theme","colorScheme","id"],"sources":["../../src/theme/SpectrumThemeProvider.tsx"],"sourcesContent":["import { ReactNode, useState } from 'react';\nimport { Provider } from '@adobe/react-spectrum';\nimport type { Theme } from '@react-types/provider';\nimport shortid from 'shortid';\nimport { themeDHDefault } from '../SpectrumUtils';\n\nexport interface SpectrumThemeProviderProps {\n  children: ReactNode;\n  isPortal?: boolean;\n  theme?: Theme;\n  colorScheme?: 'light' | 'dark';\n}\n\n/**\n * Wrapper around React Spectrum's theme Provider that provides DH mappings of\n * Spectrum's theme variables to DH's theme variables. Also exposes an optional\n * `isPortal` prop that if provided, adds a unique `data-unique-id` attribute to\n * the Provider. This is needed to force the Provider to render the theme wrapper\n * inside of portals.\n */\nexport function SpectrumThemeProvider({\n  children,\n  isPortal = false,\n  theme = themeDHDefault,\n  colorScheme,\n}: SpectrumThemeProviderProps): JSX.Element {\n  // a unique ID is used per provider to force it to render the theme wrapper element inside portals\n  // based on https://github.com/adobe/react-spectrum/issues/1697#issuecomment-999827266\n  // won't be needed if https://github.com/adobe/react-spectrum/pull/2669 is merged\n  const [id] = useState(isPortal ? shortid() : null);\n\n  return (\n    <Provider theme={theme} colorScheme={colorScheme} data-unique-id={id}>\n      {children}\n    </Provider>\n  );\n}\n"],"mappings":"AAAA,SAAoBA,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,OAAOC,OAAO,MAAM,SAAS;AAAC,SACrBC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAAC,IAAA,EAKO;EAAA,IALN;IACpCC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAGP,cAAc;IACtBQ;EAC0B,CAAC,GAAAJ,IAAA;EAC3B;EACA;EACA;EACA,IAAM,CAACK,EAAE,CAAC,GAAGZ,QAAQ,CAACS,QAAQ,GAAGP,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;EAElD,oBACEG,IAAA,CAACJ,QAAQ;IAACS,KAAK,EAAEA,KAAM;IAACC,WAAW,EAAEA,WAAY;IAAC,kBAAgBC,EAAG;IAAAJ,QAAA,EAClEA;EAAQ,CACD,CAAC;AAEf"}

package/dist/theme/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAgC,MAAM,OAAO,CAAC;AAE/E,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAC;AASjE,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAID,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAoDlC;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAgC,MAAM,OAAO,CAAC;AAE/E,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAC;AAUjE,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAID,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IAMjC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkElC;AAED,eAAe,aAAa,CAAC"}

package/dist/theme/ThemeProvider.js

@@ -2,7 +2,9 @@ import { createContext, useEffect, useMemo, useState } from 'react';
 import Log from '@deephaven/log';
 import { DEFAULT_DARK_THEME_KEY } from "./ThemeModel.js";
 import { calculatePreloadStyleContent, getActiveThemes, getDefaultBaseThemes, getThemePreloadData, setThemePreloadData } from "./ThemeUtils.js";
+import { SpectrumThemeProvider } from "./SpectrumThemeProvider.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var log = Log.module('ThemeProvider');
 export var ThemeContext = /*#__PURE__*/createContext(null);
@@ -16,21 +18,29 @@ export function ThemeProvider(_ref) {
     var _getThemePreloadData$, _getThemePreloadData;
     return (_getThemePreloadData$ = (_getThemePreloadData = getThemePreloadData()) === null || _getThemePreloadData === void 0 ? void 0 : _getThemePreloadData.themeKey) !== null && _getThemePreloadData$ !== void 0 ? _getThemePreloadData$ : DEFAULT_DARK_THEME_KEY;
   });
-  var activeThemes = useMemo(() =>
-  // Themes remain inactive until a non-null themes array is provided. This
-  // avoids the default base theme overriding the preload if we are waiting
-  // on additional themes to be available.
-  themes == null ? null : getActiveThemes(selectedThemeKey, {
+
+  // Calculate active themes once a non-null themes array is provided.
+  var activeThemes = useMemo(() => themes == null ? null : getActiveThemes(selectedThemeKey, {
     base: baseThemes,
     custom: themes !== null && themes !== void 0 ? themes : []
   }), [baseThemes, selectedThemeKey, themes]);
   useEffect(function updateThemePreloadData() {
-    log.debug('Active themes:', activeThemes === null || activeThemes === void 0 ? void 0 : activeThemes.map(theme => theme.themeKey));
+    // Don't update preload data until themes have been loaded and activated
+    if (activeThemes == null || themes == null) {
+      return;
+    }
+    var preloadStyleContent = calculatePreloadStyleContent();
+    log.debug2('updateThemePreloadData:', {
+      active: activeThemes.map(theme => theme.themeKey),
+      all: themes.map(theme => theme.themeKey),
+      preloadStyleContent,
+      selectedThemeKey
+    });
     setThemePreloadData({
       themeKey: selectedThemeKey,
-      preloadStyleContent: calculatePreloadStyleContent()
+      preloadStyleContent
     });
-  }, [activeThemes, selectedThemeKey]);
+  }, [activeThemes, selectedThemeKey, themes]);
   var value = useMemo(() => ({
     activeThemes,
     selectedThemeKey,
@@ -38,10 +48,14 @@ export function ThemeProvider(_ref) {
   }), [activeThemes, selectedThemeKey]);
   return /*#__PURE__*/_jsxs(ThemeContext.Provider, {
     value: value,
-    children: [activeThemes === null || activeThemes === void 0 ? void 0 : activeThemes.map(theme => /*#__PURE__*/_jsx("style", {
-      "data-theme-key": theme.themeKey,
-      children: theme.styleContent
-    }, theme.themeKey)), children]
+    children: [activeThemes == null ? null : /*#__PURE__*/_jsx(_Fragment, {
+      children: activeThemes.map(theme => /*#__PURE__*/_jsx("style", {
+        "data-theme-key": theme.themeKey,
+        children: theme.styleContent
+      }, theme.themeKey))
+    }), /*#__PURE__*/_jsx(SpectrumThemeProvider, {
+      children: children
+    })]
   });
 }
 export default ThemeProvider;

package/dist/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["createContext","useEffect","useMemo","useState","Log","DEFAULT_DARK_THEME_KEY","calculatePreloadStyleContent","getActiveThemes","getDefaultBaseThemes","getThemePreloadData","setThemePreloadData","log","module","ThemeContext","ThemeProvider","themes","children","baseThemes","selectedThemeKey","setSelectedThemeKey","themeKey","activeThemes","base","custom","updateThemePreloadData","debug","map","theme","preloadStyleContent","value","styleContent"],"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useEffect, useMemo, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { DEFAULT_DARK_THEME_KEY, ThemeData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getDefaultBaseThemes,\n  getThemePreloadData,\n  setThemePreloadData,\n} from './ThemeUtils';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\n  setSelectedThemeKey: (themeKey: string) => void;\n}\n\nconst log = Log.module('ThemeProvider');\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport interface ThemeProviderProps {\n  themes: ThemeData[] | null;\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n  themes,\n  children,\n}: ThemeProviderProps): JSX.Element {\n  const baseThemes = useMemo(() => getDefaultBaseThemes(), []);\n\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    () => getThemePreloadData()?.themeKey ?? DEFAULT_DARK_THEME_KEY\n  );\n\n  const activeThemes = useMemo(\n    () =>\n      // Themes remain inactive until a non-null themes array is provided. This\n      // avoids the default base theme overriding the preload if we are waiting\n      // on additional themes to be available.\n      themes == null\n        ? null\n        : getActiveThemes(selectedThemeKey, {\n            base: baseThemes,\n            custom: themes ?? [],\n          }),\n    [baseThemes, selectedThemeKey, themes]\n  );\n\n  useEffect(\n    function updateThemePreloadData() {\n      log.debug('Active themes:', activeThemes?.map(theme => theme.themeKey));\n\n      setThemePreloadData({\n        themeKey: selectedThemeKey,\n        preloadStyleContent: calculatePreloadStyleContent(),\n      });\n    },\n    [activeThemes, selectedThemeKey]\n  );\n\n  const value = useMemo(\n    () => ({\n      activeThemes,\n      selectedThemeKey,\n      setSelectedThemeKey,\n    }),\n    [activeThemes, selectedThemeKey]\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {activeThemes?.map(theme => (\n        <style data-theme-key={theme.themeKey} key={theme.themeKey}>\n          {theme.styleContent}\n        </style>\n      ))}\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport default ThemeProvider;\n"],"mappings":"AAAA,SAASA,aAAa,EAAaC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC9E,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SACxBC,sBAAsB;AAAA,SAE7BC,4BAA4B,EAC5BC,eAAe,EACfC,oBAAoB,EACpBC,mBAAmB,EACnBC,mBAAmB;AAAA;AAAA;AASrB,IAAMC,GAAG,GAAGP,GAAG,CAACQ,MAAM,CAAC,eAAe,CAAC;AAEvC,OAAO,IAAMC,YAAY,gBAAGb,aAAa,CAA2B,IAAI,CAAC;AAOzE,OAAO,SAASc,aAAa,OAGO;EAAA,IAHN;IAC5BC,MAAM;IACNC;EACkB,CAAC;EACnB,IAAMC,UAAU,GAAGf,OAAO,CAAC,MAAMM,oBAAoB,EAAE,EAAE,EAAE,CAAC;EAE5D,IAAM,CAACU,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGhB,QAAQ,CACtD;IAAA;IAAA,wDAAMM,mBAAmB,EAAE,yDAArB,qBAAuBW,QAAQ,yEAAIf,sBAAsB;EAAA,EAChE;EAED,IAAMgB,YAAY,GAAGnB,OAAO,CAC1B;EACE;EACA;EACA;EACAa,MAAM,IAAI,IAAI,GACV,IAAI,GACJR,eAAe,CAACW,gBAAgB,EAAE;IAChCI,IAAI,EAAEL,UAAU;IAChBM,MAAM,EAAER,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI;EACpB,CAAC,CAAC,EACR,CAACE,UAAU,EAAEC,gBAAgB,EAAEH,MAAM,CAAC,CACvC;EAEDd,SAAS,CACP,SAASuB,sBAAsB,GAAG;IAChCb,GAAG,CAACc,KAAK,CAAC,gBAAgB,EAAEJ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACP,QAAQ,CAAC,CAAC;IAEvEV,mBAAmB,CAAC;MAClBU,QAAQ,EAAEF,gBAAgB;MAC1BU,mBAAmB,EAAEtB,4BAA4B;IACnD,CAAC,CAAC;EACJ,CAAC,EACD,CAACe,YAAY,EAAEH,gBAAgB,CAAC,CACjC;EAED,IAAMW,KAAK,GAAG3B,OAAO,CACnB,OAAO;IACLmB,YAAY;IACZH,gBAAgB;IAChBC;EACF,CAAC,CAAC,EACF,CAACE,YAAY,EAAEH,gBAAgB,CAAC,CACjC;EAED,oBACE,MAAC,YAAY,CAAC,QAAQ;IAAC,KAAK,EAAEW,KAAM;IAAA,WACjCR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,GAAG,CAACC,KAAK,iBACtB;MAAO,kBAAgBA,KAAK,CAACP,QAAS;MAAA,UACnCO,KAAK,CAACG;IAAY,GADuBH,KAAK,CAACP,QAAQ,CAG3D,CAAC,EACDJ,QAAQ;EAAA,EACa;AAE5B;AAEA,eAAeF,aAAa"}
+{"version":3,"file":"ThemeProvider.js","names":["createContext","useEffect","useMemo","useState","Log","DEFAULT_DARK_THEME_KEY","calculatePreloadStyleContent","getActiveThemes","getDefaultBaseThemes","getThemePreloadData","setThemePreloadData","SpectrumThemeProvider","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","ThemeContext","ThemeProvider","_ref","themes","children","baseThemes","selectedThemeKey","setSelectedThemeKey","_getThemePreloadData$","_getThemePreloadData","themeKey","activeThemes","base","custom","updateThemePreloadData","preloadStyleContent","debug2","active","map","theme","all","value","Provider","styleContent"],"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useEffect, useMemo, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { DEFAULT_DARK_THEME_KEY, ThemeData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getDefaultBaseThemes,\n  getThemePreloadData,\n  setThemePreloadData,\n} from './ThemeUtils';\nimport { SpectrumThemeProvider } from './SpectrumThemeProvider';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\n  setSelectedThemeKey: (themeKey: string) => void;\n}\n\nconst log = Log.module('ThemeProvider');\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport interface ThemeProviderProps {\n  /*\n   * Additional themes to load in addition to the base themes. If no additional\n   * themes are to be loaded, this must be set to an empty array in order to\n   * tell the provider to activate the base themes.\n   */\n  themes: ThemeData[] | null;\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n  themes,\n  children,\n}: ThemeProviderProps): JSX.Element {\n  const baseThemes = useMemo(() => getDefaultBaseThemes(), []);\n\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    () => getThemePreloadData()?.themeKey ?? DEFAULT_DARK_THEME_KEY\n  );\n\n  // Calculate active themes once a non-null themes array is provided.\n  const activeThemes = useMemo(\n    () =>\n      themes == null\n        ? null\n        : getActiveThemes(selectedThemeKey, {\n            base: baseThemes,\n            custom: themes ?? [],\n          }),\n    [baseThemes, selectedThemeKey, themes]\n  );\n\n  useEffect(\n    function updateThemePreloadData() {\n      // Don't update preload data until themes have been loaded and activated\n      if (activeThemes == null || themes == null) {\n        return;\n      }\n\n      const preloadStyleContent = calculatePreloadStyleContent();\n\n      log.debug2('updateThemePreloadData:', {\n        active: activeThemes.map(theme => theme.themeKey),\n        all: themes.map(theme => theme.themeKey),\n        preloadStyleContent,\n        selectedThemeKey,\n      });\n\n      setThemePreloadData({\n        themeKey: selectedThemeKey,\n        preloadStyleContent,\n      });\n    },\n    [activeThemes, selectedThemeKey, themes]\n  );\n\n  const value = useMemo(\n    () => ({\n      activeThemes,\n      selectedThemeKey,\n      setSelectedThemeKey,\n    }),\n    [activeThemes, selectedThemeKey]\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {activeThemes == null ? null : (\n        <>\n          {activeThemes.map(theme => (\n            <style data-theme-key={theme.themeKey} key={theme.themeKey}>\n              {theme.styleContent}\n            </style>\n          ))}\n        </>\n      )}\n      <SpectrumThemeProvider>{children}</SpectrumThemeProvider>\n    </ThemeContext.Provider>\n  );\n}\n\nexport default ThemeProvider;\n"],"mappings":"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"}

package/dist/theme/ThemeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","themeDark","themeLight","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","log","module","TMP_CSS_PROP_PREFIX","calculatePreloadStyleContent","bodyStyle","getComputedStyle","document","body","pairs","Object","entries","map","key","defaultValue","getPropertyValue","join","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","value","getCssVariableRanges","start","end","add","substring","getActiveThemes","themeKey","themeRegistration","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","ranges","cssVarPrefix","indexOf","parenLevel","i","length","push","resolveCssVariablesInRecord","targetElement","perfStart","performance","now","tmpPropEl","createElement","appendChild","varExpressions","varExpression","tmpPropKey","style","setProperty","result","computedStyle","window","resolver","resolved","normalizeCssColor","resolveCssVariablesInString","remove","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","preloadStyleContent","innerHTML","head"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\n// Note that ?inline imports are natively supported by Vite, but consumers of\n// @deephaven/components using Webpack will need to add a rule to their module\n// config.\n// e.g.\n// module: {\n//  rules: [\n//    {\n//      resourceQuery: /inline/,\n//      type: 'asset/source',\n//    },\n//  ],\n// },\nimport { themeDark } from './theme-dark';\nimport { themeLight } from './theme-light';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_LIGHT_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  ThemeData,\n  ThemePreloadData,\n  ThemePreloadStyleContent,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Creates a string containing preload style content for the current theme.\n * This resolves the current values of a few CSS variables that can be used\n * to style the page before the theme is loaded on next page load.\n */\nexport function calculatePreloadStyleContent(): ThemePreloadStyleContent {\n  const bodyStyle = getComputedStyle(document.body);\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.entries(DEFAULT_PRELOAD_DATA_VARIABLES).map(\n    ([key, defaultValue]) =>\n      `${key}:${bodyStyle.getPropertyValue(key) || defaultValue}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n  record: Record<string, string>\n): Set<string> {\n  const set = new Set<string>();\n\n  Object.values(record).forEach(value => {\n    getCssVariableRanges(value).forEach(([start, end]) => {\n      set.add(value.substring(start, end + 1));\n    });\n  });\n\n  return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n  themeKey: string,\n  themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n  const custom = themeRegistration.custom.find(\n    theme => theme.themeKey === themeKey\n  );\n\n  const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n  let base = themeRegistration.base.find(\n    theme => theme.themeKey === baseThemeKey\n  );\n\n  if (base == null) {\n    log.error(\n      `No registered base theme found for theme key: '${baseThemeKey}'`,\n      'Registered:',\n      themeRegistration.base.map(theme => theme.themeKey),\n      themeRegistration.custom.map(theme => theme.themeKey)\n    );\n    base = themeRegistration.base.find(\n      theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n    );\n\n    assertNotNull(\n      base,\n      `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n    );\n  }\n\n  log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n  return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n  return [\n    {\n      name: 'Default Dark',\n      themeKey: DEFAULT_DARK_THEME_KEY,\n      styleContent: themeDark,\n    },\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n  const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n  try {\n    return data == null ? null : JSON.parse(data);\n  } catch {\n    // ignore\n  }\n\n  return null;\n}\n\n/**\n * Identifies start and end indices of any css variable expressions in the given\n * string.\n *\n * e.g.\n * getCssVariableRanges('var(--aaa-aa) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],\n *   [14, 26],\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getCssVariableRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34], // range for --ccc-cc expression\n *   [36, 48], // range for --bbb-bb expression\n * ]\n * @param value The string to search for css variable expressions\n * @returns An array of [start, end] index pairs for each css variable expression\n */\nexport function getCssVariableRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  const cssVarPrefix = 'var(--';\n  let start = value.indexOf(cssVarPrefix);\n  let parenLevel = 0;\n\n  while (start > -1) {\n    parenLevel = 1;\n    let i = start + cssVarPrefix.length;\n    for (; i < value.length; i += 1) {\n      if (value[i] === '(') {\n        parenLevel += 1;\n      } else if (value[i] === ')') {\n        parenLevel -= 1;\n      }\n\n      if (parenLevel === 0) {\n        ranges.push([start, i]);\n        break;\n      }\n    }\n\n    if (parenLevel !== 0) {\n      log.error('Unbalanced parentheses in css var expression', value);\n      return [];\n    }\n\n    start = value.indexOf(cssVarPrefix, i + 1);\n  }\n\n  return ranges;\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to rgb or\n * rgba color strings.\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n *    and replace the original expressions with resolved values. Also normalize\n *    css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body\n): T {\n  const perfStart = performance.now();\n\n  // Add a temporary div to attach temp css variables to\n  const tmpPropEl = document.createElement('div');\n  targetElement.appendChild(tmpPropEl);\n\n  const varExpressions = [...extractDistinctCssVariableExpressions(record)];\n\n  // Set temporary css variables for resolving var expressions\n  varExpressions.forEach((varExpression, i) => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${i}`;\n    tmpPropEl.style.setProperty(tmpPropKey, varExpression);\n  });\n\n  const result = {} as T;\n\n  const computedStyle = window.getComputedStyle(tmpPropEl);\n\n  const resolver = (varExpression: string): string => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${varExpressions.indexOf(\n      varExpression\n    )}`;\n\n    const resolved = computedStyle.getPropertyValue(tmpPropKey);\n\n    return ColorUtils.normalizeCssColor(resolved);\n  };\n\n  // Resolve the temporary css variables\n  Object.entries(record).forEach(([key, value]) => {\n    result[key as keyof T] = resolveCssVariablesInString(\n      resolver,\n      value\n    ) as T[keyof T];\n  });\n\n  // Remove the temporary css variables\n  tmpPropEl.remove();\n\n  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n  return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n  resolver: VarExpressionResolver,\n  value: string\n): string {\n  const result: string[] = [];\n  let i = 0;\n  getCssVariableRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    result.push(resolver(value.substring(start, end + 1)));\n\n    i += end - start + 1;\n  });\n\n  if (result.length === 0) {\n    return value;\n  }\n\n  return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n  localStorage.setItem(\n    THEME_CACHE_LOCAL_STORAGE_KEY,\n    JSON.stringify(preloadData)\n  );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n  return `${pluginName}_${themeName}`;\n}\n\n/**\n * Preload minimal theme variables from the cache.\n */\nexport function preloadTheme(): void {\n  const preloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent ??\n    calculatePreloadStyleContent();\n\n  log.debug('Preloading theme content:', `'${preloadStyleContent}'`);\n\n  const style = document.createElement('style');\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","themeDark","themeLight","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","log","module","TMP_CSS_PROP_PREFIX","calculatePreloadStyleContent","bodyStyle","getComputedStyle","document","body","pairs","Object","entries","map","_ref","key","defaultValue","concat","getPropertyValue","join","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","value","getCssVariableRanges","_ref2","start","end","add","substring","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","_unused","ranges","cssVarPrefix","indexOf","parenLevel","i","length","push","resolveCssVariablesInRecord","targetElement","arguments","undefined","perfStart","performance","now","tmpPropEl","createElement","appendChild","varExpressions","varExpression","tmpPropKey","style","setProperty","result","computedStyle","window","resolver","resolved","normalizeCssColor","_ref3","resolveCssVariablesInString","remove","_ref4","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData$","_getThemePreloadData","preloadStyleContent","innerHTML","head"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\n// Note that ?inline imports are natively supported by Vite, but consumers of\n// @deephaven/components using Webpack will need to add a rule to their module\n// config.\n// e.g.\n// module: {\n//  rules: [\n//    {\n//      resourceQuery: /inline/,\n//      type: 'asset/source',\n//    },\n//  ],\n// },\nimport { themeDark } from './theme-dark';\nimport { themeLight } from './theme-light';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_LIGHT_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  ThemeData,\n  ThemePreloadData,\n  ThemePreloadStyleContent,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Creates a string containing preload style content for the current theme.\n * This resolves the current values of a few CSS variables that can be used\n * to style the page before the theme is loaded on next page load.\n */\nexport function calculatePreloadStyleContent(): ThemePreloadStyleContent {\n  const bodyStyle = getComputedStyle(document.body);\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.entries(DEFAULT_PRELOAD_DATA_VARIABLES).map(\n    ([key, defaultValue]) =>\n      `${key}:${bodyStyle.getPropertyValue(key) || defaultValue}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n  record: Record<string, string>\n): Set<string> {\n  const set = new Set<string>();\n\n  Object.values(record).forEach(value => {\n    getCssVariableRanges(value).forEach(([start, end]) => {\n      set.add(value.substring(start, end + 1));\n    });\n  });\n\n  return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n  themeKey: string,\n  themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n  const custom = themeRegistration.custom.find(\n    theme => theme.themeKey === themeKey\n  );\n\n  const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n  let base = themeRegistration.base.find(\n    theme => theme.themeKey === baseThemeKey\n  );\n\n  if (base == null) {\n    log.error(\n      `No registered base theme found for theme key: '${baseThemeKey}'`,\n      'Registered:',\n      themeRegistration.base.map(theme => theme.themeKey),\n      themeRegistration.custom.map(theme => theme.themeKey)\n    );\n    base = themeRegistration.base.find(\n      theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n    );\n\n    assertNotNull(\n      base,\n      `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n    );\n  }\n\n  log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n  return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n  return [\n    {\n      name: 'Default Dark',\n      themeKey: DEFAULT_DARK_THEME_KEY,\n      styleContent: themeDark,\n    },\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n  const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n  try {\n    return data == null ? null : JSON.parse(data);\n  } catch {\n    // ignore\n  }\n\n  return null;\n}\n\n/**\n * Identifies start and end indices of any css variable expressions in the given\n * string.\n *\n * e.g.\n * getCssVariableRanges('var(--aaa-aa) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],\n *   [14, 26],\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getCssVariableRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34], // range for --ccc-cc expression\n *   [36, 48], // range for --bbb-bb expression\n * ]\n * @param value The string to search for css variable expressions\n * @returns An array of [start, end] index pairs for each css variable expression\n */\nexport function getCssVariableRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  const cssVarPrefix = 'var(--';\n  let start = value.indexOf(cssVarPrefix);\n  let parenLevel = 0;\n\n  while (start > -1) {\n    parenLevel = 1;\n    let i = start + cssVarPrefix.length;\n    for (; i < value.length; i += 1) {\n      if (value[i] === '(') {\n        parenLevel += 1;\n      } else if (value[i] === ')') {\n        parenLevel -= 1;\n      }\n\n      if (parenLevel === 0) {\n        ranges.push([start, i]);\n        break;\n      }\n    }\n\n    if (parenLevel !== 0) {\n      log.error('Unbalanced parentheses in css var expression', value);\n      return [];\n    }\n\n    start = value.indexOf(cssVarPrefix, i + 1);\n  }\n\n  return ranges;\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to rgb or\n * rgba color strings.\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n *    and replace the original expressions with resolved values. Also normalize\n *    css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body\n): T {\n  const perfStart = performance.now();\n\n  // Add a temporary div to attach temp css variables to\n  const tmpPropEl = document.createElement('div');\n  targetElement.appendChild(tmpPropEl);\n\n  const varExpressions = [...extractDistinctCssVariableExpressions(record)];\n\n  // Set temporary css variables for resolving var expressions\n  varExpressions.forEach((varExpression, i) => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${i}`;\n    tmpPropEl.style.setProperty(tmpPropKey, varExpression);\n  });\n\n  const result = {} as T;\n\n  const computedStyle = window.getComputedStyle(tmpPropEl);\n\n  const resolver = (varExpression: string): string => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${varExpressions.indexOf(\n      varExpression\n    )}`;\n\n    const resolved = computedStyle.getPropertyValue(tmpPropKey);\n\n    return ColorUtils.normalizeCssColor(resolved);\n  };\n\n  // Resolve the temporary css variables\n  Object.entries(record).forEach(([key, value]) => {\n    result[key as keyof T] = resolveCssVariablesInString(\n      resolver,\n      value\n    ) as T[keyof T];\n  });\n\n  // Remove the temporary css variables\n  tmpPropEl.remove();\n\n  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n  return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n  resolver: VarExpressionResolver,\n  value: string\n): string {\n  const result: string[] = [];\n  let i = 0;\n  getCssVariableRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    result.push(resolver(value.substring(start, end + 1)));\n\n    i += end - start + 1;\n  });\n\n  if (result.length === 0) {\n    return value;\n  }\n\n  return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n  localStorage.setItem(\n    THEME_CACHE_LOCAL_STORAGE_KEY,\n    JSON.stringify(preloadData)\n  );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n  return `${pluginName}_${themeName}`;\n}\n\n/**\n * Preload minimal theme variables from the cache.\n */\nexport function preloadTheme(): void {\n  const preloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent ??\n    calculatePreloadStyleContent();\n\n  log.debug('Preloading theme content:', `'${preloadStyleContent}'`);\n\n  const style = document.createElement('style');\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n"],"mappings":"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"}

package/dist/theme/theme-dark/index.d.ts

@@ -1,3 +1,40 @@
+/**
+ * DH theme variables are imported via Vite `?raw` query which provides the
+ * text content of the variable files as a string. The exported theme is just a
+ * concatenation of the contents of all of these imports.
+ *
+ * Note that ?raw / ?inline imports are natively supported by Vite, but consumers
+ * of @deephaven/components using Webpack will need to add a rule to their module
+ * config.
+ * e.g.
+ * module: {
+ *  rules: [
+ *    {
+ *      resourceQuery: /inline/,
+ *      type: 'asset/source',
+ *    },
+ *  ],
+ * },
+ *
+ * e.g.
+ *
+ * :root {
+ *   --dh-color-from-dark-palette: #fff;
+ *   --dh-color-from-dark-palette2: #ccc;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic-editor: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic-grid: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-components: #000;
+ * }
+ */
 export declare const themeDark: string;
 export default themeDark;
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/theme-dark/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-dark/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,QAKV,CAAC;AAEb,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-dark/index.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,SAAS,QAMV,CAAC;AAEb,eAAe,SAAS,CAAC"}

package/dist/theme/theme-dark/index.js

@@ -1,7 +1,45 @@
-import themeDarkPalette from "./theme-dark-palette.css?inline";
-import themeDarkSemantic from "./theme-dark-semantic.css?inline";
-import themeDarkSemanticEditor from "./theme-dark-semantic-editor.css?inline";
-import themeDarkSemanticGrid from "./theme-dark-semantic-grid.css?inline";
-export var themeDark = [themeDarkPalette, themeDarkSemantic, themeDarkSemanticEditor, themeDarkSemanticGrid].join('\n');
+import themeDarkPalette from "./theme-dark-palette.css?raw";
+import themeDarkSemantic from "./theme-dark-semantic.css?raw";
+import themeDarkSemanticEditor from "./theme-dark-semantic-editor.css?raw";
+import themeDarkSemanticGrid from "./theme-dark-semantic-grid.css?raw";
+import themeDarkComponents from "./theme-dark-components.css?raw";
+/**
+ * DH theme variables are imported via Vite `?raw` query which provides the
+ * text content of the variable files as a string. The exported theme is just a
+ * concatenation of the contents of all of these imports.
+ *
+ * Note that ?raw / ?inline imports are natively supported by Vite, but consumers
+ * of @deephaven/components using Webpack will need to add a rule to their module
+ * config.
+ * e.g.
+ * module: {
+ *  rules: [
+ *    {
+ *      resourceQuery: /inline/,
+ *      type: 'asset/source',
+ *    },
+ *  ],
+ * },
+ *
+ * e.g.
+ *
+ * :root {
+ *   --dh-color-from-dark-palette: #fff;
+ *   --dh-color-from-dark-palette2: #ccc;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic-editor: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-semantic-grid: #000;
+ * }
+ * :root {
+ *   --dh-color-from-dark-components: #000;
+ * }
+ */
+export var themeDark = [themeDarkPalette, themeDarkSemantic, themeDarkSemanticEditor, themeDarkSemanticGrid, themeDarkComponents].join('\n');
 export default themeDark;
 //# sourceMappingURL=index.js.map

package/dist/theme/theme-dark/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeDarkPalette","themeDarkSemantic","themeDarkSemanticEditor","themeDarkSemanticGrid","themeDark","join"],"sources":["../../../src/theme/theme-dark/index.ts"],"sourcesContent":["import themeDarkPalette from './theme-dark-palette.css?inline';\nimport themeDarkSemantic from './theme-dark-semantic.css?inline';\nimport themeDarkSemanticEditor from './theme-dark-semantic-editor.css?inline';\nimport themeDarkSemanticGrid from './theme-dark-semantic-grid.css?inline';\n\nexport const themeDark = [\n  themeDarkPalette,\n  themeDarkSemantic,\n  themeDarkSemanticEditor,\n  themeDarkSemanticGrid,\n].join('\\n');\n\nexport default themeDark;\n"],"mappings":"OAAOA,gBAAgB;AAAA,OAChBC,iBAAiB;AAAA,OACjBC,uBAAuB;AAAA,OACvBC,qBAAqB;AAE5B,OAAO,IAAMC,SAAS,GAAG,CACvBJ,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,qBAAqB,CACtB,CAACE,IAAI,CAAC,IAAI,CAAC;AAEZ,eAAeD,SAAS"}
+{"version":3,"file":"index.js","names":["themeDarkPalette","themeDarkSemantic","themeDarkSemanticEditor","themeDarkSemanticGrid","themeDarkComponents","themeDark","join"],"sources":["../../../src/theme/theme-dark/index.ts"],"sourcesContent":["import themeDarkPalette from './theme-dark-palette.css?raw';\nimport themeDarkSemantic from './theme-dark-semantic.css?raw';\nimport themeDarkSemanticEditor from './theme-dark-semantic-editor.css?raw';\nimport themeDarkSemanticGrid from './theme-dark-semantic-grid.css?raw';\nimport themeDarkComponents from './theme-dark-components.css?raw';\n\n/**\n * DH theme variables are imported via Vite `?raw` query which provides the\n * text content of the variable files as a string. The exported theme is just a\n * concatenation of the contents of all of these imports.\n *\n * Note that ?raw / ?inline imports are natively supported by Vite, but consumers\n * of @deephaven/components using Webpack will need to add a rule to their module\n * config.\n * e.g.\n * module: {\n *  rules: [\n *    {\n *      resourceQuery: /inline/,\n *      type: 'asset/source',\n *    },\n *  ],\n * },\n *\n * e.g.\n *\n * :root {\n *   --dh-color-from-dark-palette: #fff;\n *   --dh-color-from-dark-palette2: #ccc;\n * }\n * :root {\n *   --dh-color-from-dark-semantic: #000;\n * }\n * :root {\n *   --dh-color-from-dark-semantic-editor: #000;\n * }\n * :root {\n *   --dh-color-from-dark-semantic-grid: #000;\n * }\n * :root {\n *   --dh-color-from-dark-components: #000;\n * }\n */\nexport const themeDark = [\n  themeDarkPalette,\n  themeDarkSemantic,\n  themeDarkSemanticEditor,\n  themeDarkSemanticGrid,\n  themeDarkComponents,\n].join('\\n');\n\nexport default themeDark;\n"],"mappings":"OAAOA,gBAAgB;AAAA,OAChBC,iBAAiB;AAAA,OACjBC,uBAAuB;AAAA,OACvBC,qBAAqB;AAAA,OACrBC,mBAAmB;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAG,CACvBL,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,qBAAqB,EACrBC,mBAAmB,CACpB,CAACE,IAAI,CAAC,IAAI,CAAC;AAEZ,eAAeD,SAAS"}

package/dist/theme/theme-dark/theme-dark-components.css

@@ -0,0 +1,8 @@
+/* stylelint-disable alpha-value-notation */
+:root {
+  --dh-color-quickactions-bg: hsla(var(--dh-color-gray-hue), 0%, 11%, 0.9);
+  --dh-color-radial-reaction: hsla(var(--dh-color-gray-hue), 0%, 92%, 0.6);
+  --dh-color-colorpicker-border: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.1);
+}
+
+/*# sourceMappingURL=theme-dark-components.css.map */

package/dist/theme/theme-dark/theme-dark-components.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-components.css"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA","file":"theme-dark-components.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n:root {\n  --dh-color-quickactions-bg: hsla(var(--dh-color-gray-hue), 0%, 11%, 0.9);\n  --dh-color-radial-reaction: hsla(var(--dh-color-gray-hue), 0%, 92%, 0.6);\n  --dh-color-colorpicker-border: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.1);\n}\n"]}

package/dist/theme/theme-dark/theme-dark-semantic.css

@@ -32,6 +32,21 @@
   --dh-color-accent-background-hover: var(--dh-color-accent-500);
   --dh-color-accent-background-down: var(--dh-color-accent-400);
   --dh-color-accent-background-key-focus: var(--dh-color-accent-500);
+  /* Background Defaults */
+  --dh-color-default-gray-bg: var(--dh-color-gray-700);
+  --dh-color-default-blue-bg: var(--dh-color-blue-700);
+  --dh-color-default-red-bg: var(--dh-color-red-700);
+  --dh-color-default-orange-bg: var(--dh-color-orange-800);
+  --dh-color-default-yellow-bg: var(--dh-color-yellow-1000);
+  --dh-color-default-chartreuse-bg: var(--dh-color-chartreuse-900);
+  --dh-color-default-celery-bg: var(--dh-color-celery-800);
+  --dh-color-default-green-bg: var(--dh-color-green-700);
+  --dh-color-default-seafoam-bg: var(--dh-color-seafoam-700);
+  --dh-color-default-cyan-bg: var(--dh-color-cyan-700);
+  --dh-color-default-indigo-bg: var(--dh-color-indigo-700);
+  --dh-color-default-purple-bg: var(--dh-color-purple-700);
+  --dh-color-default-fuchsia-bg: var(--dh-color-fuchsia-700);
+  --dh-color-default-magenta-bg: var(--dh-color-magenta-700);
   /* Focus */
   --dh-color-focus: var(--dh-color-blue-800);
   --dh-color-focus-border: var(--dh-color-blue-800);
@@ -47,11 +62,39 @@
     62%,
     0.2
   );
+  /* Shadows / Overlays */
+  --dh-color-dropshadow: hsla(var(--dh-color-gray-hue), 0, 0, 0.8);
+  --dh-color-overlay-modal-bg: hsla(var(--dh-color-gray-hue), 0%, 0%, 0.6);
+  --dh-color-overlay-hover-bg: hsla(var(--dh-color-gray-hue), 0%, 100%, 0.08);
   /* Negative Background */
-  --dh-color-negative-background-default: var(--dh-color-red-600);
-  --dh-color-negative-background-hover: var(--dh-color-red-500);
-  --dh-color-negative-background-down: var(--dh-color-red-400);
-  --dh-color-negative-background-key-focus: var(--dh-color-red-500);
+  --dh-color-negative-default-bg: var(--dh-color-red-600);
+  --dh-color-negative-hover-bg: var(--dh-color-red-500);
+  --dh-color-negative-down-bg: var(--dh-color-red-400);
+  --dh-color-negative-key-focus-bg: var(--dh-color-red-500);
+  /* Neutral */
+  --dh-neutral-default-bg: var(--dh-color-gray-500);
+  --dh-neutral-hover-bg: var(--dh-color-gray-400);
+  --dh-neutral-down-bg: var(--dh-color-gray-300);
+  --dh-neutral-key-focus-bg: var(--dh-color-gray-400);
+  --dh-neutral-subdued-default-bg: var(--dh-color-gray-400);
+  --dh-neutral-subdued-hover-bg: var(--dh-color-gray-300);
+  --dh-neutral-subdued-down-bg: var(--dh-color-gray-200);
+  --dh-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);
+  /* Positive */
+  --dh-color-positive-default-bg: var(--dh-color-green-900);
+  --dh-color-positive-hover-bg: var(--dh-color-green-800);
+  --dh-color-positive-down-bg: var(--dh-color-green-700);
+  --dh-color-positive-key-focus-bg: var(--dh-color-green-800);
+  /* Informative */
+  --dh-color-info-default-bg: var(--dh-color-cyan-1000);
+  --dh-color-info-hover-bg: var(--dh-color-cyan-900);
+  --dh-color-info-down-bg: var(--dh-color-cyan-800);
+  --dh-color-info-key-focus-bg: var(--dh-color-cyan-900);
+  /* Notice */
+  --dh-color-notice-default-bg: var(--dh-color-yellow-1000);
+  --dh-color-notice-hover-bg: var(--dh-color-yellow-900);
+  --dh-color-notice-down-bg: var(--dh-color-yellow-800);
+  --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);
   /* Visual Colors */
   --dh-color-visual-blue: var(--dh-color-blue-700);
   --dh-color-visual-celery: var(--dh-color-celery-1000);
@@ -70,6 +113,10 @@
   --dh-color-visual-positive: var(--dh-color-green-1100);
   --dh-color-visual-negative: var(--dh-color-red-800);
   --dh-color-visual-notice: var(--dh-color-yellow-1200);
+  --dh-color-visual-info: var(--dh-color-cyan-1100);
+  /* Wells */
+  --dh-color-well-bg: hsla(var(--dh-color-gray-hue) 0% 92% 0.02);
+  --dh-color-well-border: hsla(var(--dh-color-gray-hue) 0% 94% 0.05);
 }
 
 /*# sourceMappingURL=theme-dark-semantic.css.map */