@deephaven/components 0.87.1-beta.3 → 0.87.1-beta.7
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.map +1 -1
- package/dist/spectrum/comboBox/ComboBox.js +2 -2
- package/dist/spectrum/comboBox/ComboBox.js.map +1 -1
- package/dist/spectrum/picker/Picker.d.ts.map +1 -1
- package/dist/spectrum/picker/Picker.js +2 -2
- package/dist/spectrum/picker/Picker.js.map +1 -1
- package/package.json +7 -7
- package/dist/spectrum/picker/useMultiRef.d.ts +0 -9
- package/dist/spectrum/picker/useMultiRef.d.ts.map +0 -1
- package/dist/spectrum/picker/useMultiRef.js +0 -25
- package/dist/spectrum/picker/useMultiRef.js.map +0 -1
|
@@ -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,EAEL,qBAAqB,EACtB,MAAM,uBAAuB,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,EAEL,qBAAqB,EACtB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAkB,MAAM,WAAW,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC,CAAC;AAEhF,eAAO,MAAM,QAAQ;;;;;;;;;;mFAgCnB,CAAC"}
|
|
@@ -10,8 +10,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import { ComboBox as SpectrumComboBox } from '@adobe/react-spectrum';
|
|
12
12
|
import cl from 'classnames';
|
|
13
|
+
import { useMergeRef } from '@deephaven/react-hooks';
|
|
13
14
|
import { usePickerProps } from "../picker/index.js";
|
|
14
|
-
import useMultiRef from "../picker/useMultiRef.js";
|
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
16
|
export var ComboBox = /*#__PURE__*/React.forwardRef(function ComboBox(_ref, ref) {
|
|
17
17
|
var {
|
|
@@ -26,7 +26,7 @@ export var ComboBox = /*#__PURE__*/React.forwardRef(function ComboBox(_ref, ref)
|
|
|
26
26
|
ref: scrollRef
|
|
27
27
|
} = _usePickerProps,
|
|
28
28
|
comboBoxProps = _objectWithoutProperties(_usePickerProps, _excluded2);
|
|
29
|
-
var pickerRef =
|
|
29
|
+
var pickerRef = useMergeRef(ref, scrollRef);
|
|
30
30
|
return /*#__PURE__*/_jsx(SpectrumComboBox
|
|
31
31
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
32
32
|
, _objectSpread(_objectSpread({}, comboBoxProps), {}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboBox.js","names":["React","ComboBox","SpectrumComboBox","cl","
|
|
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 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 { PickerPropsT, usePickerProps } from '../picker';\n\nexport type ComboBoxProps = PickerPropsT<SpectrumComboBoxProps<NormalizedItem>>;\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,SAE9BC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIrC,OAAO,IAAMN,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;mFAgCjB,CAAC;AAGH,eAAe,MAAM,CAAC"}
|
|
@@ -10,7 +10,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
10
10
|
import { Picker as SpectrumPicker } from '@adobe/react-spectrum';
|
|
11
11
|
import cl from 'classnames';
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import
|
|
13
|
+
import { useMergeRef } from '@deephaven/react-hooks';
|
|
14
14
|
import { usePickerProps } from "./usePickerProps.js";
|
|
15
15
|
/**
|
|
16
16
|
* Picker component for selecting items from a list of items. Items can be
|
|
@@ -33,7 +33,7 @@ export var Picker = /*#__PURE__*/React.forwardRef(function Picker(_ref, ref) {
|
|
|
33
33
|
ref: scrollRef
|
|
34
34
|
} = _usePickerProps,
|
|
35
35
|
pickerProps = _objectWithoutProperties(_usePickerProps, _excluded2);
|
|
36
|
-
var pickerRef =
|
|
36
|
+
var pickerRef = useMergeRef(ref, scrollRef);
|
|
37
37
|
return /*#__PURE__*/_jsx(SpectrumPicker
|
|
38
38
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
39
39
|
, _objectSpread(_objectSpread({}, pickerProps), {}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Picker.js","names":["Picker","SpectrumPicker","cl","React","
|
|
1
|
+
{"version":3,"file":"Picker.js","names":["Picker","SpectrumPicker","cl","React","useMergeRef","usePickerProps","jsx","_jsx","forwardRef","_ref","ref","UNSAFE_className","props","_objectWithoutProperties","_excluded","_usePickerProps","defaultSelectedKey","disabledKeys","selectedKey","scrollRef","pickerProps","_excluded2","pickerRef","_objectSpread","displayName"],"sources":["../../../src/spectrum/picker/Picker.tsx"],"sourcesContent":["import {\n Picker as SpectrumPicker,\n SpectrumPickerProps,\n} from '@adobe/react-spectrum';\nimport type { DOMRef } from '@react-types/shared';\nimport cl from 'classnames';\nimport React from 'react';\nimport { useMergeRef } from '@deephaven/react-hooks';\nimport type { NormalizedItem } from '../utils';\nimport type { PickerProps } from './PickerProps';\nimport { usePickerProps } from './usePickerProps';\n\n/**\n * Picker component for selecting items from a list of items. Items can be\n * provided via the `children` prop. Each item can be a string,\tnumber, boolean,\n * or a Spectrum <Item> element. The remaining props are just\tpass through props\n * for the Spectrum Picker component.\n * See https://react-spectrum.adobe.com/react-spectrum/Picker.html\n */\nexport const Picker = React.forwardRef(function Picker(\n { UNSAFE_className, ...props }: PickerProps,\n ref: DOMRef<HTMLDivElement>\n): JSX.Element {\n const {\n defaultSelectedKey,\n disabledKeys,\n selectedKey,\n ref: scrollRef,\n ...pickerProps\n } = usePickerProps(props);\n const pickerRef = useMergeRef(ref, scrollRef);\n return (\n <SpectrumPicker\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...pickerProps}\n ref={pickerRef}\n UNSAFE_className={cl('dh-picker', UNSAFE_className)}\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 SpectrumPickerProps<NormalizedItem>['defaultSelectedKey']\n }\n disabledKeys={\n disabledKeys as SpectrumPickerProps<NormalizedItem>['disabledKeys']\n }\n selectedKey={\n selectedKey as SpectrumPickerProps<NormalizedItem>['selectedKey']\n }\n />\n );\n});\nPicker.displayName = 'Picker';\n\nexport default Picker;\n"],"mappings":";;;;;;;;;AAAA,SACEA,MAAM,IAAIC,cAAc,QAEnB,uBAAuB;AAE9B,OAAOC,EAAE,MAAM,YAAY;AAC3B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,wBAAwB;AAAC,SAG5CC,cAAc;AAEvB;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA;AAOA,OAAO,IAAMP,MAAM,gBAAGG,KAAK,CAACK,UAAU,CAAC,SAASR,MAAMA,CAAAS,IAAA,EAEpDC,GAA2B,EACd;EAAA,IAFb;MAAEC;IAAwC,CAAC,GAAAF,IAAA;IAApBG,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,WAAW,GAAAP,wBAAA,CAAAE,eAAA,EAAAM,UAAA;EAEhB,IAAMC,SAAS,GAAGlB,WAAW,CAACM,GAAG,EAAES,SAAS,CAAC;EAC7C,oBACEZ,IAAA,CAACN;EACC;EAAA,EAAAsB,aAAA,CAAAA,aAAA,KACIH,WAAW;IACfV,GAAG,EAAEY,SAAU;IACfX,gBAAgB,EAAET,EAAE,CAAC,WAAW,EAAES,gBAAgB;IAClD;IACA;IACA;IAAA;IACAK,kBAAkB,EAChBA,kBACD;IACDC,YAAY,EACVA,YACD;IACDC,WAAW,EACTA;EACD,EACF,CAAC;AAEN,CAAC,CAAC;AACFlB,MAAM,CAACwB,WAAW,GAAG,QAAQ;AAE7B,eAAexB,MAAM"}
|
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.7+56d1fa9b",
|
|
4
4
|
"description": "Deephaven React component library",
|
|
5
5
|
"author": "Deephaven Data Labs LLC",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -25,10 +25,10 @@
|
|
|
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.7+56d1fa9b",
|
|
29
|
+
"@deephaven/log": "^0.87.1-beta.7+56d1fa9b",
|
|
30
|
+
"@deephaven/react-hooks": "^0.87.1-beta.7+56d1fa9b",
|
|
31
|
+
"@deephaven/utils": "^0.87.1-beta.7+56d1fa9b",
|
|
32
32
|
"@fortawesome/fontawesome-svg-core": "^6.2.1",
|
|
33
33
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
34
34
|
"@internationalized/date": "^3.5.5",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"react-is": ">=16.8.0"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
|
-
"@deephaven/mocks": "^0.87.1-beta.
|
|
61
|
+
"@deephaven/mocks": "^0.87.1-beta.7+56d1fa9b",
|
|
62
62
|
"react-redux": "^7.2.4"
|
|
63
63
|
},
|
|
64
64
|
"files": [
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "56d1fa9ba00d319794d686365be245c757ad2178"
|
|
77
77
|
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Ref, RefCallback } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Takes in multiple refs and then returns one ref that can be assigned to the component.
|
|
4
|
-
* In turn all the refs passed in will be assigned when the ref returned is assigned.
|
|
5
|
-
* @param refs The refs to assign
|
|
6
|
-
*/
|
|
7
|
-
declare function useMultiRef<T>(...refs: readonly Ref<T>[]): RefCallback<T>;
|
|
8
|
-
export default useMultiRef;
|
|
9
|
-
//# sourceMappingURL=useMultiRef.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useMultiRef.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/useMultiRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,GAAG,EAAE,WAAW,EAAe,MAAM,OAAO,CAAC;AAExE;;;;GAIG;AACH,iBAAS,WAAW,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,CAYlE;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { useCallback } from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Takes in multiple refs and then returns one ref that can be assigned to the component.
|
|
5
|
-
* In turn all the refs passed in will be assigned when the ref returned is assigned.
|
|
6
|
-
* @param refs The refs to assign
|
|
7
|
-
*/
|
|
8
|
-
function useMultiRef() {
|
|
9
|
-
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
10
|
-
refs[_key] = arguments[_key];
|
|
11
|
-
}
|
|
12
|
-
return useCallback(newRef => {
|
|
13
|
-
refs.forEach(ref => {
|
|
14
|
-
if (typeof ref === 'function') {
|
|
15
|
-
ref(newRef);
|
|
16
|
-
} else if (ref != null) {
|
|
17
|
-
// eslint-disable-next-line no-param-reassign
|
|
18
|
-
ref.current = newRef;
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
22
|
-
}, refs);
|
|
23
|
-
}
|
|
24
|
-
export default useMultiRef;
|
|
25
|
-
//# sourceMappingURL=useMultiRef.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useMultiRef.js","names":["useCallback","useMultiRef","_len","arguments","length","refs","Array","_key","newRef","forEach","ref","current"],"sources":["../../../src/spectrum/picker/useMultiRef.ts"],"sourcesContent":["import { MutableRefObject, Ref, RefCallback, useCallback } from 'react';\n\n/**\n * Takes in multiple refs and then returns one ref that can be assigned to the component.\n * In turn all the refs passed in will be assigned when the ref returned is assigned.\n * @param refs The refs to assign\n */\nfunction useMultiRef<T>(...refs: readonly Ref<T>[]): RefCallback<T> {\n return useCallback(newRef => {\n refs.forEach(ref => {\n if (typeof ref === 'function') {\n ref(newRef);\n } else if (ref != null) {\n // eslint-disable-next-line no-param-reassign\n (ref as MutableRefObject<T | null>).current = newRef;\n }\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs);\n}\n\nexport default useMultiRef;\n"],"mappings":"AAAA,SAA6CA,WAAW,QAAQ,OAAO;;AAEvE;AACA;AACA;AACA;AACA;AACA,SAASC,WAAWA,CAAA,EAAgD;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;EAAA;EAC7B,OAAOP,WAAW,CAACQ,MAAM,IAAI;IAC3BH,IAAI,CAACI,OAAO,CAACC,GAAG,IAAI;MAClB,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC7BA,GAAG,CAACF,MAAM,CAAC;MACb,CAAC,MAAM,IAAIE,GAAG,IAAI,IAAI,EAAE;QACtB;QACCA,GAAG,CAAgCC,OAAO,GAAGH,MAAM;MACtD;IACF,CAAC,CAAC;IACF;EACF,CAAC,EAAEH,IAAI,CAAC;AACV;AAEA,eAAeJ,WAAW"}
|