sccoreui
Version:
ui-sccore
24 lines (23 loc) • 1.95 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const context_provider_1 = require("../context-provider");
const inputtext_1 = require("primereact/inputtext");
const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
const helper_1 = require("../helper");
const utilComponents_1 = require("../utilComponents");
const skeleton_1 = require("primereact/skeleton");
function GridSearch() {
const { gridApi, conditionsToDisplay } = (0, react_1.useContext)(context_provider_1.FeatureContext);
const isDisabled = (0, helper_1.isComponentDisable)(conditionsToDisplay.displaySearch);
const onFilterTextBoxChanged = (0, react_1.useCallback)(() => {
var _a;
if ((gridApi === null || gridApi === void 0 ? void 0 : gridApi.current) && !isDisabled) {
(_a = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current.api) === null || _a === void 0 ? void 0 : _a.setGridOption("quickFilterText", document.getElementById("filter-text-box").value);
}
}, []);
return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", width: "336px" })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-left p-input-icon-right w-20rem" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md", size: 20, disabled: isDisabled }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { type: "text", id: "filter-text-box", placeholder: "Search", onInput: onFilterTextBoxChanged, disabled: isDisabled, className: "text-lg font-normal text-gray-500 hover:text-gray-900 lh-40 w-full" })] })));
}
exports.default = GridSearch;