@clayui/autocomplete - npm Package Compare versions

Comparing version 3.96.0 to 3.96.1

lib/Autocomplete.js

@@ -24,3 +24,4 @@ "use strict";
 
-var _excluded = ["active", "as", "alignmentByViewport", "children", "containerElementRef", "defaultActive", "defaultItems", "defaultValue", "direction", "filterKey", "items", "loadingState", "menuTrigger", "messages", "onActiveChange", "onChange", "onItemsChange", "onLoadMore", "value"];
+var _excluded = ["children"],
+    _excluded2 = ["active", "as", "alignmentByViewport", "children", "containerElementRef", "defaultActive", "defaultItems", "defaultValue", "direction", "filterKey", "items", "loadingState", "menuTrigger", "messages", "onActiveChange", "onChange", "onItemsChange", "onLoadMore", "value"];
 
@@ -33,4 +34,2 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -48,2 +47,4 @@
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -56,34 +57,45 @@
     useVirtual = _core.__NOT_PUBLIC_COLLECTION.useVirtual;
+
+var List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
+  var children = _ref.children,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement("ul", _extends({}, otherProps, {
+    className: "list-unstyled",
+    ref: ref
+  }), children);
+});
+
 var ESCAPE_REGEXP = /[.*+?^${}()|[\]\\]/g;
 
-var Autocomplete = /*#__PURE__*/_react.default.forwardRef(function Autocomplete(_ref, ref) {
+var Autocomplete = /*#__PURE__*/_react.default.forwardRef(function Autocomplete(_ref2, ref) {
   var _containerElementRef$;
 
-  var externalActive = _ref.active,
-      _ref$as = _ref.as,
-      As = _ref$as === void 0 ? _form.ClayInput : _ref$as,
-      _ = _ref.alignmentByViewport,
-      children = _ref.children,
-      containerElementRef = _ref.containerElementRef,
-      defaultActive = _ref.defaultActive,
-      defaultItems = _ref.defaultItems,
-      defaultValue = _ref.defaultValue,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? 'bottom' : _ref$direction,
-      filterKey = _ref.filterKey,
-      externalItems = _ref.items,
-      loadingState = _ref.loadingState,
-      _ref$menuTrigger = _ref.menuTrigger,
-      menuTrigger = _ref$menuTrigger === void 0 ? 'input' : _ref$menuTrigger,
-      _ref$messages = _ref.messages,
-      messages = _ref$messages === void 0 ? {
+  var externalActive = _ref2.active,
+      _ref2$as = _ref2.as,
+      As = _ref2$as === void 0 ? _form.ClayInput : _ref2$as,
+      _ = _ref2.alignmentByViewport,
+      children = _ref2.children,
+      containerElementRef = _ref2.containerElementRef,
+      defaultActive = _ref2.defaultActive,
+      defaultItems = _ref2.defaultItems,
+      defaultValue = _ref2.defaultValue,
+      _ref2$direction = _ref2.direction,
+      direction = _ref2$direction === void 0 ? 'bottom' : _ref2$direction,
+      filterKey = _ref2.filterKey,
+      externalItems = _ref2.items,
+      loadingState = _ref2.loadingState,
+      _ref2$menuTrigger = _ref2.menuTrigger,
+      menuTrigger = _ref2$menuTrigger === void 0 ? 'input' : _ref2$menuTrigger,
+      _ref2$messages = _ref2.messages,
+      messages = _ref2$messages === void 0 ? {
     loading: '',
     notFound: ''
-  } : _ref$messages,
-      onActiveChange = _ref.onActiveChange,
-      onChange = _ref.onChange,
-      onItemsChange = _ref.onItemsChange,
-      onLoadMore = _ref.onLoadMore,
-      externalValue = _ref.value,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
+  } : _ref2$messages,
+      onActiveChange = _ref2.onActiveChange,
+      onChange = _ref2.onChange,
+      onItemsChange = _ref2.onItemsChange,
+      onLoadMore = _ref2.onLoadMore,
+      externalValue = _ref2.value,
+      otherProps = _objectWithoutProperties(_ref2, _excluded2);
 
@@ -166,8 +178,8 @@ var _useControlledState = (0, _shared.useControlledState)({
     filterKey: 'value',
-    itemContainer: function itemContainer(_ref2) {
-      var _ref3, _children$props$textV;
+    itemContainer: function itemContainer(_ref3) {
+      var _ref4, _children$props$textV;
 
-      var children = _ref2.children,
-          keyValue = _ref2.keyValue;
-      var itemValue = (_ref3 = (_children$props$textV = children.props.textValue) !== null && _children$props$textV !== void 0 ? _children$props$textV : children.props.value) !== null && _ref3 !== void 0 ? _ref3 : children.props.children;
+      var children = _ref3.children,
+          keyValue = _ref3.keyValue;
+      var itemValue = (_ref4 = (_children$props$textV = children.props.textValue) !== null && _children$props$textV !== void 0 ? _children$props$textV : children.props.value) !== null && _ref4 !== void 0 ? _ref4 : children.props.children;
       return /*#__PURE__*/_react.default.cloneElement(children, {
@@ -384,3 +396,3 @@ keyValue: keyValue,
     "aria-labelledby": otherProps['aria-labelledby'],
-    as: _dropDown.default.ItemList,
+    as: List,
     collection: collection,
@@ -387,0 +399,0 @@ id: ariaControlsId,

package.json

 {
 	"name": "@clayui/autocomplete",
-	"version": "3.96.0",
+	"version": "3.96.1",
 	"description": "ClayAutocomplete component",
@@ -45,3 +45,3 @@ "license": "BSD-3-Clause",
 	],
-	"gitHead": "4b068cc052987f0a95dc6ca3e5f985b5a52236c6"
+	"gitHead": "b27cb241f775dbc407f802cbe45b40010ff92701"
 }

No alert changes

Improved metrics

Total package byte prevSize

111691

increased by0.53%

Lines of code

2489

increased by0.77%

No dependency changes