sitecore-search-with-google-map/dist/components/ResultsPerPage/index.js

A library for seamless integration of Sitecore Search with Google Maps in Next.js applications, enabling location-based searches with flexible UI options.

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// This component was generated by @sitecore-search/cli on Sat Mar 08 2025 15:39:57 GMT+0530 (India Standard Time)
import { useSearchResultsActions } from "@sitecore-search/react";
import { Select, SortSelect } from "@sitecore-search/ui";
var ResultsPerPage = function (_a) {
    var defaultItemsPerPage = _a.defaultItemsPerPage;
    var onResultsPerPageChange = useSearchResultsActions().onResultsPerPageChange;
    return (_jsxs("div", { children: [_jsxs("label", { className: "pr-1", children: [_jsx("b", { children: defaultItemsPerPage }), " Results Per Page"] }), _jsxs(Select.Root, { defaultValue: String(defaultItemsPerPage), onValueChange: function (v) {
                    return onResultsPerPageChange({
                        numItems: Number(v),
                    });
                }, children: [_jsxs(Select.Trigger, { className: "cursor-pointer inline-flex items-center bg-transparent h-10 gap-1 py-0 px-2 border-0 focus:outline-gray-700", children: [_jsx(Select.SelectValue, {}), _jsx(Select.Icon, {})] }), _jsx(Select.SelectContent, { className: "bg-gray-100 dark:bg-gray-700 shadow-[2px_2px_4px_#CFCFCF] z-[100] min-w-[100px] rounded-md ", children: _jsxs(Select.Viewport, { className: "p-1", children: [_jsx(Select.SelectItem, { value: "24", className: "flex rounded-sm items-center leading-none cursor-pointer select-none whitespace-no-wrap h-6 px-1 hover:bg-gray-700 hover:text-gray-100  dark:hover:bg-gray-100 dark:hover:text-gray-700  data-[state=checked]:text-gray-700 data-[state=checked]:bg-gray-100  dark:data-[state=checked]:text-gray-100 dark:data-[state=checked]:bg-gray-700 focus:outline-gray-700", children: _jsx(SortSelect.OptionText, { children: defaultItemsPerPage }) }), _jsx(Select.SelectItem, { value: "48", className: "flex rounded-sm items-center leading-none cursor-pointer select-none whitespace-no-wrap h-6 px-1 hover:bg-gray-700 hover:text-gray-100  dark:hover:bg-gray-100 dark:hover:text-gray-700  data-[state=checked]:text-gray-700 data-[state=checked]:bg-gray-100  dark:data-[state=checked]:text-gray-100 dark:data-[state=checked]:bg-gray-700 focus:outline-gray-700", children: _jsx(SortSelect.OptionText, { children: Number(defaultItemsPerPage * 2) }) }), _jsx(Select.SelectItem, { value: "64", className: "flex rounded-sm items-center leading-none cursor-pointer select-none whitespace-no-wrap h-6 px-1 hover:bg-gray-700 hover:text-gray-100  dark:hover:bg-gray-100 dark:hover:text-gray-700  data-[state=checked]:text-gray-700 data-[state=checked]:bg-gray-100  dark:data-[state=checked]:text-gray-100 dark:data-[state=checked]:bg-gray-700 focus:outline-gray-700", children: _jsx(SortSelect.OptionText, { children: Number(defaultItemsPerPage * 3) }) })] }) })] })] }));
};
export default ResultsPerPage;