@deephaven/components 1.7.2-beta.5 → 1.7.2-beta.6

package/dist/theme/FontBootstrap.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import '@fontsource/fira-mono/400.css';
+import '@fontsource/fira-mono/500.css';
+import '@fontsource/fira-mono/700.css';
+import '@fontsource/fira-sans/300.css';
+import '@fontsource/fira-sans/300-italic.css';
+import '@fontsource/fira-sans/400.css';
+import '@fontsource/fira-sans/400-italic.css';
+import '@fontsource/fira-sans/500.css';
+import '@fontsource/fira-sans/600.css';
+import '@fontsource/fira-sans/700.css';
+import '@fontsource/fira-sans/700-italic.css';
+export declare const FontsLoadedContext: React.Context<boolean>;
+export type FontBootstrapProps = {
+    /**
+     * Class names of the font elements to pre load
+     */
+    fontClassNames?: string[];
+    /**
+     * The children to render wrapped with the FontsLoadedContext.
+     * Note that it renders the children even if the fonts aren't loaded yet.
+     */
+    children: React.ReactNode;
+};
+/**
+ * FontBootstrap component. Handles preloading fonts.
+ */
+export declare function FontBootstrap({ fontClassNames, children, }: FontBootstrapProps): JSX.Element;
+export default FontBootstrap;
+//# sourceMappingURL=FontBootstrap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FontBootstrap.d.ts","sourceRoot":"","sources":["../../src/theme/FontBootstrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAE9C,eAAO,MAAM,kBAAkB,wBAAgC,CAAC;AAGhE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,cAAyE,EACzE,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAmClC;AAED,eAAe,aAAa,CAAC"}

package/dist/theme/FontBootstrap.js

@@ -0,0 +1,49 @@
+import React, { createContext, useEffect, useState } from 'react';
+import '@fontsource/fira-mono/400.css';
+import '@fontsource/fira-mono/500.css';
+import '@fontsource/fira-mono/700.css';
+import '@fontsource/fira-sans/300.css';
+import '@fontsource/fira-sans/300-italic.css';
+import '@fontsource/fira-sans/400.css';
+import '@fontsource/fira-sans/400-italic.css';
+import '@fontsource/fira-sans/500.css';
+import '@fontsource/fira-sans/600.css';
+import '@fontsource/fira-sans/700.css';
+import '@fontsource/fira-sans/700-italic.css';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var FontsLoadedContext = /*#__PURE__*/createContext(false);
+FontsLoadedContext.displayName = 'FontsLoadedContext';
+/**
+ * FontBootstrap component. Handles preloading fonts.
+ */
+export function FontBootstrap(_ref) {
+  var {
+    fontClassNames = ['fira-sans-regular', 'fira-sans-semibold', 'fira-mono'],
+    children
+  } = _ref;
+  var [isLoaded, setIsLoaded] = useState(false);
+  useEffect(function initFonts() {
+    document.fonts.ready.then(() => {
+      setIsLoaded(true);
+    });
+  }, []);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(FontsLoadedContext.Provider, {
+      value: isLoaded,
+      children: children
+    }), /*#__PURE__*/_jsx("div", {
+      id: "preload-fonts",
+      style: {
+        visibility: 'hidden',
+        position: 'absolute',
+        top: -10000
+      },
+      children: fontClassNames.map(className => /*#__PURE__*/_jsx("p", {
+        className: className,
+        children: "preload"
+      }, className))
+    })]
+  });
+}
+export default FontBootstrap;
+//# sourceMappingURL=FontBootstrap.js.map

package/dist/theme/FontBootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontBootstrap.js","names":["React","createContext","useEffect","useState","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FontsLoadedContext","displayName","FontBootstrap","_ref","fontClassNames","children","isLoaded","setIsLoaded","initFonts","document","fonts","ready","then","Provider","value","id","style","visibility","position","top","map","className"],"sources":["../../src/theme/FontBootstrap.tsx"],"sourcesContent":["import React, { createContext, useEffect, useState } from 'react';\nimport '@fontsource/fira-mono/400.css';\nimport '@fontsource/fira-mono/500.css';\nimport '@fontsource/fira-mono/700.css';\nimport '@fontsource/fira-sans/300.css';\nimport '@fontsource/fira-sans/300-italic.css';\nimport '@fontsource/fira-sans/400.css';\nimport '@fontsource/fira-sans/400-italic.css';\nimport '@fontsource/fira-sans/500.css';\nimport '@fontsource/fira-sans/600.css';\nimport '@fontsource/fira-sans/700.css';\nimport '@fontsource/fira-sans/700-italic.css';\n\nexport const FontsLoadedContext = createContext<boolean>(false);\nFontsLoadedContext.displayName = 'FontsLoadedContext';\n\nexport type FontBootstrapProps = {\n  /**\n   * Class names of the font elements to pre load\n   */\n  fontClassNames?: string[];\n\n  /**\n   * The children to render wrapped with the FontsLoadedContext.\n   * Note that it renders the children even if the fonts aren't loaded yet.\n   */\n  children: React.ReactNode;\n};\n\n/**\n * FontBootstrap component. Handles preloading fonts.\n */\nexport function FontBootstrap({\n  fontClassNames = ['fira-sans-regular', 'fira-sans-semibold', 'fira-mono'],\n  children,\n}: FontBootstrapProps): JSX.Element {\n  const [isLoaded, setIsLoaded] = useState(false);\n  useEffect(function initFonts() {\n    document.fonts.ready.then(() => {\n      setIsLoaded(true);\n    });\n  }, []);\n\n  return (\n    <>\n      <FontsLoadedContext.Provider value={isLoaded}>\n        {children}\n      </FontsLoadedContext.Provider>\n      {/*\n      Need to preload any monaco and Deephaven grid fonts.\n      We hide text with all the fonts we need on the root app.jsx page\n      Load the Fira Mono font so that Monaco calculates word wrapping properly.\n      This element doesn't need to be visible, just load the font and stay hidden.\n      https://github.com/microsoft/vscode/issues/88689\n      Can be replaced with a rel=\"preload\" when firefox adds support\n      https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content\n       */}\n      <div\n        id=\"preload-fonts\"\n        style={{ visibility: 'hidden', position: 'absolute', top: -10000 }}\n      >\n        {/* trigger loading of fonts needed by monaco and iris grid */}\n        {fontClassNames.map(className => (\n          <p key={className} className={className}>\n            preload\n          </p>\n        ))}\n      </div>\n    </>\n  );\n}\n\nexport default FontBootstrap;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACjE,OAAO,+BAA+B;AACtC,OAAO,+BAA+B;AACtC,OAAO,+BAA+B;AACtC,OAAO,+BAA+B;AACtC,OAAO,sCAAsC;AAC7C,OAAO,+BAA+B;AACtC,OAAO,sCAAsC;AAC7C,OAAO,+BAA+B;AACtC,OAAO,+BAA+B;AACtC,OAAO,+BAA+B;AACtC,OAAO,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,OAAO,IAAMC,kBAAkB,gBAAGT,aAAa,CAAU,KAAK,CAAC;AAC/DS,kBAAkB,CAACC,WAAW,GAAG,oBAAoB;AAerD;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAAC,IAAA,EAGO;EAAA,IAHN;IAC5BC,cAAc,GAAG,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,WAAW,CAAC;IACzEC;EACkB,CAAC,GAAAF,IAAA;EACnB,IAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAC/CD,SAAS,CAAC,SAASgB,SAASA,CAAA,EAAG;IAC7BC,QAAQ,CAACC,KAAK,CAACC,KAAK,CAACC,IAAI,CAAC,MAAM;MAC9BL,WAAW,CAAC,IAAI,CAAC;IACnB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACER,KAAA,CAAAF,SAAA;IAAAQ,QAAA,gBACEV,IAAA,CAACK,kBAAkB,CAACa,QAAQ;MAACC,KAAK,EAAER,QAAS;MAAAD,QAAA,EAC1CA;IAAQ,CACkB,CAAC,eAU9BV,IAAA;MACEoB,EAAE,EAAC,eAAe;MAClBC,KAAK,EAAE;QAAEC,UAAU,EAAE,QAAQ;QAAEC,QAAQ,EAAE,UAAU;QAAEC,GAAG,EAAE,CAAC;MAAM,CAAE;MAAAd,QAAA,EAGlED,cAAc,CAACgB,GAAG,CAACC,SAAS,iBAC3B1B,IAAA;QAAmB0B,SAAS,EAAEA,SAAU;QAAAhB,QAAA,EAAC;MAEzC,GAFQgB,SAEL,CACJ;IAAC,CACC,CAAC;EAAA,CACN,CAAC;AAEP;AAEA,eAAenB,aAAa","ignoreList":[]}

package/dist/theme/FontsLoaded.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type FontsLoadedProps = {
+    /** Children to show when the fonts have completed loading */
+    children: React.ReactNode;
+};
+export declare function FontsLoaded({ children }: FontsLoadedProps): JSX.Element;
+export default FontsLoaded;
+//# sourceMappingURL=FontsLoaded.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FontsLoaded.d.ts","sourceRoot":"","sources":["../../src/theme/FontsLoaded.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CASvE;AAED,eAAe,WAAW,CAAC"}

package/dist/theme/FontsLoaded.js

@@ -0,0 +1,22 @@
+import React, { useContext } from 'react';
+import LoadingOverlay from "../LoadingOverlay.js";
+import { FontsLoadedContext } from "./FontBootstrap.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function FontsLoaded(_ref) {
+  var {
+    children
+  } = _ref;
+  var isFontsLoaded = useContext(FontsLoadedContext);
+  if (!isFontsLoaded) {
+    return /*#__PURE__*/_jsx(LoadingOverlay, {
+      "data-testid": "fonts-loaded-loading"
+    });
+  }
+
+  // eslint-disable-next-line react/jsx-no-useless-fragment
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+export default FontsLoaded;
+//# sourceMappingURL=FontsLoaded.js.map

package/dist/theme/FontsLoaded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontsLoaded.js","names":["React","useContext","LoadingOverlay","FontsLoadedContext","jsx","_jsx","Fragment","_Fragment","FontsLoaded","_ref","children","isFontsLoaded"],"sources":["../../src/theme/FontsLoaded.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport LoadingOverlay from '../LoadingOverlay';\nimport { FontsLoadedContext } from './FontBootstrap';\n\nexport type FontsLoadedProps = {\n  /** Children to show when the fonts have completed loading */\n  children: React.ReactNode;\n};\n\nexport function FontsLoaded({ children }: FontsLoadedProps): JSX.Element {\n  const isFontsLoaded = useContext(FontsLoadedContext);\n\n  if (!isFontsLoaded) {\n    return <LoadingOverlay data-testid=\"fonts-loaded-loading\" />;\n  }\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>;\n}\n\nexport default FontsLoaded;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,OACnCC,cAAc;AAAA,SACZC,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAO3B,OAAO,SAASC,WAAWA,CAAAC,IAAA,EAA8C;EAAA,IAA7C;IAAEC;EAA2B,CAAC,GAAAD,IAAA;EACxD,IAAME,aAAa,GAAGV,UAAU,CAACE,kBAAkB,CAAC;EAEpD,IAAI,CAACQ,aAAa,EAAE;IAClB,oBAAON,IAAA,CAACH,cAAc;MAAC,eAAY;IAAsB,CAAE,CAAC;EAC9D;;EAEA;EACA,oBAAOG,IAAA,CAAAE,SAAA;IAAAG,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB;AAEA,eAAeF,WAAW","ignoreList":[]}

package/dist/theme/index.d.ts

@@ -9,4 +9,6 @@ export * from './Logo';
 export * from './colorUtils';
 export * from './useExternalTheme';
 export * from './useSpectrumThemeProvider';
+export * from './FontsLoaded';
+export * from './FontBootstrap';
 //# 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,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}

package/dist/theme/index.js

@@ -9,4 +9,6 @@ export * from "./Logo.js";
 export * from "./colorUtils.js";
 export * from "./useExternalTheme.js";
 export * from "./useSpectrumThemeProvider.js";
+export * from "./FontsLoaded.js";
+export * from "./FontBootstrap.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 './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemePicker';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\nexport * from './Logo';\nexport * from './colorUtils';\nexport * from './useExternalTheme';\nexport * from './useSpectrumThemeProvider';\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemePicker';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\nexport * from './Logo';\nexport * from './colorUtils';\nexport * from './useExternalTheme';\nexport * from './useSpectrumThemeProvider';\nexport * from './FontsLoaded';\nexport * from './FontBootstrap';\n"],"mappings":"","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "1.7.2-beta.5+28d63776",
+  "version": "1.7.2-beta.6+c0084cf6",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,10 +25,12 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "3.38.0",
-    "@deephaven/icons": "^1.7.2-beta.5+28d63776",
-    "@deephaven/log": "^1.7.2-beta.5+28d63776",
-    "@deephaven/react-hooks": "^1.7.2-beta.5+28d63776",
-    "@deephaven/utils": "^1.7.2-beta.5+28d63776",
+    "@deephaven/icons": "^1.7.2-beta.6+c0084cf6",
+    "@deephaven/log": "^1.7.2-beta.6+c0084cf6",
+    "@deephaven/react-hooks": "^1.7.2-beta.6+c0084cf6",
+    "@deephaven/utils": "^1.7.2-beta.6+c0084cf6",
+    "@fontsource/fira-mono": "5.0.13",
+    "@fontsource/fira-sans": "5.0.20",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@hello-pangea/dnd": "^18.0.1",
@@ -60,8 +62,8 @@
     "react-is": ">=16.8.0"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^1.7.2-beta.5+28d63776",
-    "@deephaven/test-utils": "^1.7.2-beta.5+28d63776",
+    "@deephaven/mocks": "^1.7.2-beta.6+c0084cf6",
+    "@deephaven/test-utils": "^1.7.2-beta.6+c0084cf6",
     "react-redux": "^7.2.7"
   },
   "files": [
@@ -76,5 +78,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "28d637768ffe289c1f16e1fdbc3af037aa9790ba"
+  "gitHead": "c0084cf65bb4d6ba4af1db356b3e1c144aa7bc29"
 }

package/scss/BaseStyleSheet.scss

@@ -913,7 +913,7 @@ input[type='number']::-webkit-inner-spin-button {
   }
 }
 
-/** Preload some fonts for grid metric calculations, loaded in App.jsx */
+/** Preload some fonts for grid metric calculations, loaded by FontBootstrap */
 /* stylelint-disable */
 .fira-sans-regular {
   font-family: 'Fira Sans';