@deephaven/components 0.49.2-theme-plugins.32 → 0.49.2-theme-plugins.43

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { ThemeData } from './ThemeModel';
+export interface ThemeContextValue {
+    activeThemes: ThemeData[] | null;
+    selectedThemeKey: string;
+    setSelectedThemeKey: (themeKey: string) => void;
+}
+export declare const ThemeContext: import("react").Context<ThemeContextValue | null>;
+export interface ThemeProviderProps {
+    themes: ThemeData[] | null;
+    children: ReactNode;
+}
+export declare function ThemeProvider({ themes, children, }: ThemeProviderProps): JSX.Element;
+export default ThemeProvider;
+//# sourceMappingURL=ThemeProvider.d.ts.map

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

@@ -0,0 +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"}

package/dist/theme/ThemeProvider.js

@@ -0,0 +1,48 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var log = Log.module('ThemeProvider');
+export var ThemeContext = /*#__PURE__*/createContext(null);
+export function ThemeProvider(_ref) {
+  var {
+    themes,
+    children
+  } = _ref;
+  var baseThemes = useMemo(() => getDefaultBaseThemes(), []);
+  var [selectedThemeKey, setSelectedThemeKey] = useState(() => {
+    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 value 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, {
+    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));
+    setThemePreloadData({
+      themeKey: selectedThemeKey,
+      preloadStyleContent: calculatePreloadStyleContent()
+    });
+  }, [activeThemes, selectedThemeKey]);
+  var value = useMemo(() => ({
+    activeThemes,
+    selectedThemeKey,
+    setSelectedThemeKey
+  }), [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]
+  });
+}
+export default ThemeProvider;
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/theme/ThemeProvider.js.map

@@ -0,0 +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 value 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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,SAAS,EACT,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAItB;;;;GAIG;AACH,wBAAgB,4BAA4B,IAAI,wBAAwB,CAWvE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,qBAAqB,GACvC,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CA4BtC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,EAAE,CAalD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAU7D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAKvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAEzE;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAUnC"}
+{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"AAgBA,OAAO,EAIL,SAAS,EACT,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAItB;;;;GAIG;AACH,wBAAgB,4BAA4B,IAAI,wBAAwB,CAWvE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,qBAAqB,GACvC,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CA+BtC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,EAAE,CAalD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAU7D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAKvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAEzE;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAUnC"}

package/dist/theme/ThemeUtils.js

@@ -1,7 +1,19 @@
 import Log from '@deephaven/log';
 import { assertNotNull } from '@deephaven/utils';
-import darkTheme from "./theme_default_dark.css?inline.js";
-import lightTheme from "./theme_default_light.css?inline.js";
+// Note that ?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',
+//    },
+//  ],
+// },
+import darkTheme from "./theme_default_dark.css?inline";
+import lightTheme from "./theme_default_light.css?inline";
 import { DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY, DEFAULT_PRELOAD_DATA_VARIABLES, THEME_CACHE_LOCAL_STORAGE_KEY } from "./ThemeModel.js";
 var log = Log.module('ThemeUtils');
 
@@ -32,7 +44,7 @@ export function getActiveThemes(themeKey, themeRegistration) {
   var baseThemeKey = (_custom$baseThemeKey = custom === null || custom === void 0 ? void 0 : custom.baseThemeKey) !== null && _custom$baseThemeKey !== void 0 ? _custom$baseThemeKey : themeKey;
   var base = themeRegistration.base.find(theme => theme.themeKey === baseThemeKey);
   if (base == null) {
-    log.error("No registered base theme found for theme key: '".concat(baseThemeKey, "'"));
+    log.error("No registered base theme found for theme key: '".concat(baseThemeKey, "'"), 'Registered:', themeRegistration.base.map(theme => theme.themeKey), themeRegistration.custom.map(theme => theme.themeKey));
     base = themeRegistration.base.find(theme => theme.themeKey === DEFAULT_DARK_THEME_KEY);
     assertNotNull(base, "Default base theme '".concat(DEFAULT_DARK_THEME_KEY, "' is not registered"));
   }

package/dist/theme/ThemeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","darkTheme","lightTheme","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","log","module","calculatePreloadStyleContent","bodyStyle","getComputedStyle","document","body","pairs","Object","entries","map","key","defaultValue","getPropertyValue","join","getActiveThemes","themeKey","themeRegistration","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","preloadStyleContent","style","createElement","innerHTML","head","appendChild"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull } from '@deephaven/utils';\nimport darkTheme from './theme_default_dark.css?inline';\nimport lightTheme from './theme_default_light.css?inline';\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\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 * 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    );\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: darkTheme,\n    },\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: lightTheme,\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 * 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","darkTheme","lightTheme","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","log","module","calculatePreloadStyleContent","bodyStyle","getComputedStyle","document","body","pairs","Object","entries","map","key","defaultValue","getPropertyValue","join","getActiveThemes","themeKey","themeRegistration","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","preloadStyleContent","style","createElement","innerHTML","head","appendChild"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull } 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 darkTheme from './theme_default_dark.css?inline';\nimport lightTheme from './theme_default_light.css?inline';\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\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 * 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: darkTheme,\n    },\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: lightTheme,\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 * 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/index.d.ts

@@ -1,6 +1,5 @@
-export * from './ThemeContext';
 export * from './ThemeModel';
+export * from './ThemeProvider';
 export * from './ThemeUtils';
-export * from './useInitializeThemeContextValue';
 export * from './useTheme';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kCAAkC,CAAC;AACjD,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

package/dist/theme/index.js

@@ -1,6 +1,5 @@
-export * from "./ThemeContext.js";
 export * from "./ThemeModel.js";
+export * from "./ThemeProvider.js";
 export * from "./ThemeUtils.js";
-export * from "./useInitializeThemeContextValue.js";
 export * from "./useTheme.js";
 //# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './ThemeContext';\nexport * from './ThemeModel';\nexport * from './ThemeUtils';\nexport * from './useInitializeThemeContextValue';\nexport * from './useTheme';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './ThemeModel';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\n"],"mappings":""}

package/dist/theme/useTheme.d.ts

@@ -1,4 +1,4 @@
-import { ThemeContextValue } from './ThemeContext';
+import { ThemeContextValue } from './ThemeProvider';
 /**
  * Hook to get the current `ThemeContextValue`.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAK5C;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAElE;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAK5C;AAED,eAAe,QAAQ,CAAC"}

package/dist/theme/useTheme.js

@@ -1,5 +1,5 @@
 import { useContextOrThrow } from '@deephaven/react-hooks';
-import { ThemeContext } from "./ThemeContext.js";
+import { ThemeContext } from "./ThemeProvider.js";
 /**
  * Hook to get the current `ThemeContextValue`.
  */

package/dist/theme/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","names":["useContextOrThrow","ThemeContext","useTheme"],"sources":["../../src/theme/useTheme.ts"],"sourcesContent":["import { useContextOrThrow } from '@deephaven/react-hooks';\nimport { ThemeContext, ThemeContextValue } from './ThemeContext';\n\n/**\n * Hook to get the current `ThemeContextValue`.\n */\nexport function useTheme(): ThemeContextValue {\n  return useContextOrThrow(\n    ThemeContext,\n    'No ThemeContext value found. Component must be wrapped in a ThemeContext.Provider'\n  );\n}\n\nexport default useTheme;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,wBAAwB;AAAC,SAClDC,YAAY;AAErB;AACA;AACA;AACA,OAAO,SAASC,QAAQ,GAAsB;EAC5C,OAAOF,iBAAiB,CACtBC,YAAY,EACZ,mFAAmF,CACpF;AACH;AAEA,eAAeC,QAAQ"}
+{"version":3,"file":"useTheme.js","names":["useContextOrThrow","ThemeContext","useTheme"],"sources":["../../src/theme/useTheme.ts"],"sourcesContent":["import { useContextOrThrow } from '@deephaven/react-hooks';\nimport { ThemeContext, ThemeContextValue } from './ThemeProvider';\n\n/**\n * Hook to get the current `ThemeContextValue`.\n */\nexport function useTheme(): ThemeContextValue {\n  return useContextOrThrow(\n    ThemeContext,\n    'No ThemeContext value found. Component must be wrapped in a ThemeContext.Provider'\n  );\n}\n\nexport default useTheme;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,wBAAwB;AAAC,SAClDC,YAAY;AAErB;AACA;AACA;AACA,OAAO,SAASC,QAAQ,GAAsB;EAC5C,OAAOF,iBAAiB,CACtBC,YAAY,EACZ,mFAAmF,CACpF;AACH;AAEA,eAAeC,QAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.49.2-theme-plugins.32+0587bde6",
+  "version": "0.49.2-theme-plugins.43+029d3494",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -24,10 +24,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "^3.29.0",
-    "@deephaven/icons": "^0.49.2-theme-plugins.32+0587bde6",
-    "@deephaven/log": "^0.49.2-theme-plugins.32+0587bde6",
-    "@deephaven/react-hooks": "^0.49.2-theme-plugins.32+0587bde6",
-    "@deephaven/utils": "^0.49.2-theme-plugins.32+0587bde6",
+    "@deephaven/icons": "^0.49.2-theme-plugins.43+029d3494",
+    "@deephaven/log": "^0.49.2-theme-plugins.43+029d3494",
+    "@deephaven/react-hooks": "^0.49.2-theme-plugins.43+029d3494",
+    "@deephaven/utils": "^0.49.2-theme-plugins.43+029d3494",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
@@ -51,7 +51,7 @@
     "react-dom": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.49.2-theme-plugins.32+0587bde6"
+    "@deephaven/mocks": "^0.49.2-theme-plugins.43+029d3494"
   },
   "files": [
     "dist",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0587bde67172eff55952970026115e9b56ecaed0"
+  "gitHead": "029d34944b94e28e4b5659182a5608f861fb84cc"
 }

package/dist/theme/ThemeContext.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ThemeData, ThemeRegistrationData } from './ThemeModel';
-export interface ThemeContextValue {
-    activeThemes: ThemeData[] | null;
-    selectedThemeKey: string;
-    setSelectedThemeKey: (themeKey: string) => void;
-    registerThemes: (themeRegistrationData: ThemeRegistrationData) => void;
-}
-export declare const ThemeContext: import("react").Context<ThemeContextValue | null>;
-export default ThemeContext;
-//# sourceMappingURL=ThemeContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeContext.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAEhE,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;IAChD,cAAc,EAAE,CAAC,qBAAqB,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,eAAe,YAAY,CAAC"}

package/dist/theme/ThemeContext.js

@@ -1,4 +0,0 @@
-import { createContext } from 'react';
-export var ThemeContext = /*#__PURE__*/createContext(null);
-export default ThemeContext;
-//# sourceMappingURL=ThemeContext.js.map

package/dist/theme/ThemeContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeContext.js","names":["createContext","ThemeContext"],"sources":["../../src/theme/ThemeContext.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ThemeData, ThemeRegistrationData } from './ThemeModel';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\n  setSelectedThemeKey: (themeKey: string) => void;\n  registerThemes: (themeRegistrationData: ThemeRegistrationData) => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport default ThemeContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAUrC,OAAO,IAAMC,YAAY,gBAAGD,aAAa,CAA2B,IAAI,CAAC;AAEzE,eAAeC,YAAY"}

package/dist/theme/useInitializeThemeContextValue.d.ts

@@ -1,7 +0,0 @@
-import { ThemeContextValue } from './ThemeContext';
-/**
- * Initialize a `ThemeContextValue`.
- */
-export declare function useInitializeThemeContextValue(): ThemeContextValue;
-export default useInitializeThemeContextValue;
-//# sourceMappingURL=useInitializeThemeContextValue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useInitializeThemeContextValue.d.ts","sourceRoot":"","sources":["../../src/theme/useInitializeThemeContextValue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAWnD;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,iBAAiB,CAsDlE;AAED,eAAe,8BAA8B,CAAC"}

package/dist/theme/useInitializeThemeContextValue.js

@@ -1,46 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import Log from '@deephaven/log';
-import { DEFAULT_DARK_THEME_KEY } from "./ThemeModel.js";
-import { calculatePreloadStyleContent, getActiveThemes, getThemePreloadData, setThemePreloadData } from "./ThemeUtils.js";
-var log = Log.module('useInitializeThemeContextValue');
-
-/**
- * Initialize a `ThemeContextValue`.
- */
-export function useInitializeThemeContextValue() {
-  var [selectedThemeKey, setSelectedThemeKey] = useState(() => {
-    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 [themeRegistration, setThemeRegistration] = useState(null);
-  var activeThemes = useMemo(() => themeRegistration == null ? null : getActiveThemes(selectedThemeKey, themeRegistration), [selectedThemeKey, themeRegistration]);
-
-  /**
-   * Register the given custom themes with the cache and activate theming.
-   */
-  var registerThemes = useCallback(themeRegistrationData => {
-    log.debug('Registering themes', themeRegistrationData);
-    setThemeRegistration(themeRegistrationData);
-  }, []);
-
-  // Once themes are activated, cache the preload data for next time page is
-  // refreshed.
-  useEffect(() => {
-    if (activeThemes == null) {
-      return;
-    }
-    log.debug('Active themes:', activeThemes.map(theme => theme.themeKey));
-    setThemePreloadData({
-      themeKey: selectedThemeKey,
-      preloadStyleContent: calculatePreloadStyleContent()
-    });
-  }, [activeThemes, selectedThemeKey, themeRegistration]);
-  return useMemo(() => ({
-    activeThemes,
-    selectedThemeKey,
-    registerThemes,
-    setSelectedThemeKey
-  }), [activeThemes, registerThemes, selectedThemeKey]);
-}
-export default useInitializeThemeContextValue;
-//# sourceMappingURL=useInitializeThemeContextValue.js.map

package/dist/theme/useInitializeThemeContextValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInitializeThemeContextValue.js","names":["useCallback","useEffect","useMemo","useState","Log","DEFAULT_DARK_THEME_KEY","calculatePreloadStyleContent","getActiveThemes","getThemePreloadData","setThemePreloadData","log","module","useInitializeThemeContextValue","selectedThemeKey","setSelectedThemeKey","themeKey","themeRegistration","setThemeRegistration","activeThemes","registerThemes","themeRegistrationData","debug","map","theme","preloadStyleContent"],"sources":["../../src/theme/useInitializeThemeContextValue.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { ThemeContextValue } from './ThemeContext';\nimport { DEFAULT_DARK_THEME_KEY, ThemeRegistrationData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getThemePreloadData,\n  setThemePreloadData,\n} from './ThemeUtils';\n\nconst log = Log.module('useInitializeThemeContextValue');\n\n/**\n * Initialize a `ThemeContextValue`.\n */\nexport function useInitializeThemeContextValue(): ThemeContextValue {\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    () => getThemePreloadData()?.themeKey ?? DEFAULT_DARK_THEME_KEY\n  );\n\n  const [themeRegistration, setThemeRegistration] =\n    useState<ThemeRegistrationData | null>(null);\n\n  const activeThemes = useMemo(\n    () =>\n      themeRegistration == null\n        ? null\n        : getActiveThemes(selectedThemeKey, themeRegistration),\n    [selectedThemeKey, themeRegistration]\n  );\n\n  /**\n   * Register the given custom themes with the cache and activate theming.\n   */\n  const registerThemes = useCallback(\n    (themeRegistrationData: ThemeRegistrationData) => {\n      log.debug('Registering themes', themeRegistrationData);\n      setThemeRegistration(themeRegistrationData);\n    },\n    []\n  );\n\n  // Once themes are activated, cache the preload data for next time page is\n  // refreshed.\n  useEffect(() => {\n    if (activeThemes == null) {\n      return;\n    }\n\n    log.debug(\n      'Active themes:',\n      activeThemes.map(theme => theme.themeKey)\n    );\n\n    setThemePreloadData({\n      themeKey: selectedThemeKey,\n      preloadStyleContent: calculatePreloadStyleContent(),\n    });\n  }, [activeThemes, selectedThemeKey, themeRegistration]);\n\n  return useMemo(\n    () => ({\n      activeThemes,\n      selectedThemeKey,\n      registerThemes,\n      setSelectedThemeKey,\n    }),\n    [activeThemes, registerThemes, selectedThemeKey]\n  );\n}\n\nexport default useInitializeThemeContextValue;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACjE,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SAExBC,sBAAsB;AAAA,SAE7BC,4BAA4B,EAC5BC,eAAe,EACfC,mBAAmB,EACnBC,mBAAmB;AAGrB,IAAMC,GAAG,GAAGN,GAAG,CAACO,MAAM,CAAC,gCAAgC,CAAC;;AAExD;AACA;AACA;AACA,OAAO,SAASC,8BAA8B,GAAsB;EAClE,IAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGX,QAAQ,CACtD;IAAA;IAAA,wDAAMK,mBAAmB,EAAE,yDAArB,qBAAuBO,QAAQ,yEAAIV,sBAAsB;EAAA,EAChE;EAED,IAAM,CAACW,iBAAiB,EAAEC,oBAAoB,CAAC,GAC7Cd,QAAQ,CAA+B,IAAI,CAAC;EAE9C,IAAMe,YAAY,GAAGhB,OAAO,CAC1B,MACEc,iBAAiB,IAAI,IAAI,GACrB,IAAI,GACJT,eAAe,CAACM,gBAAgB,EAAEG,iBAAiB,CAAC,EAC1D,CAACH,gBAAgB,EAAEG,iBAAiB,CAAC,CACtC;;EAED;AACF;AACA;EACE,IAAMG,cAAc,GAAGnB,WAAW,CAC/BoB,qBAA4C,IAAK;IAChDV,GAAG,CAACW,KAAK,CAAC,oBAAoB,EAAED,qBAAqB,CAAC;IACtDH,oBAAoB,CAACG,qBAAqB,CAAC;EAC7C,CAAC,EACD,EAAE,CACH;;EAED;EACA;EACAnB,SAAS,CAAC,MAAM;IACd,IAAIiB,YAAY,IAAI,IAAI,EAAE;MACxB;IACF;IAEAR,GAAG,CAACW,KAAK,CACP,gBAAgB,EAChBH,YAAY,CAACI,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACR,QAAQ,CAAC,CAC1C;IAEDN,mBAAmB,CAAC;MAClBM,QAAQ,EAAEF,gBAAgB;MAC1BW,mBAAmB,EAAElB,4BAA4B;IACnD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACY,YAAY,EAAEL,gBAAgB,EAAEG,iBAAiB,CAAC,CAAC;EAEvD,OAAOd,OAAO,CACZ,OAAO;IACLgB,YAAY;IACZL,gBAAgB;IAChBM,cAAc;IACdL;EACF,CAAC,CAAC,EACF,CAACI,YAAY,EAAEC,cAAc,EAAEN,gBAAgB,CAAC,CACjD;AACH;AAEA,eAAeD,8BAA8B"}