New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@clayui/autocomplete

Package Overview
Dependencies
Maintainers
0
Versions
150
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@clayui/autocomplete - npm Package Compare versions

Comparing version 3.127.0 to 3.128.2

lib/LegacyAutocomplete.d.ts
lib/LegacyAutocomplete.js

4

lib/Autocomplete.d.ts

@@ -9,3 +9,3 @@ /**

import type { ICollectionProps } from '@clayui/core';
export declare type IProps<T> = {
export interface IProps<T> extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange' | 'children'>, Omit<Partial<ICollectionProps<T, unknown>>, 'virtualize' | 'items'> {
/**

@@ -98,3 +98,3 @@ * Internal property to change the loading indicator markup to shrink.

[key: string]: any;
} & Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange' | 'children'> & Omit<Partial<ICollectionProps<T, unknown>>, 'virtualize' | 'items'>;
}
declare type ForwardRef = {

@@ -101,0 +101,0 @@ displayName: string;

274

lib/Autocomplete.js

@@ -7,61 +7,40 @@ "use strict";

exports.Autocomplete = void 0;
var _core = require("@clayui/core");
var _dropDown = _interopRequireDefault(require("@clayui/drop-down"));
var _form = require("@clayui/form");
var _loadingIndicator = _interopRequireDefault(require("@clayui/loading-indicator"));
var _shared = require("@clayui/shared");
var _react = _interopRequireWildcard(require("react"));
var _Context = require("./Context");
var _excluded = ["children"],
_excluded2 = ["UNSAFE_loadingShrink", "active", "alignmentByViewport", "allowsCustomValue", "as", "children", "containerElementRef", "defaultActive", "defaultItems", "defaultValue", "direction", "filterKey", "items", "loadingState", "menuTrigger", "messages", "onActiveChange", "onChange", "onItemsChange", "onLoadMore", "value"];
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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
_excluded2 = ["UNSAFE_loadingShrink", "active", "alignmentByViewport", "allowsCustomValue", "as", "children", "containerElementRef", "defaultActive", "defaultItems", "defaultValue", "direction", "filterKey", "items", "loadingState", "menuTrigger", "messages", "onActiveChange", "onChange", "onItemsChange", "onLoadMore", "value"];
/**
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
* SPDX-License-Identifier: BSD-3-Clause
*/
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
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; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
var Collection = _core.__NOT_PUBLIC_COLLECTION.Collection,
useCollection = _core.__NOT_PUBLIC_COLLECTION.useCollection,
useVirtual = _core.__NOT_PUBLIC_COLLECTION.useVirtual;
useCollection = _core.__NOT_PUBLIC_COLLECTION.useCollection,
useVirtual = _core.__NOT_PUBLIC_COLLECTION.useVirtual;
var LiveAnnouncer = _core.__NOT_PUBLIC_LIVE_ANNOUNCER.LiveAnnouncer;
var List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
var children = _ref.children,
otherProps = _objectWithoutProperties(_ref, _excluded);
otherProps = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/_react.default.createElement("ul", _extends({}, otherProps, {

@@ -72,3 +51,2 @@ className: "list-unstyled",

});
function hasItem(items, value, filterKey) {

@@ -83,3 +61,2 @@ return items.find(function (item) {

}
return item[filterKey] === value;

@@ -89,3 +66,2 @@ }

}
var ESCAPE_REGEXP = /[.*+?^${}()|[\]\\]/g;

@@ -98,72 +74,65 @@ var defaultMessages = {

};
function AutocompleteInner(_ref2, ref) {
var _messages, _containerElementRef$;
var UNSAFE_loadingShrink = _ref2.UNSAFE_loadingShrink,
externalActive = _ref2.active,
_ = _ref2.alignmentByViewport,
allowsCustomValue = _ref2.allowsCustomValue,
_ref2$as = _ref2.as,
As = _ref2$as === void 0 ? _form.ClayInput : _ref2$as,
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,
messages = _ref2.messages,
onActiveChange = _ref2.onActiveChange,
onChange = _ref2.onChange,
onItemsChange = _ref2.onItemsChange,
onLoadMore = _ref2.onLoadMore,
externalValue = _ref2.value,
otherProps = _objectWithoutProperties(_ref2, _excluded2);
externalActive = _ref2.active,
_ = _ref2.alignmentByViewport,
allowsCustomValue = _ref2.allowsCustomValue,
_ref2$as = _ref2.as,
As = _ref2$as === void 0 ? _form.ClayInput : _ref2$as,
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,
messages = _ref2.messages,
onActiveChange = _ref2.onActiveChange,
onChange = _ref2.onChange,
onItemsChange = _ref2.onItemsChange,
onLoadMore = _ref2.onLoadMore,
externalValue = _ref2.value,
otherProps = _objectWithoutProperties(_ref2, _excluded2);
messages = _objectSpread(_objectSpread({}, defaultMessages), (_messages = messages) !== null && _messages !== void 0 ? _messages : {});
var _useControlledState = (0, _shared.useControlledState)({
defaultName: 'defaultItems',
defaultValue: defaultItems,
handleName: 'onItemsChange',
name: 'items',
onChange: onItemsChange,
value: externalItems
}),
_useControlledState2 = _slicedToArray(_useControlledState, 3),
items = _useControlledState2[0],
isItemsUncontrolled = _useControlledState2[2];
defaultName: 'defaultItems',
defaultValue: defaultItems,
handleName: 'onItemsChange',
name: 'items',
onChange: onItemsChange,
value: externalItems
}),
_useControlledState2 = _slicedToArray(_useControlledState, 3),
items = _useControlledState2[0],
isItemsUncontrolled = _useControlledState2[2];
var _useControlledState3 = (0, _shared.useControlledState)({
defaultName: 'defaultValue',
defaultValue: defaultValue,
handleName: 'onChange',
name: 'value',
onChange: onChange,
value: externalValue
}),
_useControlledState4 = _slicedToArray(_useControlledState3, 3),
_useControlledState4$ = _useControlledState4[0],
value = _useControlledState4$ === void 0 ? '' : _useControlledState4$,
setValue = _useControlledState4[1],
isUncontrolled = _useControlledState4[2];
defaultName: 'defaultValue',
defaultValue: defaultValue,
handleName: 'onChange',
name: 'value',
onChange: onChange,
value: externalValue
}),
_useControlledState4 = _slicedToArray(_useControlledState3, 3),
_useControlledState4$ = _useControlledState4[0],
value = _useControlledState4$ === void 0 ? '' : _useControlledState4$,
setValue = _useControlledState4[1],
isUncontrolled = _useControlledState4[2];
var _useControlledState5 = (0, _shared.useControlledState)({
defaultName: 'defaultActive',
defaultValue: defaultActive,
handleName: 'onActiveChange',
name: 'active',
onChange: onActiveChange,
value: externalActive
}),
_useControlledState6 = _slicedToArray(_useControlledState5, 2),
active = _useControlledState6[0],
setActive = _useControlledState6[1];
defaultName: 'defaultActive',
defaultValue: defaultActive,
handleName: 'onActiveChange',
name: 'active',
onChange: onActiveChange,
value: externalActive
}),
_useControlledState6 = _slicedToArray(_useControlledState5, 2),
active = _useControlledState6[0],
setActive = _useControlledState6[1];
var inputRef = (0, _react.useRef)(null);

@@ -196,3 +165,2 @@ var menuRef = (0, _react.useRef)(null);

}
if (active === false && currentItemSelected.current !== value) {

@@ -205,3 +173,2 @@ // The state is controlled so we have to revalidate if the typed value

}
setValue(currentItemSelected.current);

@@ -214,11 +181,8 @@ }

}
if (!isItemsUncontrolled) {
return items !== null && items !== void 0 ? items : [];
}
if (!items) {
return [];
}
return items === null || items === void 0 ? void 0 : items.filter(function (option) {

@@ -229,3 +193,2 @@ if (!filterKey && _typeof(option) === 'object') {

}
return filterFn(filterKey && _typeof(option) === 'object' ? option[filterKey] : option);

@@ -238,5 +201,6 @@ });

parentRef: menuRef
}); // We initialize the collection in the picker and then pass it down so the
});
// We initialize the collection in the picker and then pass it down so the
// collection can be cached even before the listbox is not mounted.
var collection = useCollection({

@@ -248,5 +212,4 @@ children: children,

var _ref4, _children$props$textV;
var children = _ref3.children,
keyValue = _ref3.keyValue;
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;

@@ -258,11 +221,8 @@ return /*#__PURE__*/_react.default.cloneElement(children, {

var _inputElementRef$curr;
if (children.props.onClick) {
children.props.onClick(event);
}
if (event.defaultPrevented) {
return;
}
setActive(false);

@@ -286,8 +246,6 @@ currentItemSelected.current = itemValue;

});
var _useState = (0, _react.useState)(''),
_useState2 = _slicedToArray(_useState, 2),
activeDescendant = _useState2[0],
setActiveDescendant = _useState2[1];
_useState2 = _slicedToArray(_useState, 2),
activeDescendant = _useState2[0],
setActiveDescendant = _useState2[1];
(0, _shared.useOverlayPosition)({

@@ -301,20 +259,19 @@ alignmentByViewport: true,

}, [active, children]);
var _useNavigation = (0, _shared.useNavigation)({
activation: 'manual',
active: activeDescendant,
collection: collection,
containerRef: menuRef,
loop: true,
onNavigate: function onNavigate(item) {
return setActiveDescendant(item);
},
orientation: 'vertical',
visible: active
}),
navigationProps = _useNavigation.navigationProps;
var _useNavigation = (0, _shared.useNavigation)({
activation: 'manual',
active: activeDescendant,
collection: collection,
containerRef: menuRef,
loop: true,
onNavigate: function onNavigate(item) {
return setActiveDescendant(item);
},
orientation: 'vertical',
visible: active
}),
navigationProps = _useNavigation.navigationProps; // Resets `activeDescendant` when the menu is closed, this avoids a bug when
// Resets `activeDescendant` when the menu is closed, this avoids a bug when
// the `active` state is controlled and closes the menu with different
// statements than what is expected internally.
(0, _react.useEffect)(function () {

@@ -335,3 +292,2 @@ if (!active && activeDescendant) {

}
lastSize.current = optionCount;

@@ -345,3 +301,2 @@ }, [active, value]);

var item = document.getElementById(String(activeDescendant));
if (item) {

@@ -365,13 +320,9 @@ item.click();

var value = event.target.value;
if (!value) {
currentItemSelected.current = value;
}
if (items !== null) {
setActive(true);
}
setValue(value);
if (activeDescendant) {

@@ -385,3 +336,2 @@ setActiveDescendant('');

}
if (menuTrigger === 'focus' && items !== null) {

@@ -392,3 +342,2 @@ if (shouldIgnoreOpenMenuOnFocus.current) {

}
setActive(true);

@@ -401,3 +350,2 @@ }

}
switch (event.key) {

@@ -410,18 +358,13 @@ case _shared.Keys.Tab:

}
case _shared.Keys.Enter:
{
setActive(false);
if (active && activeDescendant) {
onPress();
}
if (!active && event.key === _shared.Keys.Esc) {
setValue('');
}
break;
}
case _shared.Keys.Home:

@@ -433,3 +376,2 @@ case _shared.Keys.End:

}
case _shared.Keys.Left:

@@ -441,6 +383,4 @@ case _shared.Keys.Right:

}
break;
}
case _shared.Keys.Up:

@@ -450,3 +390,2 @@ case _shared.Keys.Down:

event.preventDefault();
if (!active && event.altKey && event.key === _shared.Keys.Down && items !== null) {

@@ -457,3 +396,2 @@ event.stopPropagation();

}
if (!activeDescendant) {

@@ -463,11 +401,8 @@ var item = event.key === _shared.Keys.Down ? collection.getFirstItem() : collection.getLastItem();

}
if (!active && items !== null) {
return setActive(true);
}
navigationProps.onKeyDown(event);
break;
}
default:

@@ -531,6 +466,3 @@ navigationProps.onKeyDown(event);

}
var Autocomplete = /*#__PURE__*/_react.default.forwardRef(AutocompleteInner);
exports.Autocomplete = Autocomplete;
var Autocomplete = exports.Autocomplete = /*#__PURE__*/_react.default.forwardRef(AutocompleteInner);
Autocomplete.displayName = 'Autocomplete';

10

lib/Context.js

@@ -8,5 +8,3 @@ "use strict";

exports.useAutocompleteState = useAutocompleteState;
var _react = require("react");
/**

@@ -16,10 +14,8 @@ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>

*/
var LegacyContext = /*#__PURE__*/(0, _react.createContext)({});
exports.LegacyContext = LegacyContext;
var LegacyContext = exports.LegacyContext = /*#__PURE__*/(0, _react.createContext)({});
LegacyContext.displayName = 'ClayAutocompleteLegacyContext';
var AutocompleteContext = /*#__PURE__*/(0, _react.createContext)({});
exports.AutocompleteContext = AutocompleteContext;
var AutocompleteContext = exports.AutocompleteContext = /*#__PURE__*/(0, _react.createContext)({});
function useAutocompleteState() {
return (0, _react.useContext)(AutocompleteContext);
}

32

lib/DropDown.js

@@ -7,11 +7,6 @@ "use strict";

exports.default = void 0;
var _dropDown = _interopRequireDefault(require("@clayui/drop-down"));
var _react = _interopRequireDefault(require("react"));
var _Context = require("./Context");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**

@@ -21,21 +16,18 @@ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>

*/
var ClayAutocompleteDropDown = function ClayAutocompleteDropDown(_ref) {
var _ref$active = _ref.active,
active = _ref$active === void 0 ? false : _ref$active,
alignElementRef = _ref.alignElementRef,
alignmentByViewport = _ref.alignmentByViewport,
children = _ref.children,
closeOnClickOutside = _ref.closeOnClickOutside,
onActiveChange = _ref.onActiveChange,
onSetActive = _ref.onSetActive;
active = _ref$active === void 0 ? false : _ref$active,
alignElementRef = _ref.alignElementRef,
alignmentByViewport = _ref.alignmentByViewport,
children = _ref.children,
closeOnClickOutside = _ref.closeOnClickOutside,
onActiveChange = _ref.onActiveChange,
onSetActive = _ref.onSetActive;
var _React$useContext = _react.default.useContext(_Context.LegacyContext),
containerElementRef = _React$useContext.containerElementRef;
containerElementRef = _React$useContext.containerElementRef;
var menuElementRef = _react.default.useRef(null);
if (!alignElementRef) {
alignElementRef = containerElementRef;
}
var alignElementWidth = alignElementRef.current && alignElementRef.current.clientWidth;

@@ -58,5 +50,3 @@ return /*#__PURE__*/_react.default.createElement(_dropDown.default.Menu, {

};
ClayAutocompleteDropDown.displayName = 'ClayAutocompleteDropDown';
var _default = ClayAutocompleteDropDown;
exports.default = _default;
var _default = exports.default = ClayAutocompleteDropDown;

25

lib/index.d.ts

@@ -5,27 +5,6 @@ /**

*/
import React from 'react';
import { Autocomplete } from './Autocomplete';
import DropDown from './DropDown';
import Input from './Input';
import Item from './Item';
import LoadingIndicator from './LoadingIndicator';
import type { IProps as IAutocompleteProps } from './Autocomplete';
declare type IProps<T> = IAutocompleteProps<T> & {
/**
* Div component to render. It can be a one component that will replace the markup.
*/
component?: React.ForwardRefExoticComponent<any>;
};
declare type ForwardRef = {
DropDown: typeof DropDown;
Input: typeof Input;
Item: typeof Item;
LoadingIndicator: typeof LoadingIndicator;
displayName: string;
<T>(props: IProps<T> & {
ref?: React.Ref<HTMLInputElement>;
}): JSX.Element;
};
declare const ClayAutocomplete: ForwardRef;
import LegacyAutocomplete from './LegacyAutocomplete';
export { Autocomplete, Item };
export default ClayAutocomplete;
export default LegacyAutocomplete;

124

lib/index.js

@@ -19,124 +19,10 @@ "use strict";

exports.default = void 0;
var _form = require("@clayui/form");
var _shared = require("@clayui/shared");
var _react = _interopRequireDefault(require("react"));
var _Autocomplete = require("./Autocomplete");
var _Context = require("./Context");
var _DropDown = _interopRequireDefault(require("./DropDown"));
var _Input = _interopRequireDefault(require("./Input"));
var _Item = _interopRequireDefault(require("./Item"));
var _LoadingIndicator = _interopRequireDefault(require("./LoadingIndicator"));
var _excluded = ["children"],
_excluded2 = ["children", "className", "component"];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
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; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var AutocompleteMarkup = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
var children = _ref.children,
otherProps = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/_react.default.createElement(_form.ClayInput.Group, _extends({}, otherProps, {
ref: ref
}), /*#__PURE__*/_react.default.createElement(_form.ClayInput.GroupItem, null, children));
});
AutocompleteMarkup.displayName = 'ClayAutocompleteMarkup';
var _LegacyAutocomplete = _interopRequireDefault(require("./LegacyAutocomplete"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**
* Temporary helper function to determine which version of autocomplete
* is being used.
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
* SPDX-License-Identifier: BSD-3-Clause
*/
var hasItems = function hasItems(children) {
if (!children) {
return [];
}
return _react.default.Children.map(children, function (child) {
if ( /*#__PURE__*/_react.default.isValidElement(child) && // @ts-ignore
child.type.displayName === 'Item') {
return true;
}
return false;
}).filter(Boolean);
};
function ClayAutocompleteInner(_ref2, _ref3) {
var children = _ref2.children,
className = _ref2.className,
_ref2$component = _ref2.component,
Component = _ref2$component === void 0 ? AutocompleteMarkup : _ref2$component,
otherProps = _objectWithoutProperties(_ref2, _excluded2);
var containerElementRef = _react.default.useRef(null);
var _React$useState = _react.default.useState(false),
_React$useState2 = _slicedToArray(_React$useState, 2),
loading = _React$useState2[0],
setLoading = _React$useState2[1];
var isNewBehavior = hasItems(children).length >= 1 || children instanceof Function;
var Container = isNewBehavior ? _react.default.Fragment : _shared.FocusScope;
return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, isNewBehavior ? {} : otherProps, {
className: className,
ref: function ref(r) {
if (r) {
containerElementRef.current = r;
if (typeof _ref3 === 'function') {
_ref3(r);
} else if (_ref3 !== null) {
_ref3.current = r;
}
}
}
}), isNewBehavior ? /*#__PURE__*/_react.default.createElement(_Autocomplete.Autocomplete, _extends({
containerElementRef: containerElementRef
}, otherProps), children) : /*#__PURE__*/_react.default.createElement(_Context.LegacyContext.Provider, {
value: {
containerElementRef: containerElementRef,
loading: loading,
onLoadingChange: function onLoadingChange(loading) {
return setLoading(loading);
}
}
}, children)));
}
var ClayAutocomplete = /*#__PURE__*/_react.default.forwardRef(ClayAutocompleteInner);
ClayAutocomplete.DropDown = _DropDown.default;
ClayAutocomplete.Input = _Input.default;
ClayAutocomplete.Item = _Item.default;
ClayAutocomplete.LoadingIndicator = _LoadingIndicator.default;
ClayAutocomplete.displayName = 'ClayAutocomplete';
var _default = ClayAutocomplete;
exports.default = _default;
var _default = exports.default = _LegacyAutocomplete.default;

2

lib/Input.d.ts

@@ -9,3 +9,3 @@ /**

}
declare const ClayAutocompleteInput: React.ForwardRefExoticComponent<Pick<IProps, "max" | "required" | "type" | "key" | "id" | "height" | "width" | "name" | "color" | "value" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "min" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "readOnly" | "src" | "step" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "insetAfter" | "insetBefore" | "sizing"> & React.RefAttributes<HTMLInputElement>>;
declare const ClayAutocompleteInput: React.ForwardRefExoticComponent<Pick<IProps, "value" | "children" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "form" | "pattern" | "key" | "disabled" | "component" | "insetAfter" | "insetBefore" | "sizing" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "type" | "width"> & React.RefAttributes<HTMLInputElement>>;
export default ClayAutocompleteInput;

20

lib/Input.js

@@ -7,17 +7,13 @@ "use strict";

exports.default = void 0;
var _form = require("@clayui/form");
var _react = _interopRequireDefault(require("react"));
var _Context = require("./Context");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); } /**
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
* SPDX-License-Identifier: BSD-3-Clause
*/
var ClayAutocompleteInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
var _React$useContext = _react.default.useContext(_Context.LegacyContext),
loading = _React$useContext.loading;
loading = _React$useContext.loading;
return /*#__PURE__*/_react.default.createElement(_form.ClayInput, _extends({}, props, {

@@ -28,5 +24,3 @@ insetAfter: loading,

});
ClayAutocompleteInput.displayName = 'ClayAutocompleteInput';
var _default = ClayAutocompleteInput;
exports.default = _default;
var _default = exports.default = ClayAutocompleteInput;

38

lib/Item.d.ts

@@ -5,6 +5,38 @@ /**

*/
import DropDown from '@clayui/drop-down';
import React from 'react';
export interface IProps extends React.ComponentProps<typeof DropDown.Item> {
export interface IProps extends React.HTMLAttributes<HTMLSpanElement | HTMLButtonElement | HTMLAnchorElement> {
/**
* Flag that indicates if item is selected.
*/
active?: boolean;
/**
* Flag that indicates if item is disabled or not.
*/
disabled?: boolean;
/**
* @ignore
*/
'data-index'?: number;
/**
* Path for item to link to.
*/
href?: string;
/**
* Sets the role accessibility property of the item. Set the item's
* container (<li />) role use the role="" prop instead of roleItem="".
*/
roleItem?: string;
/**
* Path to icon spritemap from clay-css.
*/
spritemap?: string;
/**
* Flag that indicates if there is an icon symbol on the left side.
*/
symbolLeft?: string;
/**
* Flag that indicates if there is an icon symbol on the right side.
*/
symbolRight?: string;
/**
* The item content.

@@ -35,3 +67,3 @@ */

}
declare const Item: React.ForwardRefExoticComponent<Pick<IProps, "match" | "key" | "id" | "active" | "color" | "value" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "href" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "spritemap" | "keyValue" | "textValue" | "data-index" | "innerRef" | "roleItem" | "symbolLeft" | "symbolRight"> & React.RefAttributes<HTMLLIElement>>;
declare const Item: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLLIElement>>;
export default Item;

101

lib/Item.js
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {

@@ -9,30 +8,21 @@ value: true

exports.default = void 0;
var _dropDown = _interopRequireDefault(require("@clayui/drop-down"));
var _shared = require("@clayui/shared");
var _classnames = _interopRequireDefault(require("classnames"));
var _fuzzy = _interopRequireDefault(require("fuzzy"));
var _react = _interopRequireWildcard(require("react"));
var _Context = require("./Context");
var _excluded = ["children", "className", "disabled", "innerRef", "keyValue", "match", "textValue", "value"],
_excluded2 = ["children", "innerRef", "match", "value"];
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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
_excluded2 = ["children", "innerRef", "match", "value"],
_excluded3 = ["children", "match"];
/**
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
* SPDX-License-Identifier: BSD-3-Clause
*/
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
var optionsFuzzy = {

@@ -42,24 +32,19 @@ post: '|}',

};
var NewItem = /*#__PURE__*/_react.default.forwardRef(function NewItem(_ref, ref) {
var _ref2;
var children = _ref.children,
className = _ref.className,
disabled = _ref.disabled,
innerRef = _ref.innerRef,
keyValue = _ref.keyValue,
_ref$match = _ref.match,
match = _ref$match === void 0 ? '' : _ref$match,
textValue = _ref.textValue,
value = _ref.value,
otherProps = _objectWithoutProperties(_ref, _excluded);
className = _ref.className,
disabled = _ref.disabled,
innerRef = _ref.innerRef,
keyValue = _ref.keyValue,
_ref$match = _ref.match,
match = _ref$match === void 0 ? '' : _ref$match,
textValue = _ref.textValue,
value = _ref.value,
otherProps = _objectWithoutProperties(_ref, _excluded);
var _useAutocompleteState = (0, _Context.useAutocompleteState)(),
activeDescendant = _useAutocompleteState.activeDescendant,
onActiveDescendant = _useAutocompleteState.onActiveDescendant;
activeDescendant = _useAutocompleteState.activeDescendant,
onActiveDescendant = _useAutocompleteState.onActiveDescendant;
var _useInteractionFocus = (0, _shared.useInteractionFocus)(),
isFocusVisible = _useInteractionFocus.isFocusVisible;
isFocusVisible = _useInteractionFocus.isFocusVisible;
var isFocus = isFocusVisible();

@@ -73,5 +58,3 @@ var hoverProps = (0, _shared.useHover)({

var currentValue = (_ref2 = textValue !== null && textValue !== void 0 ? textValue : value) !== null && _ref2 !== void 0 ? _ref2 : String(children);
var fuzzyMatch = _fuzzy.default.match(match, currentValue, optionsFuzzy);
return /*#__PURE__*/_react.default.createElement(_dropDown.default.Item, _extends({}, otherProps, hoverProps, {

@@ -96,15 +79,11 @@ "aria-selected": activeDescendant === keyValue,

});
var ItemLegacy = /*#__PURE__*/_react.default.forwardRef(function ItemLegacy(_ref3, ref) {
var children = _ref3.children,
innerRef = _ref3.innerRef,
_ref3$match = _ref3.match,
match = _ref3$match === void 0 ? '' : _ref3$match,
value = _ref3.value,
otherProps = _objectWithoutProperties(_ref3, _excluded2);
innerRef = _ref3.innerRef,
_ref3$match = _ref3.match,
match = _ref3$match === void 0 ? '' : _ref3$match,
value = _ref3.value,
otherProps = _objectWithoutProperties(_ref3, _excluded2);
var currentValue = value !== null && value !== void 0 ? value : String(children);
var fuzzyMatch = _fuzzy.default.match(match, currentValue, optionsFuzzy);
return /*#__PURE__*/_react.default.createElement(_dropDown.default.Item, _extends({}, otherProps, {

@@ -121,15 +100,17 @@ innerRef: innerRef,

});
var Item = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
var Item = /*#__PURE__*/_react.default.forwardRef(function (_ref4, ref) {
var children = _ref4.children,
_ref4$match = _ref4.match,
match = _ref4$match === void 0 ? '' : _ref4$match,
otherProps = _objectWithoutProperties(_ref4, _excluded3);
var _useAutocompleteState2 = (0, _Context.useAutocompleteState)(),
onActiveDescendant = _useAutocompleteState2.onActiveDescendant;
onActiveDescendant = _useAutocompleteState2.onActiveDescendant;
var Component = onActiveDescendant ? NewItem : ItemLegacy;
return /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
return /*#__PURE__*/_react.default.createElement(Component, _extends({
match: match
}, otherProps, {
ref: ref
}));
}), children);
});
Item.displayName = 'Item';
var _default = Item;
exports.default = _default;
var _default = exports.default = Item;

43

lib/LoadingIndicator.js

@@ -7,26 +7,19 @@ "use strict";

exports.default = void 0;
var _form = require("@clayui/form");
var _loadingIndicator = _interopRequireDefault(require("@clayui/loading-indicator"));
var _react = _interopRequireDefault(require("react"));
var _Context = require("./Context");
var _excluded = ["children"],
_excluded2 = ["className", "component"];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
_excluded2 = ["className", "component"];
/**
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
* SPDX-License-Identifier: BSD-3-Clause
*/
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
var LoadingIndicatorMarkup = function LoadingIndicatorMarkup(_ref) {
var children = _ref.children,
otherProps = _objectWithoutProperties(_ref, _excluded);
otherProps = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/_react.default.createElement(_form.ClayInput.GroupInsetItem, _extends({}, otherProps, {

@@ -38,12 +31,9 @@ after: true

};
var ClayAutocompleteLoadingIndicator = function ClayAutocompleteLoadingIndicator(_ref2) {
var className = _ref2.className,
_ref2$component = _ref2.component,
Component = _ref2$component === void 0 ? LoadingIndicatorMarkup : _ref2$component,
otherProps = _objectWithoutProperties(_ref2, _excluded2);
_ref2$component = _ref2.component,
Component = _ref2$component === void 0 ? LoadingIndicatorMarkup : _ref2$component,
otherProps = _objectWithoutProperties(_ref2, _excluded2);
var _React$useContext = _react.default.useContext(_Context.LegacyContext),
onLoadingChange = _React$useContext.onLoadingChange;
onLoadingChange = _React$useContext.onLoadingChange;
_react.default.useEffect(function () {

@@ -55,3 +45,2 @@ onLoadingChange(true);

}, []);
return /*#__PURE__*/_react.default.createElement(Component, _extends({}, otherProps, {

@@ -63,4 +52,2 @@ className: className

};
var _default = ClayAutocompleteLoadingIndicator;
exports.default = _default;
var _default = exports.default = ClayAutocompleteLoadingIndicator;

14

package.json
{
"name": "@clayui/autocomplete",
"version": "3.127.0",
"version": "3.128.2",
"description": "ClayAutocomplete component",

@@ -27,7 +27,7 @@ "license": "BSD-3-Clause",

"dependencies": {
"@clayui/core": "^3.127.0",
"@clayui/drop-down": "^3.127.0",
"@clayui/form": "^3.125.0",
"@clayui/loading-indicator": "^3.111.0",
"@clayui/shared": "^3.119.0",
"@clayui/core": "^3.128.0",
"@clayui/drop-down": "^3.128.0",
"@clayui/form": "^3.128.0",
"@clayui/loading-indicator": "^3.128.0",
"@clayui/shared": "^3.128.0",
"classnames": "^2.2.6",

@@ -44,3 +44,3 @@ "fuzzy": "^0.1.3"

],
"gitHead": "ec13b8baec9b24b0dcb64adc3b2d89af285e6101"
"gitHead": "98d935035547358645741cbc137cae53a596f568"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc