META-INF.resources.js.components.rest.RESTApplicationDropdownMenu.tsx Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of com.liferay.frontend.data.set.admin.web
Show all versions of com.liferay.frontend.data.set.admin.web
Liferay Frontend Data Set Admin Web
/**
* SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
* SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
*/
import ClayDropDown from '@clayui/drop-down';
import React, {useState} from 'react';
import RESTApplicationDropdownItem from './RESTApplicationDropdownItem';
export default function RESTApplicationDropdownMenu({
className,
onItemClick,
restApplications: initialRESTApplications,
}: {
className?: string;
onItemClick: Function;
restApplications: Array;
}) {
const [restApplications, setRESTApplications] = useState>(
initialRESTApplications || []
);
const [query, setQuery] = useState('');
const onSearch = (query: string) => {
setQuery(query);
const regexp = new RegExp(query, 'i');
setRESTApplications(
query
? initialRESTApplications.filter((restApplication) =>
restApplication.match(regexp)
) || []
: initialRESTApplications
);
};
return (
<>
{(item: string) => (
onItemClick(item)}
roleItem="option"
>
)}
>
);
}