@deephaven/components 0.87.1-beta.0 → 0.87.1-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/modal/Modal.d.ts.map +1 -1
- package/dist/modal/Modal.js +9 -2
- package/dist/modal/Modal.js.map +1 -1
- package/dist/spectrum/dateAndTime.d.ts +4 -0
- package/dist/spectrum/dateAndTime.d.ts.map +1 -1
- package/dist/spectrum/dateAndTime.js +4 -0
- package/dist/spectrum/dateAndTime.js.map +1 -1
- package/dist/theme/SpectrumThemeProvider.d.ts +3 -1
- package/dist/theme/SpectrumThemeProvider.d.ts.map +1 -1
- package/dist/theme/SpectrumThemeProvider.js +5 -1
- package/dist/theme/SpectrumThemeProvider.js.map +1 -1
- package/package.json +8 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,KAAK,CAAC,EACb,SAAc,EACd,QAAQ,EACR,IAAa,EACb,QAAe,EACf,MAAc,EACd,QAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,aAAa,EAAE,UAAU,GAC1B,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA6IxC;AAED,eAAe,KAAK,CAAC"}
|
package/dist/modal/Modal.js
CHANGED
|
@@ -3,8 +3,8 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
|
3
3
|
import ReactDOM from 'react-dom';
|
|
4
4
|
import { CSSTransition } from 'react-transition-group';
|
|
5
5
|
import ThemeExport from "../ThemeExport.js";
|
|
6
|
+
import { SpectrumThemeProvider } from "../theme/SpectrumThemeProvider.js";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
8
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
function Modal(_ref) {
|
|
10
10
|
var {
|
|
@@ -60,7 +60,14 @@ function Modal(_ref) {
|
|
|
60
60
|
element.current = undefined;
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
|
-
return element.current ? /*#__PURE__*/ReactDOM.createPortal(
|
|
63
|
+
return element.current ? /*#__PURE__*/ReactDOM.createPortal(
|
|
64
|
+
/*#__PURE__*/
|
|
65
|
+
// Without the zIndex and position props
|
|
66
|
+
// the modal is rendered on top of nested DatePicker popovers
|
|
67
|
+
_jsxs(SpectrumThemeProvider, {
|
|
68
|
+
isPortal: true,
|
|
69
|
+
zIndex: 0,
|
|
70
|
+
position: "relative",
|
|
64
71
|
children: [/*#__PURE__*/_jsx(CSSTransition, {
|
|
65
72
|
appear: true,
|
|
66
73
|
mountOnEnter: true,
|
package/dist/modal/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","names":["classNames","React","useCallback","useEffect","useRef","useState","ReactDOM","CSSTransition","ThemeExport","
|
|
1
|
+
{"version":3,"file":"Modal.js","names":["classNames","React","useCallback","useEffect","useRef","useState","ReactDOM","CSSTransition","ThemeExport","SpectrumThemeProvider","jsx","_jsx","jsxs","_jsxs","Modal","_ref","className","children","role","keyboard","isOpen","centered","size","onOpened","onClosed","toggle","dataTestId","element","background","backgroundClicked","setBackgroundClicked","handleKeyDown","event","key","addKeydownEventListener","window","addEventListener","removeEventListener","open","closed","current","document","createElement","setAttribute","body","appendChild","onExited","removeChild","undefined","createPortal","isPortal","zIndex","position","appear","mountOnEnter","unmountOnExit","in","appearActive","appearDone","timeout","transitionMs","style","ref","onMouseDown","e","target","onMouseUp","display","concat"],"sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, {\n ReactNode,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport ThemeExport from '../ThemeExport';\nimport { SpectrumThemeProvider } from '../theme/SpectrumThemeProvider';\n\ninterface ModalProps {\n className?: string;\n children?: ReactNode;\n role?: string;\n keyboard?: boolean;\n isOpen?: boolean;\n centered?: boolean;\n size?: 'sm' | 'lg' | 'xl' | undefined;\n onOpened?: () => void;\n onClosed?: () => void;\n toggle?: () => void;\n 'data-testid'?: string;\n}\n\nfunction Modal({\n className = '',\n children,\n role = 'role',\n keyboard = true,\n isOpen = false,\n centered = false,\n size,\n onOpened,\n onClosed,\n toggle,\n 'data-testid': dataTestId,\n}: ModalProps): React.ReactElement | null {\n const element = useRef<HTMLElement>();\n const background = useRef<HTMLDivElement>(null);\n const [backgroundClicked, setBackgroundClicked] = useState(false);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent): void => {\n switch (event.key) {\n case 'Escape':\n toggle?.();\n break;\n default:\n break;\n }\n },\n [toggle]\n );\n\n useEffect(\n function addKeydownEventListener() {\n if (isOpen && keyboard) {\n window.addEventListener('keydown', handleKeyDown);\n return () => window.removeEventListener('keydown', handleKeyDown);\n }\n },\n [handleKeyDown, isOpen, keyboard]\n );\n\n useEffect(\n function open() {\n if (isOpen && onOpened) {\n onOpened();\n }\n },\n [onOpened, isOpen]\n );\n\n useEffect(\n function closed() {\n if (!isOpen && onClosed) {\n onClosed();\n }\n },\n [onClosed, isOpen]\n );\n\n if (isOpen && !element.current) {\n element.current = document.createElement('div');\n element.current.setAttribute(\n 'style',\n 'padding-right: 15px; display: block'\n );\n element.current.setAttribute('role', 'presentation');\n document.body.appendChild(element.current);\n }\n\n const onExited = (): void => {\n if (element.current) {\n document.body.removeChild(element.current);\n element.current = undefined;\n }\n };\n\n return element.current\n ? ReactDOM.createPortal(\n // Without the zIndex and position props\n // the modal is rendered on top of nested DatePicker popovers\n <SpectrumThemeProvider isPortal zIndex={0} position=\"relative\">\n <CSSTransition\n appear\n mountOnEnter\n unmountOnExit\n in={isOpen}\n classNames={{\n appearActive: 'show',\n appearDone: 'show',\n }}\n timeout={ThemeExport.transitionMs}\n onExited={onExited}\n >\n <div\n className={classNames('modal-backdrop fade')}\n style={{ zIndex: 1050 }}\n />\n </CSSTransition>\n <CSSTransition\n appear\n mountOnEnter\n unmountOnExit\n in={isOpen}\n classNames={{\n appearDone: 'show',\n }}\n timeout={ThemeExport.transitionMs}\n onExited={onExited}\n >\n <div\n ref={background}\n className=\"modal fade\"\n onMouseDown={e => {\n if (e.target === background.current) {\n setBackgroundClicked(true);\n } else {\n setBackgroundClicked(false);\n }\n }}\n onMouseUp={e => {\n if (\n backgroundClicked &&\n e.target === background.current &&\n toggle !== undefined\n ) {\n toggle();\n }\n }}\n role=\"dialog\"\n style={{ display: 'block' }}\n >\n <div\n className={classNames(`modal-dialog ${className}`, {\n 'modal-lg': size === 'lg',\n 'modal-sm': size === 'sm',\n 'modal-xl': size === 'xl',\n 'modal-dialog-centered': centered,\n })}\n style={{ zIndex: 1040 }}\n >\n <div\n className=\"modal-content\"\n role=\"presentation\"\n data-testid={dataTestId}\n >\n {children}\n </div>\n </div>\n </div>\n </CSSTransition>\n </SpectrumThemeProvider>,\n element.current\n )\n : null;\n}\n\nexport default Modal;\n"],"mappings":"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"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
+
import { CalendarDate, CalendarDateTime, ZonedDateTime } from '@internationalized/date';
|
|
1
2
|
export { Calendar, type SpectrumCalendarProps as CalendarProps, DateField, type SpectrumDateFieldProps as DateFieldProps, DatePicker, type SpectrumDatePickerProps as DatePickerProps, DateRangePicker, type SpectrumDateRangePickerProps as DateRangePickerProps, RangeCalendar, type SpectrumRangeCalendarProps as RangeCalendarProps, TimeField, type SpectrumTimeFieldProps as TimeFieldProps, } from '@adobe/react-spectrum';
|
|
3
|
+
export type { CalendarDate, CalendarDateTime, ZonedDateTime };
|
|
4
|
+
export type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;
|
|
5
|
+
export type MappedDateValue<T> = T extends ZonedDateTime ? ZonedDateTime : T extends CalendarDateTime ? CalendarDateTime : T extends CalendarDate ? CalendarDate : never;
|
|
2
6
|
//# sourceMappingURL=dateAndTime.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateAndTime.d.ts","sourceRoot":"","sources":["../../src/spectrum/dateAndTime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,KAAK,qBAAqB,IAAI,aAAa,EAC3C,SAAS,EACT,KAAK,sBAAsB,IAAI,cAAc,EAC7C,UAAU,EACV,KAAK,uBAAuB,IAAI,eAAe,EAC/C,eAAe,EACf,KAAK,4BAA4B,IAAI,oBAAoB,EACzD,aAAa,EACb,KAAK,0BAA0B,IAAI,kBAAkB,EACrD,SAAS,EACT,KAAK,sBAAsB,IAAI,cAAc,GAC9C,MAAM,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"dateAndTime.d.ts","sourceRoot":"","sources":["../../src/spectrum/dateAndTime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,QAAQ,EACR,KAAK,qBAAqB,IAAI,aAAa,EAC3C,SAAS,EACT,KAAK,sBAAsB,IAAI,cAAc,EAC7C,UAAU,EACV,KAAK,uBAAuB,IAAI,eAAe,EAC/C,eAAe,EACf,KAAK,4BAA4B,IAAI,oBAAoB,EACzD,aAAa,EACb,KAAK,0BAA0B,IAAI,kBAAkB,EACrD,SAAS,EACT,KAAK,sBAAsB,IAAI,cAAc,GAC9C,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC;AAG9D,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,gBAAgB,GAAG,aAAa,CAAC;AAGxE,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,GACpD,aAAa,GACb,CAAC,SAAS,gBAAgB,GAC1B,gBAAgB,GAChB,CAAC,SAAS,YAAY,GACtB,YAAY,GACZ,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateAndTime.js","names":["Calendar","DateField","DatePicker","DateRangePicker","RangeCalendar","TimeField"],"sources":["../../src/spectrum/dateAndTime.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"dateAndTime.js","names":["Calendar","DateField","DatePicker","DateRangePicker","RangeCalendar","TimeField"],"sources":["../../src/spectrum/dateAndTime.ts"],"sourcesContent":["import {\n CalendarDate,\n CalendarDateTime,\n ZonedDateTime,\n} from '@internationalized/date';\n\nexport {\n Calendar,\n type SpectrumCalendarProps as CalendarProps,\n DateField,\n type SpectrumDateFieldProps as DateFieldProps,\n DatePicker,\n type SpectrumDatePickerProps as DatePickerProps,\n DateRangePicker,\n type SpectrumDateRangePickerProps as DateRangePickerProps,\n RangeCalendar,\n type SpectrumRangeCalendarProps as RangeCalendarProps,\n TimeField,\n type SpectrumTimeFieldProps as TimeFieldProps,\n} from '@adobe/react-spectrum';\n\nexport type { CalendarDate, CalendarDateTime, ZonedDateTime };\n\n// This is the type for the DatePicker value\nexport type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;\n\n// This is the type for DatePicker onChange\nexport type MappedDateValue<T> = T extends ZonedDateTime\n ? ZonedDateTime\n : T extends CalendarDateTime\n ? CalendarDateTime\n : T extends CalendarDate\n ? CalendarDate\n : never;\n"],"mappings":"AAMA,SACEA,QAAQ,EAERC,SAAS,EAETC,UAAU,EAEVC,eAAe,EAEfC,aAAa,EAEbC,SAAS,QAEJ,uBAAuB;;AAI9B;;AAGA"}
|
|
@@ -5,6 +5,8 @@ export interface SpectrumThemeProviderProps {
|
|
|
5
5
|
isPortal?: boolean;
|
|
6
6
|
theme?: Theme;
|
|
7
7
|
colorScheme?: 'light' | 'dark';
|
|
8
|
+
zIndex?: number;
|
|
9
|
+
position?: 'static' | 'absolute' | 'fixed' | 'relative' | 'sticky';
|
|
8
10
|
}
|
|
9
11
|
/**
|
|
10
12
|
* Wrapper around React Spectrum's theme Provider that provides DH mappings of
|
|
@@ -13,5 +15,5 @@ export interface SpectrumThemeProviderProps {
|
|
|
13
15
|
* the Provider. This is needed to force the Provider to render the theme wrapper
|
|
14
16
|
* inside of portals.
|
|
15
17
|
*/
|
|
16
|
-
export declare function SpectrumThemeProvider({ children, isPortal, theme, colorScheme, }: SpectrumThemeProviderProps): JSX.Element;
|
|
18
|
+
export declare function SpectrumThemeProvider({ children, isPortal, theme, colorScheme, zIndex, position, }: SpectrumThemeProviderProps): JSX.Element;
|
|
17
19
|
//# sourceMappingURL=SpectrumThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;CACpE;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,QAAgB,EAChB,KAAsB,EACtB,WAAW,EACX,MAAM,EACN,QAAQ,GACT,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CAkB1C"}
|
|
@@ -15,7 +15,9 @@ export function SpectrumThemeProvider(_ref) {
|
|
|
15
15
|
children,
|
|
16
16
|
isPortal = false,
|
|
17
17
|
theme = themeDHDefault,
|
|
18
|
-
colorScheme
|
|
18
|
+
colorScheme,
|
|
19
|
+
zIndex,
|
|
20
|
+
position
|
|
19
21
|
} = _ref;
|
|
20
22
|
// a unique ID is used per provider to force it to render the theme wrapper element inside portals
|
|
21
23
|
// based on https://github.com/adobe/react-spectrum/issues/1697#issuecomment-999827266
|
|
@@ -25,6 +27,8 @@ export function SpectrumThemeProvider(_ref) {
|
|
|
25
27
|
UNSAFE_className: "spectrum-theme-provider",
|
|
26
28
|
theme: theme,
|
|
27
29
|
colorScheme: colorScheme,
|
|
30
|
+
zIndex: zIndex,
|
|
31
|
+
position: position,
|
|
28
32
|
"data-unique-id": id,
|
|
29
33
|
children: children
|
|
30
34
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpectrumThemeProvider.js","names":["useState","Provider","nanoid","themeDHDefault","jsx","_jsx","SpectrumThemeProvider","_ref","children","isPortal","theme","colorScheme","id","UNSAFE_className"],"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 { nanoid } from 'nanoid';\nimport { themeDHDefault } from '../spectrum/utils';\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 ? nanoid() : null);\n\n return (\n <Provider\n UNSAFE_className=\"spectrum-theme-provider\"\n theme={theme}\n colorScheme={colorScheme}\n data-unique-id={id}\n >\n {children}\n </Provider>\n );\n}\n"],"mappings":"AAAA,SAAoBA,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,MAAM,QAAQ,QAAQ;AAAC,SACvBC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"file":"SpectrumThemeProvider.js","names":["useState","Provider","nanoid","themeDHDefault","jsx","_jsx","SpectrumThemeProvider","_ref","children","isPortal","theme","colorScheme","zIndex","position","id","UNSAFE_className"],"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 { nanoid } from 'nanoid';\nimport { themeDHDefault } from '../spectrum/utils';\n\nexport interface SpectrumThemeProviderProps {\n children: ReactNode;\n isPortal?: boolean;\n theme?: Theme;\n colorScheme?: 'light' | 'dark';\n zIndex?: number;\n position?: 'static' | 'absolute' | 'fixed' | 'relative' | 'sticky';\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 zIndex,\n position,\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 ? nanoid() : null);\n\n return (\n <Provider\n UNSAFE_className=\"spectrum-theme-provider\"\n theme={theme}\n colorScheme={colorScheme}\n zIndex={zIndex}\n position={position}\n data-unique-id={id}\n >\n {children}\n </Provider>\n );\n}\n"],"mappings":"AAAA,SAAoBA,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,MAAM,QAAQ,QAAQ;AAAC,SACvBC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAWvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAAC,IAAA,EAOO;EAAA,IAPN;IACpCC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAGP,cAAc;IACtBQ,WAAW;IACXC,MAAM;IACNC;EAC0B,CAAC,GAAAN,IAAA;EAC3B;EACA;EACA;EACA,IAAM,CAACO,EAAE,CAAC,GAAGd,QAAQ,CAACS,QAAQ,GAAGP,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;EAEjD,oBACEG,IAAA,CAACJ,QAAQ;IACPc,gBAAgB,EAAC,yBAAyB;IAC1CL,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnB,kBAAgBC,EAAG;IAAAN,QAAA,EAElBA;EAAQ,CACD,CAAC;AAEf"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deephaven/components",
|
|
3
|
-
"version": "0.87.1-beta.
|
|
3
|
+
"version": "0.87.1-beta.2+0058b180",
|
|
4
4
|
"description": "Deephaven React component library",
|
|
5
5
|
"author": "Deephaven Data Labs LLC",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -25,12 +25,13 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@adobe/react-spectrum": "3.35.1",
|
|
28
|
-
"@deephaven/icons": "^0.87.1-beta.
|
|
29
|
-
"@deephaven/log": "^0.87.1-beta.
|
|
30
|
-
"@deephaven/react-hooks": "^0.87.1-beta.
|
|
31
|
-
"@deephaven/utils": "^0.87.1-beta.
|
|
28
|
+
"@deephaven/icons": "^0.87.1-beta.2+0058b180",
|
|
29
|
+
"@deephaven/log": "^0.87.1-beta.2+0058b180",
|
|
30
|
+
"@deephaven/react-hooks": "^0.87.1-beta.2+0058b180",
|
|
31
|
+
"@deephaven/utils": "^0.87.1-beta.2+0058b180",
|
|
32
32
|
"@fortawesome/fontawesome-svg-core": "^6.2.1",
|
|
33
33
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
34
|
+
"@internationalized/date": "^3.5.5",
|
|
34
35
|
"@react-spectrum/theme-default": "^3.5.1",
|
|
35
36
|
"@react-spectrum/utils": "^3.11.5",
|
|
36
37
|
"@react-types/radio": "^3.8.1",
|
|
@@ -57,7 +58,7 @@
|
|
|
57
58
|
"react-is": ">=16.8.0"
|
|
58
59
|
},
|
|
59
60
|
"devDependencies": {
|
|
60
|
-
"@deephaven/mocks": "^0.87.1-beta.
|
|
61
|
+
"@deephaven/mocks": "^0.87.1-beta.2+0058b180",
|
|
61
62
|
"react-redux": "^7.2.4"
|
|
62
63
|
},
|
|
63
64
|
"files": [
|
|
@@ -72,5 +73,5 @@
|
|
|
72
73
|
"publishConfig": {
|
|
73
74
|
"access": "public"
|
|
74
75
|
},
|
|
75
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "0058b1801c1bfb21e3961a31a8a1c7a27443abb4"
|
|
76
77
|
}
|