@mhmdaljefri/revogrid
Version:
Virtual reactive data grid component - RevoGrid.
21 lines (20 loc) • 896 B
JavaScript
import { h } from '@stencil/core';
export const FILTER_BUTTON_CLASS = 'rv-filter';
export const FILTER_BUTTON_ACTIVE = 'active';
export const FILTER_PROP = 'hasFilter';
export const FilterButton = ({ column }) => {
return (h("span", null,
h("button", { class: {
[FILTER_BUTTON_CLASS]: true,
[FILTER_BUTTON_ACTIVE]: column && !!column[FILTER_PROP],
} },
h("svg", { class: "filter-img", viewBox: "0 0 64 64" },
h("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
h("path", { d: "M43,48 L43,56 L21,56 L21,48 L43,48 Z M53,28 L53,36 L12,36 L12,28 L53,28 Z M64,8 L64,16 L0,16 L0,8 L64,8 Z", fill: "currentColor" }))))));
};
export function isFilterBtn(e) {
if (e.classList.contains(FILTER_BUTTON_CLASS)) {
return true;
}
return e === null || e === void 0 ? void 0 : e.closest(`.${FILTER_BUTTON_CLASS}`);
}