@difizen/mana-app
Version:
111 lines (109 loc) • 6.22 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TreeNodeCaption = TreeNodeCaption;
var _manaCommon = require("@difizen/mana-common");
var _manaCore = require("@difizen/mana-core");
var _manaObservable = require("@difizen/mana-observable");
var React = _interopRequireWildcard(require("react"));
var _treeProtocol = require("../tree-protocol");
var _treeViewDecoration = require("../tree-view-decoration");
var _treeViewDecorator = require("../view/tree-view-decorator");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function TreeNodeCaption(props) {
var node = props.node;
var treeViewDecorator = (0, _manaObservable.useInject)(_treeViewDecorator.TreeViewDecorator);
var treeView = (0, _manaObservable.useInject)(_manaCore.ViewInstance);
/**
* Determine if the tree node contains trailing suffixes.
* @param node the tree node.
*
* @returns `true` if the tree node contains trailing suffices.
*/
var hasTrailingSuffixes = function hasTrailingSuffixes() {
return treeViewDecorator.getDecorationData(node, 'captionSuffixes').filter(_manaCommon.notEmpty).reduce(function (acc, current) {
return acc.concat(current);
}, []).length > 0;
};
/**
* Decorate the tree caption.
* @param node the tree node.
* @param attrs the additional attributes.
*/
var decorateCaption = function decorateCaption(attrs) {
var style = treeViewDecorator.getDecorationData(node, 'fontData').filter(_manaCommon.notEmpty).reverse().map(function (fontData) {
return treeView.applyFontStyles({}, fontData);
}).reduce(function (acc, current) {
return _objectSpread(_objectSpread({}, acc), current);
}, {});
return _objectSpread(_objectSpread({}, attrs), {}, {
style: style
});
};
/**
* Update the node given the caption and highlight.
* @param caption the caption.
* @param highlight the tree decoration caption highlight.
*/
var toReactNode = function toReactNode(caption, highlight) {
var style = {};
if (highlight.color) {
style = _objectSpread(_objectSpread({}, style), {}, {
color: highlight.color
});
}
if (highlight.backgroundColor) {
style = _objectSpread(_objectSpread({}, style), {}, {
backgroundColor: highlight.backgroundColor
});
}
var createChildren = function createChildren(fragment, index) {
var data = fragment.data;
if (fragment.highlight) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)("mark", {
className: _treeViewDecoration.TreeViewDecorationStyles.CAPTION_HIGHLIGHT_CLASS,
style: style,
children: data
}, index);
}
return data;
};
return _treeViewDecoration.CaptionHighlight.split(caption, highlight).map(createChildren);
};
var tooltip = treeViewDecorator.getDecorationData(node, 'tooltip').filter(_manaCommon.notEmpty).join(' • ');
var classes = [_treeProtocol.TREE_NODE_SEGMENT_CLASS];
if (!hasTrailingSuffixes()) {
classes.push(_treeProtocol.TREE_NODE_SEGMENT_GROW_CLASS);
}
var className = classes.join(' ');
var attrs = decorateCaption({
className: className,
id: node.id
});
if (tooltip.length > 0) {
attrs = _objectSpread(_objectSpread({}, attrs), {}, {
title: tooltip
});
}
var children = [];
var caption = treeView.toNodeName(node);
var highlight = treeViewDecorator.getDecorationData(node, 'highlight')[0];
if (highlight) {
children.push(toReactNode(caption, highlight));
}
if (!highlight) {
children.push(caption);
}
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, attrs), {}, {
children: children
}));
}