@deephaven/components 0.102.1-beta.0 → 0.102.2-beta.0
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/spectrum/comboBox/ComboBox.d.ts +1 -0
- package/dist/spectrum/comboBox/ComboBox.d.ts.map +1 -1
- package/dist/spectrum/comboBox/ComboBox.js.map +1 -1
- package/dist/spectrum/picker/usePickerScrollOnOpen.d.ts +3 -2
- package/dist/spectrum/picker/usePickerScrollOnOpen.d.ts.map +1 -1
- package/dist/spectrum/picker/usePickerScrollOnOpen.js +2 -2
- package/dist/spectrum/picker/usePickerScrollOnOpen.js.map +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-overrides.css +1 -1
- package/dist/theme/theme-spectrum/theme-spectrum-overrides.css.map +1 -1
- package/package.json +9 -8
|
@@ -3,6 +3,7 @@ import { ComboBox as SpectrumComboBox, type SpectrumComboBoxProps } from '@adobe
|
|
|
3
3
|
import type { NormalizedItem } from '../utils';
|
|
4
4
|
import { type PickerPropsT } from '../picker';
|
|
5
5
|
export type ComboBoxProps = PickerPropsT<SpectrumComboBoxProps<NormalizedItem>>;
|
|
6
|
+
export { type MenuTriggerAction } from '@react-types/combobox';
|
|
6
7
|
export { SpectrumComboBox };
|
|
7
8
|
export declare const ComboBox: React.ForwardRefExoticComponent<Omit<SpectrumComboBoxProps<NormalizedItem>, "children" | "items" | "selectedKey" | "defaultSelectedKey" | "disabledKeys" | "onSelectionChange" | "defaultItems"> & {
|
|
8
9
|
children: import("../utils").ItemOrSection | import("../utils").ItemOrSection[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/spectrum/comboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,IAAI,gBAAgB,EAC5B,KAAK,qBAAqB,EAC3B,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,KAAK,YAAY,EAAkB,MAAM,WAAW,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/spectrum/comboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,IAAI,gBAAgB,EAC5B,KAAK,qBAAqB,EAC3B,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,KAAK,YAAY,EAAkB,MAAM,WAAW,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC,CAAC;AAChF,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,eAAO,MAAM,QAAQ;;;;;;;;;;mFAgCnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboBox.js","names":["React","ComboBox","SpectrumComboBox","cl","useMergeRef","usePickerProps","jsx","_jsx","forwardRef","_ref","ref","UNSAFE_className","props","_objectWithoutProperties","_excluded","_usePickerProps","defaultSelectedKey","disabledKeys","selectedKey","scrollRef","comboBoxProps","_excluded2","pickerRef","_objectSpread","displayName"],"sources":["../../../src/spectrum/comboBox/ComboBox.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ComboBox as SpectrumComboBox,\n type SpectrumComboBoxProps,\n} from '@adobe/react-spectrum';\nimport type { DOMRef } from '@react-types/shared';\nimport cl from 'classnames';\nimport { useMergeRef } from '@deephaven/react-hooks';\nimport type { NormalizedItem } from '../utils';\nimport { type PickerPropsT, usePickerProps } from '../picker';\n\nexport type ComboBoxProps = PickerPropsT<SpectrumComboBoxProps<NormalizedItem>>;\
|
|
1
|
+
{"version":3,"file":"ComboBox.js","names":["React","ComboBox","SpectrumComboBox","cl","useMergeRef","usePickerProps","jsx","_jsx","forwardRef","_ref","ref","UNSAFE_className","props","_objectWithoutProperties","_excluded","_usePickerProps","defaultSelectedKey","disabledKeys","selectedKey","scrollRef","comboBoxProps","_excluded2","pickerRef","_objectSpread","displayName"],"sources":["../../../src/spectrum/comboBox/ComboBox.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ComboBox as SpectrumComboBox,\n type SpectrumComboBoxProps,\n} from '@adobe/react-spectrum';\nimport type { DOMRef } from '@react-types/shared';\nimport cl from 'classnames';\nimport { useMergeRef } from '@deephaven/react-hooks';\nimport type { NormalizedItem } from '../utils';\nimport { type PickerPropsT, usePickerProps } from '../picker';\n\nexport type ComboBoxProps = PickerPropsT<SpectrumComboBoxProps<NormalizedItem>>;\nexport { type MenuTriggerAction } from '@react-types/combobox';\nexport { SpectrumComboBox };\n\nexport const ComboBox = React.forwardRef(function ComboBox(\n { UNSAFE_className, ...props }: ComboBoxProps,\n ref: DOMRef<HTMLDivElement>\n): JSX.Element {\n const {\n defaultSelectedKey,\n disabledKeys,\n selectedKey,\n ref: scrollRef,\n ...comboBoxProps\n } = usePickerProps(props);\n const pickerRef = useMergeRef(ref, scrollRef);\n return (\n <SpectrumComboBox\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...comboBoxProps}\n UNSAFE_className={cl('dh-combobox', UNSAFE_className)}\n ref={pickerRef}\n // Type assertions are necessary here since Spectrum types don't account\n // for number and boolean key values even though they are valid runtime\n // values.\n defaultSelectedKey={\n defaultSelectedKey as SpectrumComboBoxProps<NormalizedItem>['defaultSelectedKey']\n }\n disabledKeys={\n disabledKeys as SpectrumComboBoxProps<NormalizedItem>['disabledKeys']\n }\n selectedKey={\n selectedKey as SpectrumComboBoxProps<NormalizedItem>['selectedKey']\n }\n />\n );\n});\nComboBox.displayName = 'ComboBox';\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,QAAQ,IAAIC,gBAAgB,QAEvB,uBAAuB;AAE9B,OAAOC,EAAE,MAAM,YAAY;AAC3B,SAASC,WAAW,QAAQ,wBAAwB;AAAC,SAEzBC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI1C,SAASL,gBAAgB;AAEzB,OAAO,IAAMD,QAAQ,gBAAGD,KAAK,CAACQ,UAAU,CAAC,SAASP,QAAQA,CAAAQ,IAAA,EAExDC,GAA2B,EACd;EAAA,IAFb;MAAEC;IAA0C,CAAC,GAAAF,IAAA;IAAtBG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAG5B,IAAAC,eAAA,GAMIV,cAAc,CAACO,KAAK,CAAC;IANnB;MACJI,kBAAkB;MAClBC,YAAY;MACZC,WAAW;MACXR,GAAG,EAAES;IAEP,CAAC,GAAAJ,eAAA;IADIK,aAAa,GAAAP,wBAAA,CAAAE,eAAA,EAAAM,UAAA;EAElB,IAAMC,SAAS,GAAGlB,WAAW,CAACM,GAAG,EAAES,SAAS,CAAC;EAC7C,oBACEZ,IAAA,CAACL;EACC;EAAA,EAAAqB,aAAA,CAAAA,aAAA,KACIH,aAAa;IACjBT,gBAAgB,EAAER,EAAE,CAAC,aAAa,EAAEQ,gBAAgB,CAAE;IACtDD,GAAG,EAAEY;IACL;IACA;IACA;IAAA;IACAN,kBAAkB,EAChBA,kBACD;IACDC,YAAY,EACVA,YACD;IACDC,WAAW,EACTA;EACD,EACF,CAAC;AAEN,CAAC,CAAC;AACFjB,QAAQ,CAACuB,WAAW,GAAG,UAAU"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import type { DOMRef } from '@react-types/shared';
|
|
2
|
+
import type { MenuTriggerAction } from '../comboBox';
|
|
2
3
|
export interface UsePickerScrollOnOpenOptions {
|
|
3
4
|
getInitialScrollPosition?: () => Promise<number | null | undefined>;
|
|
4
5
|
onScroll: (event: Event) => void;
|
|
5
|
-
onOpenChange?: (isOpen: boolean) => void;
|
|
6
|
+
onOpenChange?: (isOpen: boolean, menuTrigger?: MenuTriggerAction) => void;
|
|
6
7
|
}
|
|
7
8
|
export interface UsePickerScrollOnOpenResult<THtml extends HTMLElement> {
|
|
8
9
|
ref: DOMRef<THtml>;
|
|
9
|
-
onOpenChange: (isOpen: boolean) => void;
|
|
10
|
+
onOpenChange: (isOpen: boolean, menuTrigger?: MenuTriggerAction) => void;
|
|
10
11
|
}
|
|
11
12
|
/**
|
|
12
13
|
* Handle scroll event registration and scrolling to initial scroll position
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePickerScrollOnOpen.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/usePickerScrollOnOpen.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"usePickerScrollOnOpen.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/usePickerScrollOnOpen.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAKlD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,4BAA4B;IAC3C,wBAAwB,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACpE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC3E;AAED,MAAM,WAAW,2BAA2B,CAAC,KAAK,SAAS,WAAW;IACpE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC1E;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,WAAW,GAAG,WAAW,EAAE,EAC7E,wBAAwB,EACxB,QAAQ,EACR,YAAY,GACb,EAAE,4BAA4B,GAAG,2BAA2B,CAAC,KAAK,CAAC,CAqBnE;AAED,eAAe,qBAAqB,CAAC"}
|
|
@@ -19,10 +19,10 @@ export function usePickerScrollOnOpen(_ref) {
|
|
|
19
19
|
ref,
|
|
20
20
|
onOpenChange: popoverOnOpenChange
|
|
21
21
|
} = usePopoverOnScrollRef(findSpectrumPickerScrollArea, onScroll, getInitialScrollPosition);
|
|
22
|
-
var onOpenChangeInternal = useCallback(isOpen => {
|
|
22
|
+
var onOpenChangeInternal = useCallback((isOpen, menuTrigger) => {
|
|
23
23
|
// Attach scroll event handling
|
|
24
24
|
popoverOnOpenChange(isOpen);
|
|
25
|
-
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
|
|
25
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen, menuTrigger);
|
|
26
26
|
}, [onOpenChange, popoverOnOpenChange]);
|
|
27
27
|
return {
|
|
28
28
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePickerScrollOnOpen.js","names":["useCallback","findSpectrumPickerScrollArea","usePopoverOnScrollRef","usePickerScrollOnOpen","_ref","getInitialScrollPosition","onScroll","onOpenChange","ref","popoverOnOpenChange","onOpenChangeInternal","isOpen"],"sources":["../../../src/spectrum/picker/usePickerScrollOnOpen.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { DOMRef } from '@react-types/shared';\nimport {\n findSpectrumPickerScrollArea,\n usePopoverOnScrollRef,\n} from '@deephaven/react-hooks';\n\nexport interface UsePickerScrollOnOpenOptions {\n getInitialScrollPosition?: () => Promise<number | null | undefined>;\n onScroll: (event: Event) => void;\n onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface UsePickerScrollOnOpenResult<THtml extends HTMLElement> {\n ref: DOMRef<THtml>;\n onOpenChange: (isOpen: boolean) => void;\n}\n\n/**\n * Handle scroll event registration and scrolling to initial scroll position\n * whenever a Picker popover is opened.\n * @param getInitialScrollPosition Function to get the initial scroll position.\n * @param onScroll Callback for scroll events.\n * @param onOpenChange Callback for open change events.\n * @return A ref to attach to the Picker and a callback to handle open change\n * events for the Picker.\n */\nexport function usePickerScrollOnOpen<THtml extends HTMLElement = HTMLElement>({\n getInitialScrollPosition,\n onScroll,\n onOpenChange,\n}: UsePickerScrollOnOpenOptions): UsePickerScrollOnOpenResult<THtml> {\n const { ref, onOpenChange: popoverOnOpenChange } = usePopoverOnScrollRef(\n findSpectrumPickerScrollArea<THtml>,\n onScroll,\n getInitialScrollPosition\n );\n\n const onOpenChangeInternal = useCallback(\n (isOpen: boolean): void => {\n // Attach scroll event handling\n popoverOnOpenChange(isOpen);\n\n onOpenChange?.(isOpen);\n },\n [onOpenChange, popoverOnOpenChange]\n );\n\n return {\n ref,\n onOpenChange: onOpenChangeInternal,\n };\n}\n\nexport default usePickerScrollOnOpen;\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SACEC,4BAA4B,EAC5BC,qBAAqB,QAChB,wBAAwB;
|
|
1
|
+
{"version":3,"file":"usePickerScrollOnOpen.js","names":["useCallback","findSpectrumPickerScrollArea","usePopoverOnScrollRef","usePickerScrollOnOpen","_ref","getInitialScrollPosition","onScroll","onOpenChange","ref","popoverOnOpenChange","onOpenChangeInternal","isOpen","menuTrigger"],"sources":["../../../src/spectrum/picker/usePickerScrollOnOpen.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { DOMRef } from '@react-types/shared';\nimport {\n findSpectrumPickerScrollArea,\n usePopoverOnScrollRef,\n} from '@deephaven/react-hooks';\nimport type { MenuTriggerAction } from '../comboBox';\n\nexport interface UsePickerScrollOnOpenOptions {\n getInitialScrollPosition?: () => Promise<number | null | undefined>;\n onScroll: (event: Event) => void;\n onOpenChange?: (isOpen: boolean, menuTrigger?: MenuTriggerAction) => void;\n}\n\nexport interface UsePickerScrollOnOpenResult<THtml extends HTMLElement> {\n ref: DOMRef<THtml>;\n onOpenChange: (isOpen: boolean, menuTrigger?: MenuTriggerAction) => void;\n}\n\n/**\n * Handle scroll event registration and scrolling to initial scroll position\n * whenever a Picker popover is opened.\n * @param getInitialScrollPosition Function to get the initial scroll position.\n * @param onScroll Callback for scroll events.\n * @param onOpenChange Callback for open change events.\n * @return A ref to attach to the Picker and a callback to handle open change\n * events for the Picker.\n */\nexport function usePickerScrollOnOpen<THtml extends HTMLElement = HTMLElement>({\n getInitialScrollPosition,\n onScroll,\n onOpenChange,\n}: UsePickerScrollOnOpenOptions): UsePickerScrollOnOpenResult<THtml> {\n const { ref, onOpenChange: popoverOnOpenChange } = usePopoverOnScrollRef(\n findSpectrumPickerScrollArea<THtml>,\n onScroll,\n getInitialScrollPosition\n );\n\n const onOpenChangeInternal = useCallback(\n (isOpen: boolean, menuTrigger?: MenuTriggerAction): void => {\n // Attach scroll event handling\n popoverOnOpenChange(isOpen);\n\n onOpenChange?.(isOpen, menuTrigger);\n },\n [onOpenChange, popoverOnOpenChange]\n );\n\n return {\n ref,\n onOpenChange: onOpenChangeInternal,\n };\n}\n\nexport default usePickerScrollOnOpen;\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SACEC,4BAA4B,EAC5BC,qBAAqB,QAChB,wBAAwB;AAc/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAAC,IAAA,EAIgC;EAAA,IAJU;IAC7EC,wBAAwB;IACxBC,QAAQ;IACRC;EAC4B,CAAC,GAAAH,IAAA;EAC7B,IAAM;IAAEI,GAAG;IAAED,YAAY,EAAEE;EAAoB,CAAC,GAAGP,qBAAqB,CACtED,4BAA4B,EAC5BK,QAAQ,EACRD,wBACF,CAAC;EAED,IAAMK,oBAAoB,GAAGV,WAAW,CACtC,CAACW,MAAe,EAAEC,WAA+B,KAAW;IAC1D;IACAH,mBAAmB,CAACE,MAAM,CAAC;IAE3BJ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGI,MAAM,EAAEC,WAAW,CAAC;EACrC,CAAC,EACD,CAACL,YAAY,EAAEE,mBAAmB,CACpC,CAAC;EAED,OAAO;IACLD,GAAG;IACHD,YAAY,EAAEG;EAChB,CAAC;AACH;AAEA,eAAeP,qBAAqB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[class*=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class*=spectrum-]{margin-bottom:0}svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class*=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class*=spectrum-Table-row]{--spectrum-table-row-border-color-selected: var( --dh-color-item-list-selected-border )}[class*=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}[class*=spectrum-ListView]{--spectrum-listview-item-border-color-selected: var( --dh-color-item-list-selected-border )}button[class*=spectrum-Button]:not(.btn):not(.btn-socketed){--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class*=spectrum-Button]:not(.btn):not(.btn-socketed) svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class*=spectrum-Checkbox-label],span[class*=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}label[class*=spectrum-Radio]{--spectrum-radio-emphasized-circle-border-color-error: var( --dh-color-negative-bg );--spectrum-radio-emphasized-circle-border-color-error-hover: var( --dh-color-negative-hover-bg );--spectrum-radio-emphasized-circle-border-color-error-down: var( --dh-color-negative-down-bg );--spectrum-radio-circle-border-color-error-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-radio-circle-border-color-error-selected-key-focus: var( --dh-color-negative-key-focus-bg )}span[class*=spectrum-ToggleSwitch-switch]{background:var(--dh-toggle-switch-bg)}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
|
|
1
|
+
[class*=spectrum]{font-family:var(--font-family-sans-serif) !important}label[class*=spectrum-]{margin-bottom:0}[class*=spectrum-Menu-itemGrid] svg,svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}svg[class*=spectrum-Textfield-validationIcon]{box-sizing:content-box}.svg-inline--fa[class*=spectrum-Icon--sizeS]{--spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size)}.action-button-icon-with-tooltip{padding-right:var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85))}[class*=spectrum-Table-headCell]{--dh-table-header-cell-background-color: transparent;background:var(--dh-table-header-cell-background-color)}[class*=spectrum-Table-row]{--spectrum-table-row-border-color-selected: var( --dh-color-item-list-selected-border )}[class*=spectrum-Table--quiet]{--spectrum-alias-background-color-default: transparent}[class*=spectrum-ListView]{--spectrum-listview-item-border-color-selected: var( --dh-color-item-list-selected-border )}button[class*=spectrum-Button]:not(.btn):not(.btn-socketed){--spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);padding-bottom:calc(var(--spectrum-global-dimension-size-50) - 1px);padding-top:calc(var(--spectrum-global-dimension-size-50))}button[class*=spectrum-Button]:not(.btn):not(.btn-socketed) svg{padding-bottom:var(--spectrum-global-dimension-size-25)}span[class*=spectrum-Checkbox-label],span[class*=spectrum-Radio-label]{margin-top:var(--spectrum-global-dimension-size-85)}label[class*=spectrum-Radio]{--spectrum-radio-emphasized-circle-border-color-error: var( --dh-color-negative-bg );--spectrum-radio-emphasized-circle-border-color-error-hover: var( --dh-color-negative-hover-bg );--spectrum-radio-emphasized-circle-border-color-error-down: var( --dh-color-negative-down-bg );--spectrum-radio-circle-border-color-error-key-focus: var( --dh-color-negative-key-focus-bg );--spectrum-radio-circle-border-color-error-selected-key-focus: var( --dh-color-negative-key-focus-bg )}span[class*=spectrum-ToggleSwitch-switch]{background:var(--dh-toggle-switch-bg)}/*# sourceMappingURL=theme-spectrum-overrides.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-spectrum/theme-spectrum-overrides.css"],"names":[],"mappings":"AAAA,kBAGE,qDAIF,wBACE,gBAOF,kFAGE,uBAGF,8CAEE,uBAGF,6CAKE,oEAQF,iCACE,oGAOF,iCAME,qDAEA,wDAGF,4BAEE,wFAKF,+BAEE,uDAGF,2BAEE,4FAWF,4DAEE,6EAGA,oEACA,2DAEF,gEAKE,wDAGF,uEAKE,oDAEF,6BACE,qFAGA,iGAGA,+FAGA,8FAGA,uGAKF,0CAEE","file":"theme-spectrum-overrides.css","sourcesContent":["[class*='spectrum'] {\n /* --font-family-sans-serif is defined in Bootstrap's _root.scss. We want\n Spectrum to use the same default font-family */\n font-family: var(--font-family-sans-serif) !important;\n}\n\n/* Override _reboot.scss */\nlabel[class*='spectrum-'] {\n margin-bottom: 0;\n}\n\n/*\n* This workaround can be removed when this fix is pulled in\n* https://github.com/adobe/react-spectrum/issues/7571\n*/\n[class*='spectrum-Menu-itemGrid'] svg,\nsvg[class*='spectrum-Textfield-validationIcon'] {\n /* set as border-box by reboot, but spectrum expects this to be content-box */\n box-sizing: content-box;\n}\n\nsvg[class*='spectrum-Textfield-validationIcon'] {\n /* set as border-box by reboot, but spectrum expects this to be content-box */\n box-sizing: content-box;\n}\n\n.svg-inline--fa[class*='spectrum-Icon--sizeS'] {\n /* \n Resize fontawesome icons used inside a spectrum icon wrapper to match\n our icon size. Spectrum icons are 18px by default, but our icons are built on a 16px grid.\n */\n --spectrum-alias-workflow-icon-size: var(--dh-svg-inline-icon-size);\n}\n\n/** \n * Spectrum action button icons only include right padding if the the icon is \n * the only child. In cases where we add a <Tooltip>, we have to manually add \n * the right padding ourselves to keep the icon centered.\n */\n.action-button-icon-with-tooltip {\n padding-right: var(\n --spectrum-actionbutton-icon-padding-x,\n var(--spectrum-global-dimension-size-85)\n );\n}\n\n/* Table */\n[class*='spectrum-Table-headCell'] {\n /* \n Tables are styled with the assumption that the header is the same color as the bg\n which means they look bad against any other background color, instead just inherit the bg.\n There is also no variable exposed for this, so we have to target the class directly.\n */\n --dh-table-header-cell-background-color: transparent;\n\n background: var(--dh-table-header-cell-background-color);\n}\n\n[class*='spectrum-Table-row'] {\n /* border of selected color is hard-coded as blue rather than accent color */\n --spectrum-table-row-border-color-selected: var(\n --dh-color-item-list-selected-border\n );\n}\n\n[class*='spectrum-Table--quiet'] {\n /* Quiet shouldn't assume a bg color */\n --spectrum-alias-background-color-default: transparent;\n}\n\n[class*='spectrum-ListView'] {\n /* border of selected color is hard-coded as blue rather than accent color */\n --spectrum-listview-item-border-color-selected: var(\n --dh-color-item-list-selected-border\n );\n}\n\n/**\n Adjust Spectrum button text and icon alignment to account for DH using a\n different font and smaller icons. Spectrum `ButtonGroup` will add additional\n `-spectrum-ButtonGroup` classes to child buttons (including DH ones), so we\n explicitly exclude our buttons from the selector.\n */\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) {\n /* make the icon closer to the text */\n --spectrum-button-primary-text-gap: var(--spectrum-global-dimension-size-75);\n\n /* Center the text vertically. We use a different font then spectrum so we require different custom centering */\n padding-bottom: calc(var(--spectrum-global-dimension-size-50) - 1px);\n padding-top: calc(var(--spectrum-global-dimension-size-50));\n}\nbutton[class*='spectrum-Button']:not(.btn):not(.btn-socketed) svg {\n /* \n We use smaller icons than Spectrum, so we need to adjust the padding to \n center when we use our icons inside of Spectrum buttons.\n */\n padding-bottom: var(--spectrum-global-dimension-size-25);\n}\n\nspan[class*='spectrum-Checkbox-label'],\nspan[class*='spectrum-Radio-label'] {\n /* I have no idea why these spectrum labels aren't centered,\n but this fixes it. Maybe difference in font baselines.\n */\n margin-top: var(--spectrum-global-dimension-size-85);\n}\nlabel[class*='spectrum-Radio'] {\n --spectrum-radio-emphasized-circle-border-color-error: var(\n --dh-color-negative-bg\n );\n --spectrum-radio-emphasized-circle-border-color-error-hover: var(\n --dh-color-negative-hover-bg\n );\n --spectrum-radio-emphasized-circle-border-color-error-down: var(\n --dh-color-negative-down-bg\n );\n --spectrum-radio-circle-border-color-error-key-focus: var(\n --dh-color-negative-key-focus-bg\n );\n --spectrum-radio-circle-border-color-error-selected-key-focus: var(\n --dh-color-negative-key-focus-bg\n );\n}\n\nspan[class*='spectrum-ToggleSwitch-switch'] {\n /* increase contrast of switch in off position */\n background: var(--dh-toggle-switch-bg);\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deephaven/components",
|
|
3
|
-
"version": "0.102.
|
|
3
|
+
"version": "0.102.2-beta.0+5f6c8d6a",
|
|
4
4
|
"description": "Deephaven React component library",
|
|
5
5
|
"author": "Deephaven Data Labs LLC",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -25,16 +25,17 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@adobe/react-spectrum": "3.38.0",
|
|
28
|
-
"@deephaven/icons": "^0.102.
|
|
29
|
-
"@deephaven/log": "^0.102.
|
|
30
|
-
"@deephaven/react-hooks": "^0.102.
|
|
31
|
-
"@deephaven/utils": "^0.102.
|
|
28
|
+
"@deephaven/icons": "^0.102.2-beta.0+5f6c8d6a",
|
|
29
|
+
"@deephaven/log": "^0.102.2-beta.0+5f6c8d6a",
|
|
30
|
+
"@deephaven/react-hooks": "^0.102.2-beta.0+5f6c8d6a",
|
|
31
|
+
"@deephaven/utils": "^0.102.2-beta.0+5f6c8d6a",
|
|
32
32
|
"@fortawesome/fontawesome-svg-core": "^6.2.1",
|
|
33
33
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
34
34
|
"@internationalized/date": "^3.5.5",
|
|
35
35
|
"@react-spectrum/theme-default": "^3.5.1",
|
|
36
36
|
"@react-spectrum/toast": "^3.0.0-beta.16",
|
|
37
37
|
"@react-spectrum/utils": "^3.11.5",
|
|
38
|
+
"@react-types/combobox": "3.13.1",
|
|
38
39
|
"@react-types/radio": "^3.8.1",
|
|
39
40
|
"@react-types/shared": "^3.22.1",
|
|
40
41
|
"@react-types/textfield": "^3.9.1",
|
|
@@ -59,8 +60,8 @@
|
|
|
59
60
|
"react-is": ">=16.8.0"
|
|
60
61
|
},
|
|
61
62
|
"devDependencies": {
|
|
62
|
-
"@deephaven/mocks": "^0.102.
|
|
63
|
-
"@deephaven/test-utils": "^0.102.
|
|
63
|
+
"@deephaven/mocks": "^0.102.2-beta.0+5f6c8d6a",
|
|
64
|
+
"@deephaven/test-utils": "^0.102.2-beta.0+5f6c8d6a",
|
|
64
65
|
"react-redux": "^7.2.4"
|
|
65
66
|
},
|
|
66
67
|
"files": [
|
|
@@ -75,5 +76,5 @@
|
|
|
75
76
|
"publishConfig": {
|
|
76
77
|
"access": "public"
|
|
77
78
|
},
|
|
78
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "5f6c8d6a30099ac33fc6e35536b2ddfa9df528ca"
|
|
79
80
|
}
|