@react-spectrum/combobox - npm Package Compare versions

Comparing version 3.0.0-nightly.2547 to 3.0.0-nightly.2565

dist/main.js

@@ -57,2 +57,9 @@ var {
 var {
+  useComboBoxState
+} = require("@react-stately/combobox");
+
+var _spectrumIconsUiCheckmarkMedium = $parcel$interopDefault(require("@spectrum-icons/ui/CheckmarkMedium"));
+
+var {
+  chain,
   mergeProps,
@@ -63,8 +70,2 @@ useId,
 
-var {
-  useComboBoxState
-} = require("@react-stately/combobox");
-
-var _spectrumIconsUiCheckmarkMedium = $parcel$interopDefault(require("@spectrum-icons/ui/CheckmarkMedium"));
-
 var _spectrumIconsUiAlertMedium = $parcel$interopDefault(require("@spectrum-icons/ui/AlertMedium"));
@@ -224,2 +225,3 @@
   "spectrum-InputGroup-icon": "_spectrum-InputGroup-icon_17c83",
+  "spectrum-InputGroup-popover--quiet": "_spectrum-InputGroup-popover--quiet_17c83",
   "spectrum-Datepicker--range": "_spectrum-Datepicker--range_17c83",
@@ -271,2 +273,3 @@ "spectrum-Datepicker--datetimeRange": "_spectrum-Datepicker--datetimeRange_17c83",
     validationState,
+    isReadOnly,
     loadingState
@@ -325,3 +328,3 @@ } = props;
     validationState: validationState,
-    onPress: () => state.open(),
+    onPress: () => !isReadOnly && state.open(),
     isLoading: loadingState === 'loading' || loadingState === 'filtering',
@@ -331,3 +334,3 @@ loadingIndicator: loadingState != null && loadingCircle
     isOpen: state.isOpen,
-    onClose: state.commit,
+    onClose: chain(state.commit, state.close),
     isFixedHeight: true,
@@ -522,3 +525,3 @@ isNonModal: true
   }), /*#__PURE__*/_react.createElement(DismissButton, {
-    onDismiss: () => state.commit()
+    onDismiss: chain(state.commit, state.close)
   }), /*#__PURE__*/_react.createElement(TextFieldBase, {
@@ -562,3 +565,3 @@ label: label,
   }), /*#__PURE__*/_react.createElement(DismissButton, {
-    onDismiss: () => state.commit()
+    onDismiss: chain(state.commit, state.close)
   })));
@@ -592,2 +595,3 @@ }
     direction = 'bottom',
+    isQuiet,
     loadingState,
@@ -657,3 +661,4 @@ onLoadMore
   let style = _babelRuntimeHelpersExtends({}, overlayProps.style, {
-    width: menuWidth
+    width: isQuiet ? null : menuWidth,
+    minWidth: isQuiet ? "calc(" + menuWidth + "px + calc(2 * var(--spectrum-dropdown-quiet-offset)))" : menuWidth
   });
@@ -665,2 +670,3 @@
   }), /*#__PURE__*/_react.createElement($d9a9ec54ac1006cb2dd080cc05ab18c$var$ComboBoxInput, _babelRuntimeHelpersExtends({}, props, {
+    isOpen: state.isOpen,
     loadingState: loadingState,
@@ -674,2 +680,5 @@ inputProps: inputProps,
     UNSAFE_style: style,
+    UNSAFE_className: classNames($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-InputGroup-popover', {
+      'spectrum-InputGroup-popover--quiet': isQuiet
+    }),
     ref: popoverRef,
@@ -687,7 +696,3 @@ placement: placement,
     layout: layout,
-    state: state // Set max height: inherit so Tray scrolling works
-    ,
-    UNSAFE_style: {
-      maxHeight: 'inherit'
-    },
+    state: state,
     shouldUseVirtualFocus: true,
@@ -716,4 +721,5 @@ isLoading: loadingState === 'loadingMore',
     style,
-    className,
-    loadingState
+    UNSAFE_className,
+    loadingState,
+    isOpen
   } = props;
@@ -747,3 +753,3 @@ let {
       'is-hovered': isHovered
-    }, className)
+    }, UNSAFE_className)
   }), /*#__PURE__*/_react.createElement(TextFieldBase, {
@@ -761,3 +767,4 @@ inputProps: inputProps,
   }), /*#__PURE__*/_react.createElement(PressResponder, {
-    preventFocusOnPress: true
+    preventFocusOnPress: true,
+    isPressed: isOpen
   }, /*#__PURE__*/_react.createElement(FieldButton, _babelRuntimeHelpersExtends({}, triggerProps, {
@@ -764,0 +771,0 @@ ref: triggerRef,

dist/module.js

@@ -12,5 +12,5 @@ import { useProviderProps, useProvider } from "@react-spectrum/provider";
 import { ProgressCircle } from "@react-spectrum/progress";
-import { mergeProps, useId, useLayoutEffect } from "@react-aria/utils";
 import { useComboBoxState } from "@react-stately/combobox";
 import _spectrumIconsUiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
+import { chain, mergeProps, useId, useLayoutEffect } from "@react-aria/utils";
 import _spectrumIconsUiAlertMedium from "@spectrum-icons/ui/AlertMedium";
@@ -131,2 +131,3 @@ import { ListBoxBase, useListBoxLayout } from "@react-spectrum/listbox";
   "spectrum-InputGroup-icon": "_spectrum-InputGroup-icon_17c83",
+  "spectrum-InputGroup-popover--quiet": "_spectrum-InputGroup-popover--quiet_17c83",
   "spectrum-Datepicker--range": "_spectrum-Datepicker--range_17c83",
@@ -178,2 +179,3 @@ "spectrum-Datepicker--datetimeRange": "_spectrum-Datepicker--datetimeRange_17c83",
     validationState,
+    isReadOnly,
     loadingState
@@ -232,3 +234,3 @@ } = props;
     validationState: validationState,
-    onPress: () => state.open(),
+    onPress: () => !isReadOnly && state.open(),
     isLoading: loadingState === 'loading' || loadingState === 'filtering',
@@ -238,3 +240,3 @@ loadingIndicator: loadingState != null && loadingCircle
     isOpen: state.isOpen,
-    onClose: state.commit,
+    onClose: chain(state.commit, state.close),
     isFixedHeight: true,
@@ -429,3 +431,3 @@ isNonModal: true
   }), /*#__PURE__*/_react.createElement(DismissButton, {
-    onDismiss: () => state.commit()
+    onDismiss: chain(state.commit, state.close)
   }), /*#__PURE__*/_react.createElement(TextFieldBase, {
@@ -469,3 +471,3 @@ label: label,
   }), /*#__PURE__*/_react.createElement(DismissButton, {
-    onDismiss: () => state.commit()
+    onDismiss: chain(state.commit, state.close)
   })));
@@ -499,2 +501,3 @@ }
     direction = 'bottom',
+    isQuiet,
     loadingState,
@@ -564,3 +567,4 @@ onLoadMore
   let style = _babelRuntimeHelpersEsmExtends({}, overlayProps.style, {
-    width: menuWidth
+    width: isQuiet ? null : menuWidth,
+    minWidth: isQuiet ? "calc(" + menuWidth + "px + calc(2 * var(--spectrum-dropdown-quiet-offset)))" : menuWidth
   });
@@ -572,2 +576,3 @@
   }), /*#__PURE__*/_react.createElement($a1e2444f979a947af6adfa139e4b9220$var$ComboBoxInput, _babelRuntimeHelpersEsmExtends({}, props, {
+    isOpen: state.isOpen,
     loadingState: loadingState,
@@ -581,2 +586,5 @@ inputProps: inputProps,
     UNSAFE_style: style,
+    UNSAFE_className: classNames($ed163f34af6780259e0266609fb62099$$interop$default, 'spectrum-InputGroup-popover', {
+      'spectrum-InputGroup-popover--quiet': isQuiet
+    }),
     ref: popoverRef,
@@ -594,7 +602,3 @@ placement: placement,
     layout: layout,
-    state: state // Set max height: inherit so Tray scrolling works
-    ,
-    UNSAFE_style: {
-      maxHeight: 'inherit'
-    },
+    state: state,
     shouldUseVirtualFocus: true,
@@ -623,4 +627,5 @@ isLoading: loadingState === 'loadingMore',
     style,
-    className,
-    loadingState
+    UNSAFE_className,
+    loadingState,
+    isOpen
   } = props;
@@ -654,3 +659,3 @@ let {
       'is-hovered': isHovered
-    }, className)
+    }, UNSAFE_className)
   }), /*#__PURE__*/_react.createElement(TextFieldBase, {
@@ -668,3 +673,4 @@ inputProps: inputProps,
   }), /*#__PURE__*/_react.createElement(PressResponder, {
-    preventFocusOnPress: true
+    preventFocusOnPress: true,
+    isPressed: isOpen
   }, /*#__PURE__*/_react.createElement(FieldButton, _babelRuntimeHelpersEsmExtends({}, triggerProps, {
@@ -671,0 +677,0 @@ ref: triggerRef,

package.json

 {
   "name": "@react-spectrum/combobox",
-  "version": "3.0.0-nightly.2547+309a8a23",
+  "version": "3.0.0-nightly.2565+85ecf65a",
   "description": "Spectrum UI components in React",
@@ -35,29 +35,29 @@ "license": "Apache-2.0",
     "@babel/runtime": "^7.6.2",
-    "@react-aria/button": "3.0.0-nightly.869+309a8a23",
-    "@react-aria/combobox": "3.0.0-nightly.2547+309a8a23",
-    "@react-aria/dialog": "3.0.0-nightly.869+309a8a23",
-    "@react-aria/focus": "3.0.0-nightly.869+309a8a23",
-    "@react-aria/i18n": "3.0.0-nightly.869+309a8a23",
-    "@react-aria/interactions": "3.0.0-nightly.869+309a8a23",
-    "@react-aria/label": "3.0.0-nightly.869+309a8a23",
-    "@react-aria/overlays": "3.0.0-nightly.869+309a8a23",
-    "@react-aria/utils": "3.0.0-nightly.869+309a8a23",
-    "@react-spectrum/button": "3.0.0-nightly.869+309a8a23",
-    "@react-spectrum/label": "3.3.1-nightly.2547+309a8a23",
-    "@react-spectrum/listbox": "3.4.1-nightly.2547+309a8a23",
-    "@react-spectrum/overlays": "3.0.0-nightly.869+309a8a23",
-    "@react-spectrum/progress": "3.0.0-nightly.869+309a8a23",
-    "@react-spectrum/textfield": "3.0.0-nightly.869+309a8a23",
-    "@react-spectrum/utils": "3.0.0-nightly.869+309a8a23",
-    "@react-stately/collections": "3.0.0-nightly.869+309a8a23",
-    "@react-stately/combobox": "3.0.0-nightly.2547+309a8a23",
-    "@react-types/button": "3.3.1-nightly.2547+309a8a23",
-    "@react-types/combobox": "3.0.0-nightly.2547+309a8a23",
-    "@react-types/overlays": "3.4.1-nightly.2547+309a8a23",
-    "@react-types/shared": "3.0.0-nightly.869+309a8a23",
-    "@react-types/textfield": "3.0.0-nightly.869+309a8a23",
-    "@spectrum-icons/ui": "3.0.0-nightly.869+309a8a23"
+    "@react-aria/button": "3.0.0-nightly.887+85ecf65a",
+    "@react-aria/combobox": "3.0.0-nightly.2565+85ecf65a",
+    "@react-aria/dialog": "3.0.0-nightly.887+85ecf65a",
+    "@react-aria/focus": "3.0.0-nightly.887+85ecf65a",
+    "@react-aria/i18n": "3.0.0-nightly.887+85ecf65a",
+    "@react-aria/interactions": "3.0.0-nightly.887+85ecf65a",
+    "@react-aria/label": "3.0.0-nightly.887+85ecf65a",
+    "@react-aria/overlays": "3.0.0-nightly.887+85ecf65a",
+    "@react-aria/utils": "3.0.0-nightly.887+85ecf65a",
+    "@react-spectrum/button": "3.0.0-nightly.887+85ecf65a",
+    "@react-spectrum/label": "3.3.1-nightly.2565+85ecf65a",
+    "@react-spectrum/listbox": "3.4.1-nightly.2565+85ecf65a",
+    "@react-spectrum/overlays": "3.0.0-nightly.887+85ecf65a",
+    "@react-spectrum/progress": "3.0.0-nightly.887+85ecf65a",
+    "@react-spectrum/textfield": "3.0.0-nightly.887+85ecf65a",
+    "@react-spectrum/utils": "3.0.0-nightly.887+85ecf65a",
+    "@react-stately/collections": "3.0.0-nightly.887+85ecf65a",
+    "@react-stately/combobox": "3.0.0-nightly.2565+85ecf65a",
+    "@react-types/button": "3.3.1-nightly.2565+85ecf65a",
+    "@react-types/combobox": "3.0.0-nightly.2565+85ecf65a",
+    "@react-types/overlays": "3.4.1-nightly.2565+85ecf65a",
+    "@react-types/shared": "3.0.0-nightly.887+85ecf65a",
+    "@react-types/textfield": "3.0.0-nightly.887+85ecf65a",
+    "@spectrum-icons/ui": "3.0.0-nightly.887+85ecf65a"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.869+309a8a23"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.887+85ecf65a"
   },
@@ -71,3 +71,3 @@ "peerDependencies": {
   },
-  "gitHead": "309a8a236d27c8766da70c1b416d63172c145c0f"
+  "gitHead": "85ecf65a79b92869846b390892aa9e752f479b18"
 }

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

400517

increased by0.99%

Lines of code

2533

increased by0.76%

Dependency changes

• + Added@formatjs/ecma402-abstract@2.3.2(transitive)

• + Added@formatjs/icu-messageformat-parser@2.11.0(transitive)

• + Added@formatjs/icu-skeleton-parser@1.8.12(transitive)

• + Added@formatjs/intl-localematcher@0.5.10(transitive)

• + Addedintl-messageformat@10.7.14(transitive)

• - Removed@formatjs/ecma402-abstract@2.3.3(transitive)

• - Removed@formatjs/icu-messageformat-parser@2.11.1(transitive)

• - Removed@formatjs/icu-skeleton-parser@1.8.13(transitive)

• - Removed@formatjs/intl-localematcher@0.6.0(transitive)

• - Removedintl-messageformat@10.7.15(transitive)

• Updated@react-aria/button@3.0.0-nightly.887+85ecf65a

• Updated@react-aria/combobox@3.0.0-nightly.2565+85ecf65a

• Updated@react-aria/dialog@3.0.0-nightly.887+85ecf65a

• Updated@react-aria/focus@3.0.0-nightly.887+85ecf65a

• Updated@react-aria/i18n@3.0.0-nightly.887+85ecf65a

• Updated@react-aria/interactions@3.0.0-nightly.887+85ecf65a

• Updated@react-aria/label@3.0.0-nightly.887+85ecf65a

• Updated@react-aria/overlays@3.0.0-nightly.887+85ecf65a

• Updated@react-aria/utils@3.0.0-nightly.887+85ecf65a

• Updated@react-spectrum/button@3.0.0-nightly.887+85ecf65a

• Updated@react-spectrum/label@3.3.1-nightly.2565+85ecf65a

• Updated@react-spectrum/listbox@3.4.1-nightly.2565+85ecf65a

• Updated@react-spectrum/overlays@3.0.0-nightly.887+85ecf65a

• Updated@react-spectrum/progress@3.0.0-nightly.887+85ecf65a

• Updated@react-spectrum/textfield@3.0.0-nightly.887+85ecf65a

• Updated@react-spectrum/utils@3.0.0-nightly.887+85ecf65a

• Updated@react-stately/collections@3.0.0-nightly.887+85ecf65a

• Updated@react-stately/combobox@3.0.0-nightly.2565+85ecf65a

• Updated@react-types/button@3.3.1-nightly.2565+85ecf65a

• Updated@react-types/combobox@3.0.0-nightly.2565+85ecf65a

• Updated@react-types/overlays@3.4.1-nightly.2565+85ecf65a

• Updated@react-types/shared@3.0.0-nightly.887+85ecf65a

• Updated@react-types/textfield@3.0.0-nightly.887+85ecf65a

• Updated@spectrum-icons/ui@3.0.0-nightly.887+85ecf65a