@deephaven/components 1.7.2-react-18-alpha.3 → 1.8.1-beta.0

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/dist/transitions/FadeTransition.d.ts

@@ -1,11 +1,14 @@
 import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-import type { EndHandler } from 'react-transition-group/Transition';
-type FadeTransitionProps<Ref extends undefined | HTMLElement = undefined> = Omit<CSSTransitionProps<Ref>, 'addEndHandler'> & {
-    addEndHandler?: EndHandler<Ref> | undefined;
+import type { EndHandler, EnterHandler } from 'react-transition-group/Transition';
+import type { RemoveIndexSignature } from '@deephaven/utils';
+type FadeTransitionProps = Omit<RemoveIndexSignature<CSSTransitionProps<HTMLElement>>, 'addEndHandler' | 'children' | 'onEnter'> & {
+    addEndHandler?: EndHandler<HTMLElement> | undefined;
+    onEnter?: EnterHandler<undefined>;
+    children?: React.ReactNode;
 };
 /**
  * Fade between two components. Defaults to 150ms transition.
  */
-declare function FadeTransition<Ref extends undefined | HTMLElement = undefined>({ className, timeout, ...props }: FadeTransitionProps<Ref>): JSX.Element;
+declare function FadeTransition({ classNames: classNamesProp, timeout, children, onEnter, ...props }: FadeTransitionProps): JSX.Element;
 export default FadeTransition;
 //# sourceMappingURL=FadeTransition.d.ts.map

package/dist/transitions/FadeTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FadeTransition.d.ts","sourceRoot":"","sources":["../../src/transitions/FadeTransition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAIpE,KAAK,mBAAmB,CAAC,GAAG,SAAS,SAAS,GAAG,WAAW,GAAG,SAAS,IAItE,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,eAAe,CAAC,GAAG;IAC/C,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEJ;;GAEG;AACH,iBAAS,cAAc,CAAC,GAAG,SAAS,SAAS,GAAG,WAAW,GAAG,SAAS,EAAE,EACvE,SAAS,EACT,OAAkC,EAClC,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,OAAO,CASxC;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FadeTransition.d.ts","sourceRoot":"","sources":["../../src/transitions/FadeTransition.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACb,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAK7D,KAAK,mBAAmB,GAItB,IAAI,CACF,oBAAoB,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,EACrD,eAAe,GAAG,UAAU,GAAG,SAAS,CACzC,GAAG;IACF,aAAa,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACpD,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ;;GAEG;AACH,iBAAS,cAAc,CAAC,EACtB,UAAU,EAAE,cAAc,EAC1B,OAAkC,EAClC,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAiCnC;AAED,eAAe,cAAc,CAAC"}

package/dist/transitions/FadeTransition.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "timeout"];
+var _excluded = ["classNames", "timeout", "children", "onEnter"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -6,24 +6,52 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { useCallback, useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import ThemeExport from "../ThemeExport.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+var DISPLAY_CONTENTS = {
+  display: 'contents'
+};
 /**
  * Fade between two components. Defaults to 150ms transition.
  */
 function FadeTransition(_ref) {
   var {
-      className,
-      timeout = ThemeExport.transitionMs
+      classNames: classNamesProp,
+      timeout = ThemeExport.transitionMs,
+      children,
+      onEnter
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(CSSTransition, _objectSpread({
+  var nodeRef = useRef(null);
+  var handleOnEnter = useCallback(isAppearing => {
+    var elem = nodeRef.current;
+    if (!elem) {
+      return;
+    }
+    onEnter === null || onEnter === void 0 || onEnter(elem, isAppearing);
+  }, [onEnter]);
+
+  // Mimics findDOMNode for CSSTransition
+  // The ref should be set before CSSTransition does anything with it
+  var setRef = useCallback(node => {
+    nodeRef.current = node === null || node === void 0 ? void 0 : node.firstElementChild;
+  }, []);
+  return /*#__PURE__*/_jsx(CSSTransition, _objectSpread(_objectSpread({
+    nodeRef: nodeRef,
     timeout: timeout,
-    classNames: classNames('fade', className)
+    classNames: classNames('fade', classNamesProp),
+    onEnter: handleOnEnter
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props));
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx("div", {
+      ref: setRef,
+      style: DISPLAY_CONTENTS,
+      children: children
+    })
+  }));
 }
 export default FadeTransition;
 //# sourceMappingURL=FadeTransition.js.map

package/dist/transitions/FadeTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"FadeTransition.js","names":["CSSTransition","classNames","ThemeExport","jsx","_jsx","FadeTransition","_ref","className","timeout","transitionMs","props","_objectWithoutProperties","_excluded","_objectSpread"],"sources":["../../src/transitions/FadeTransition.tsx"],"sourcesContent":["import { CSSTransition } from 'react-transition-group';\nimport type { CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport type { EndHandler } from 'react-transition-group/Transition';\nimport classNames from 'classnames';\nimport ThemeExport from '../ThemeExport';\n\ntype FadeTransitionProps<Ref extends undefined | HTMLElement = undefined> =\n  // We default the timeout, so user doesn't need to provide it\n  // However, CSSTransitionProps get confused if you don't provide a timeout, it requires an endHandler\n  // We're just making the endHandler optional here, as the timeout has a default\n  Omit<CSSTransitionProps<Ref>, 'addEndHandler'> & {\n    addEndHandler?: EndHandler<Ref> | undefined;\n  };\n\n/**\n * Fade between two components. Defaults to 150ms transition.\n */\nfunction FadeTransition<Ref extends undefined | HTMLElement = undefined>({\n  className,\n  timeout = ThemeExport.transitionMs,\n  ...props\n}: FadeTransitionProps<Ref>): JSX.Element {\n  return (\n    <CSSTransition\n      timeout={timeout}\n      classNames={classNames('fade', className)}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    />\n  );\n}\n\nexport default FadeTransition;\n"],"mappings":";;;;;;;;AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAGtD,OAAOC,UAAU,MAAM,YAAY;AAAC,OAC7BC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUlB;AACA;AACA;AACA,SAASC,cAAcA,CAAAC,IAAA,EAImB;EAAA,IAJ+B;MACvEC,SAAS;MACTC,OAAO,GAAGN,WAAW,CAACO;IAEE,CAAC,GAAAH,IAAA;IADtBI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACER,IAAA,CAACJ,aAAa,EAAAa,aAAA;IACZL,OAAO,EAAEA,OAAQ;IACjBP,UAAU,EAAEA,UAAU,CAAC,MAAM,EAAEM,SAAS;IACxC;EAAA,GACIG,KAAK,CACV,CAAC;AAEN;AAEA,eAAeL,cAAc","ignoreList":[]}
+{"version":3,"file":"FadeTransition.js","names":["useCallback","useRef","CSSTransition","classNames","ThemeExport","jsx","_jsx","DISPLAY_CONTENTS","display","FadeTransition","_ref","classNamesProp","timeout","transitionMs","children","onEnter","props","_objectWithoutProperties","_excluded","nodeRef","handleOnEnter","isAppearing","elem","current","setRef","node","firstElementChild","_objectSpread","ref","style"],"sources":["../../src/transitions/FadeTransition.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport type { CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport type {\n  EndHandler,\n  EnterHandler,\n} from 'react-transition-group/Transition';\nimport classNames from 'classnames';\nimport type { RemoveIndexSignature } from '@deephaven/utils';\nimport ThemeExport from '../ThemeExport';\n\nconst DISPLAY_CONTENTS = { display: 'contents' };\n\ntype FadeTransitionProps =\n  // We default the timeout, so user doesn't need to provide it\n  // However, CSSTransitionProps get confused if you don't provide a timeout, it requires an endHandler\n  // We're just making the endHandler optional here, as the timeout has a default\n  Omit<\n    RemoveIndexSignature<CSSTransitionProps<HTMLElement>>,\n    'addEndHandler' | 'children' | 'onEnter'\n  > & {\n    addEndHandler?: EndHandler<HTMLElement> | undefined;\n    onEnter?: EnterHandler<undefined>;\n    children?: React.ReactNode;\n  };\n\n/**\n * Fade between two components. Defaults to 150ms transition.\n */\nfunction FadeTransition({\n  classNames: classNamesProp,\n  timeout = ThemeExport.transitionMs,\n  children,\n  onEnter,\n  ...props\n}: FadeTransitionProps): JSX.Element {\n  const nodeRef = useRef<HTMLElement | null>(null);\n  const handleOnEnter = useCallback(\n    (isAppearing: boolean) => {\n      const elem = nodeRef.current;\n      if (!elem) {\n        return;\n      }\n      onEnter?.(elem, isAppearing);\n    },\n    [onEnter]\n  );\n\n  // Mimics findDOMNode for CSSTransition\n  // The ref should be set before CSSTransition does anything with it\n  const setRef = useCallback((node: HTMLElement | null) => {\n    nodeRef.current = node?.firstElementChild as HTMLElement;\n  }, []);\n\n  return (\n    <CSSTransition\n      nodeRef={nodeRef}\n      timeout={timeout}\n      classNames={classNames('fade', classNamesProp)}\n      onEnter={handleOnEnter}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    >\n      <div ref={setRef} style={DISPLAY_CONTENTS}>\n        {children}\n      </div>\n    </CSSTransition>\n  );\n}\n\nexport default FadeTransition;\n"],"mappings":";;;;;;;;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SAASC,aAAa,QAAQ,wBAAwB;AAMtD,OAAOC,UAAU,MAAM,YAAY;AAAC,OAE7BC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAElB,IAAMC,gBAAgB,GAAG;EAAEC,OAAO,EAAE;AAAW,CAAC;AAehD;AACA;AACA;AACA,SAASC,cAAcA,CAAAC,IAAA,EAMc;EAAA,IANb;MACtBP,UAAU,EAAEQ,cAAc;MAC1BC,OAAO,GAAGR,WAAW,CAACS,YAAY;MAClCC,QAAQ;MACRC;IAEmB,CAAC,GAAAL,IAAA;IADjBM,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAER,IAAMC,OAAO,GAAGlB,MAAM,CAAqB,IAAI,CAAC;EAChD,IAAMmB,aAAa,GAAGpB,WAAW,CAC9BqB,WAAoB,IAAK;IACxB,IAAMC,IAAI,GAAGH,OAAO,CAACI,OAAO;IAC5B,IAAI,CAACD,IAAI,EAAE;MACT;IACF;IACAP,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGO,IAAI,EAAED,WAAW,CAAC;EAC9B,CAAC,EACD,CAACN,OAAO,CACV,CAAC;;EAED;EACA;EACA,IAAMS,MAAM,GAAGxB,WAAW,CAAEyB,IAAwB,IAAK;IACvDN,OAAO,CAACI,OAAO,GAAGE,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,iBAAgC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEpB,IAAA,CAACJ,aAAa,EAAAyB,aAAA,CAAAA,aAAA;IACZR,OAAO,EAAEA,OAAQ;IACjBP,OAAO,EAAEA,OAAQ;IACjBT,UAAU,EAAEA,UAAU,CAAC,MAAM,EAAEQ,cAAc,CAAE;IAC/CI,OAAO,EAAEK;IACT;EAAA,GACIJ,KAAK;IAAAF,QAAA,eAETR,IAAA;MAAKsB,GAAG,EAAEJ,MAAO;MAACK,KAAK,EAAEtB,gBAAiB;MAAAO,QAAA,EACvCA;IAAQ,CACN;EAAC,EACO,CAAC;AAEpB;AAEA,eAAeL,cAAc","ignoreList":[]}

package/dist/transitions/SlideTransition.d.ts

@@ -1,9 +1,10 @@
 import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import type { EndHandler } from 'react-transition-group/Transition';
+import type { RemoveIndexSignature } from '@deephaven/utils';
 type SlideDirection = 'left' | 'right';
-type SlideTransitionProps<Ref extends undefined | HTMLElement = undefined> = Omit<CSSTransitionProps<Ref>, 'addEndHandler'> & {
-    addEndHandler?: EndHandler<Ref> | undefined;
-} & {
+type SlideTransitionProps = Omit<RemoveIndexSignature<CSSTransitionProps<HTMLElement>>, 'addEndHandler'> & {
+    addEndHandler?: EndHandler<HTMLElement> | undefined;
+    children?: React.ReactNode;
     /**
      * The direction of the slide transition. Defaults to left.
      */
@@ -15,7 +16,7 @@ type SlideTransitionProps<Ref extends undefined | HTMLElement = undefined> = Omi
  * Defaults to sliding left, unless `direction='right'` is provided.
  * Timeout defaults to 200ms.
  */
-declare function SlideTransition({ direction, className, 
+declare function SlideTransition({ direction, classNames: classNamesProp, children, 
 /** Defaults to mid */
 timeout, ...props }: SlideTransitionProps): JSX.Element;
 export default SlideTransition;

package/dist/transitions/SlideTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideTransition.d.ts","sourceRoot":"","sources":["../../src/transitions/SlideTransition.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAKpE,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvC,KAAK,oBAAoB,CAAC,GAAG,SAAS,SAAS,GAAG,WAAW,GAAG,SAAS,IAIvE,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,eAAe,CAAC,GAAG;IAC/C,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;CAC7C,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEJ;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAkB,EAClB,SAAS;AAET,sBAAsB;AACtB,OAAqC,EACrC,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CASpC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SlideTransition.d.ts","sourceRoot":"","sources":["../../src/transitions/SlideTransition.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAK7D,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvC,KAAK,oBAAoB,GAIvB,IAAI,CACF,oBAAoB,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,EACrD,eAAe,CAChB,GAAG;IACF,aAAa,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEJ;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAkB,EAClB,UAAU,EAAE,cAAc,EAC1B,QAAQ;AAER,sBAAsB;AACtB,OAAqC,EACrC,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAsBpC;AAED,eAAe,eAAe,CAAC"}

package/dist/transitions/SlideTransition.js

@@ -1,4 +1,4 @@
-var _excluded = ["direction", "className", "timeout"];
+var _excluded = ["direction", "classNames", "children", "timeout"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -7,11 +7,14 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 // SlideTransition class uses CSSTransition with slide-left and slide-right classNames, depending on the prop direction. The transition is 250ms long.
-//
+import { useCallback, useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import ThemeExport from "../ThemeExport.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+var DISPLAY_CONTENTS = {
+  display: 'contents'
+};
 /**
  * Slides one component overtop of another component.
  * Defaults to sliding left, unless `direction='right'` is provided.
@@ -20,16 +23,31 @@ import { jsx as _jsx } from "react/jsx-runtime";
 function SlideTransition(_ref) {
   var {
       direction = 'left',
-      className,
+      classNames: classNamesProp,
+      children,
       /** Defaults to mid */
       timeout = ThemeExport.transitionMidMs
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(CSSTransition, _objectSpread({
+  var nodeRef = useRef(null);
+
+  // Mimics findDOMNode for CSSTransition
+  // The ref should be set before CSSTransition does anything with it
+  var setRef = useCallback(node => {
+    nodeRef.current = node === null || node === void 0 ? void 0 : node.firstElementChild;
+  }, []);
+  return /*#__PURE__*/_jsx(CSSTransition, _objectSpread(_objectSpread({
+    nodeRef: nodeRef,
     timeout: timeout,
-    classNames: classNames("slide-".concat(direction), className)
+    classNames: classNames("slide-".concat(direction), classNamesProp)
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props));
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx("div", {
+      ref: setRef,
+      style: DISPLAY_CONTENTS,
+      children: children
+    })
+  }));
 }
 export default SlideTransition;
 //# sourceMappingURL=SlideTransition.js.map

package/dist/transitions/SlideTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideTransition.js","names":["CSSTransition","classNames","ThemeExport","jsx","_jsx","SlideTransition","_ref","direction","className","timeout","transitionMidMs","props","_objectWithoutProperties","_excluded","_objectSpread","concat"],"sources":["../../src/transitions/SlideTransition.tsx"],"sourcesContent":["// SlideTransition class uses CSSTransition with slide-left and slide-right classNames, depending on the prop direction. The transition is 250ms long.\n//\nimport { CSSTransition } from 'react-transition-group';\nimport type { CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport type { EndHandler } from 'react-transition-group/Transition';\n\nimport classNames from 'classnames';\nimport ThemeExport from '../ThemeExport';\n\ntype SlideDirection = 'left' | 'right';\n\ntype SlideTransitionProps<Ref extends undefined | HTMLElement = undefined> =\n  // We default the timeout, so user doesn't need to provide it\n  // However, CSSTransitionProps get confused if you don't provide a timeout, it requires an endHandler\n  // We're just making the endHandler optional here, as the timeout has a default\n  Omit<CSSTransitionProps<Ref>, 'addEndHandler'> & {\n    addEndHandler?: EndHandler<Ref> | undefined;\n  } & {\n    /**\n     * The direction of the slide transition. Defaults to left.\n     */\n    direction?: SlideDirection;\n\n    timeout?: number;\n  };\n\n/**\n * Slides one component overtop of another component.\n * Defaults to sliding left, unless `direction='right'` is provided.\n * Timeout defaults to 200ms.\n */\nfunction SlideTransition({\n  direction = 'left',\n  className,\n\n  /** Defaults to mid */\n  timeout = ThemeExport.transitionMidMs,\n  ...props\n}: SlideTransitionProps): JSX.Element {\n  return (\n    <CSSTransition\n      timeout={timeout}\n      classNames={classNames(`slide-${direction}`, className)}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    />\n  );\n}\n\nexport default SlideTransition;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA,SAASA,aAAa,QAAQ,wBAAwB;AAItD,OAAOC,UAAU,MAAM,YAAY;AAAC,OAC7BC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAmBlB;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAAAC,IAAA,EAOc;EAAA,IAPb;MACvBC,SAAS,GAAG,MAAM;MAClBC,SAAS;MAET;MACAC,OAAO,GAAGP,WAAW,CAACQ;IAEF,CAAC,GAAAJ,IAAA;IADlBK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBACET,IAAA,CAACJ,aAAa,EAAAc,aAAA;IACZL,OAAO,EAAEA,OAAQ;IACjBR,UAAU,EAAEA,UAAU,UAAAc,MAAA,CAAUR,SAAS,GAAIC,SAAS;IACtD;EAAA,GACIG,KAAK,CACV,CAAC;AAEN;AAEA,eAAeN,eAAe","ignoreList":[]}
+{"version":3,"file":"SlideTransition.js","names":["useCallback","useRef","CSSTransition","classNames","ThemeExport","jsx","_jsx","DISPLAY_CONTENTS","display","SlideTransition","_ref","direction","classNamesProp","children","timeout","transitionMidMs","props","_objectWithoutProperties","_excluded","nodeRef","setRef","node","current","firstElementChild","_objectSpread","concat","ref","style"],"sources":["../../src/transitions/SlideTransition.tsx"],"sourcesContent":["// SlideTransition class uses CSSTransition with slide-left and slide-right classNames, depending on the prop direction. The transition is 250ms long.\nimport { useCallback, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport type { CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport type { EndHandler } from 'react-transition-group/Transition';\nimport classNames from 'classnames';\nimport type { RemoveIndexSignature } from '@deephaven/utils';\nimport ThemeExport from '../ThemeExport';\n\nconst DISPLAY_CONTENTS = { display: 'contents' };\n\ntype SlideDirection = 'left' | 'right';\n\ntype SlideTransitionProps =\n  // We default the timeout, so user doesn't need to provide it\n  // However, CSSTransitionProps get confused if you don't provide a timeout, it requires an endHandler\n  // We're just making the endHandler optional here, as the timeout has a default\n  Omit<\n    RemoveIndexSignature<CSSTransitionProps<HTMLElement>>,\n    'addEndHandler'\n  > & {\n    addEndHandler?: EndHandler<HTMLElement> | undefined;\n    children?: React.ReactNode;\n    /**\n     * The direction of the slide transition. Defaults to left.\n     */\n    direction?: SlideDirection;\n\n    timeout?: number;\n  };\n\n/**\n * Slides one component overtop of another component.\n * Defaults to sliding left, unless `direction='right'` is provided.\n * Timeout defaults to 200ms.\n */\nfunction SlideTransition({\n  direction = 'left',\n  classNames: classNamesProp,\n  children,\n\n  /** Defaults to mid */\n  timeout = ThemeExport.transitionMidMs,\n  ...props\n}: SlideTransitionProps): JSX.Element {\n  const nodeRef = useRef<HTMLElement | null>(null);\n\n  // Mimics findDOMNode for CSSTransition\n  // The ref should be set before CSSTransition does anything with it\n  const setRef = useCallback((node: HTMLElement | null) => {\n    nodeRef.current = node?.firstElementChild as HTMLElement;\n  }, []);\n\n  return (\n    <CSSTransition\n      nodeRef={nodeRef}\n      timeout={timeout}\n      classNames={classNames(`slide-${direction}`, classNamesProp)}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    >\n      <div ref={setRef} style={DISPLAY_CONTENTS}>\n        {children}\n      </div>\n    </CSSTransition>\n  );\n}\n\nexport default SlideTransition;\n"],"mappings":";;;;;;;;AAAA;AACA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SAASC,aAAa,QAAQ,wBAAwB;AAGtD,OAAOC,UAAU,MAAM,YAAY;AAAC,OAE7BC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAElB,IAAMC,gBAAgB,GAAG;EAAEC,OAAO,EAAE;AAAW,CAAC;AAsBhD;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAAAC,IAAA,EAQc;EAAA,IARb;MACvBC,SAAS,GAAG,MAAM;MAClBR,UAAU,EAAES,cAAc;MAC1BC,QAAQ;MAER;MACAC,OAAO,GAAGV,WAAW,CAACW;IAEF,CAAC,GAAAL,IAAA;IADlBM,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAER,IAAMC,OAAO,GAAGlB,MAAM,CAAqB,IAAI,CAAC;;EAEhD;EACA;EACA,IAAMmB,MAAM,GAAGpB,WAAW,CAAEqB,IAAwB,IAAK;IACvDF,OAAO,CAACG,OAAO,GAAGD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,iBAAgC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEjB,IAAA,CAACJ,aAAa,EAAAsB,aAAA,CAAAA,aAAA;IACZL,OAAO,EAAEA,OAAQ;IACjBL,OAAO,EAAEA,OAAQ;IACjBX,UAAU,EAAEA,UAAU,UAAAsB,MAAA,CAAUd,SAAS,GAAIC,cAAc;IAC3D;EAAA,GACII,KAAK;IAAAH,QAAA,eAETP,IAAA;MAAKoB,GAAG,EAAEN,MAAO;MAACO,KAAK,EAAEpB,gBAAiB;MAAAM,QAAA,EACvCA;IAAQ,CACN;EAAC,EACO,CAAC;AAEpB;AAEA,eAAeJ,eAAe","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "1.7.2-react-18-alpha.3+b369a51e",
+  "version": "1.8.1-beta.0+84c5dcae",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,12 +25,15 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "3.38.0",
-    "@deephaven/icons": "^1.7.2-react-18-alpha.3+b369a51e",
-    "@deephaven/log": "^1.7.2-react-18-alpha.3+b369a51e",
-    "@deephaven/react-hooks": "^1.7.2-react-18-alpha.3+b369a51e",
-    "@deephaven/utils": "^1.7.2-react-18-alpha.3+b369a51e",
+    "@deephaven/icons": "^1.8.1-beta.0+84c5dcae",
+    "@deephaven/log": "^1.8.1-beta.0+84c5dcae",
+    "@deephaven/react-hooks": "^1.8.1-beta.0+84c5dcae",
+    "@deephaven/utils": "^1.8.1-beta.0+84c5dcae",
+    "@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",
     "@internationalized/date": "^3.5.5",
     "@react-spectrum/theme-default": "^3.5.1",
     "@react-spectrum/toast": "^3.0.0-beta.16",
@@ -48,7 +51,6 @@
     "memoizee": "^0.4.15",
     "nanoid": "^5.0.7",
     "popper.js": "^1.16.1",
-    "react-beautiful-dnd": "^13.1.1",
     "react-reverse-portal": "^2.3.0",
     "react-transition-group": "^4.4.2",
     "react-virtualized-auto-sizer": "1.0.7",
@@ -60,8 +62,8 @@
     "react-is": ">=16.8.0"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^1.7.2-react-18-alpha.3+b369a51e",
-    "@deephaven/test-utils": "^1.7.2-react-18-alpha.3+b369a51e",
+    "@deephaven/mocks": "^1.8.1-beta.0+84c5dcae",
+    "@deephaven/test-utils": "^1.8.1-beta.0+84c5dcae",
     "react-redux": "^7.2.7"
   },
   "files": [
@@ -76,5 +78,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b369a51ee94d212641a14c6ce1f19fcc85168339"
+  "gitHead": "84c5dcaed2803b85b80eb763b550f432eabe0d53"
 }

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';