sccoreui
Version:
ui-sccore
16 lines (15 loc) • 1.51 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const tree_1 = require("primereact/tree");
const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
const badge_1 = require("primereact/badge");
const TreeDropdownSelect = ({ treeData, expandedKeys, clickOnNode, classNames, displayLabelName, icon, }) => {
const onClickNode = (e) => {
if (clickOnNode)
clickOnNode(e);
};
return ((0, jsx_runtime_1.jsx)(tree_1.Tree, { value: treeData, expandedKeys: expandedKeys, selectionMode: "single", className: `treeNoCollaps ${classNames ? classNames : ""}`, nodeTemplate: (node) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-2 align-items-center justify-content-between w-full" }, { children: [" ", (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "treeItem flex gap-2 h-2rem align-items-center w-full h-full font-semibold" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: node[icon] ? node[icon] : "chart-breakout-square" }), node[displayLabelName]] })), " ", (node === null || node === void 0 ? void 0 : node.badgeValue) && ((0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "treeBadge w-auto text-gray-700", value: node === null || node === void 0 ? void 0 : node.badgeValue }))] }))), onNodeClick: (e) => onClickNode(e) }));
};
exports.default = TreeDropdownSelect;