@difizen/libro-common 0.3.4 → 1.0.0

package/es/app/toolbar/toolbar.js

@@ -0,0 +1,275 @@
+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); }
+var _dec, _dec2, _dec3, _dec4, _class, _class2, _descriptor, _descriptor2, _descriptor3;
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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 _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { MoreOutlined } from '@ant-design/icons';
+import classnames from 'classnames';
+import Tooltip from 'rc-tooltip';
+import { DisposableCollection } from "../../common/index.js";
+import { CommandRegistry, MenuRegistry, ToolbarItem, ToolbarRegistry, renderNode } from "../../core/index.js";
+import { l10n } from "../../l10n/index.js";
+import { getOrigin, prop } from "../../observable/index.js";
+import { inject, transient } from "../../ioc/index.js";
+import { ToolbarItemRender } from "./toolbar-item-render.js";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Factory for instantiating toolbars.
+ */
+export var ToolbarFactory = Symbol('ToolbarFactory');
+/**
+ * The toolbar manager, a toolbar instance should be created with view.
+ */
+export var Toolbar = (_dec = transient(), _dec2 = prop(), _dec3 = prop(), _dec4 = prop(), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function Toolbar(commands, menus, toolbarRegistry) {
+    var _this = this;
+    _classCallCheck(this, Toolbar);
+    this.toDispose = new DisposableCollection();
+    this._disposed = false;
+    _initializerDefineProperty(this, "currentArgs", _descriptor, this);
+    _initializerDefineProperty(this, "states", _descriptor2, this);
+    _initializerDefineProperty(this, "tooltip", _descriptor3, this);
+    this.getState = function (item) {
+      var currentState = _this.states.get(item.id);
+      return currentState;
+    };
+    this.setState = function (item) {
+      _this.states.set(item.id, item);
+    };
+    this.commands = commands;
+    this.menus = menus;
+    this.toolbarRegistry = toolbarRegistry;
+    this.toolbarRegistry.items.forEach(function (item) {
+      _this.states.set(item.id, {
+        id: item.id,
+        enable: false,
+        visible: false,
+        active: false
+      });
+    });
+  }
+  Toolbar = inject(ToolbarRegistry)(Toolbar, undefined, 2) || Toolbar;
+  Toolbar = inject(MenuRegistry)(Toolbar, undefined, 1) || Toolbar;
+  Toolbar = inject(CommandRegistry)(Toolbar, undefined, 0) || Toolbar;
+  _createClass(Toolbar, [{
+    key: "disposed",
+    get: function get() {
+      return this._disposed;
+    }
+  }, {
+    key: "onDispose",
+    get: function get() {
+      return this.toDispose.onDispose;
+    }
+  }, {
+    key: "setCurrentArgs",
+    value: function setCurrentArgs(current) {
+      this.currentArgs = current;
+    }
+  }, {
+    key: "sort",
+    value: function sort(left, right) {
+      var _left$order, _right$order;
+      var leftOrder = (_left$order = left.order) !== null && _left$order !== void 0 ? _left$order : '';
+      var rightOrder = (_right$order = right.order) !== null && _right$order !== void 0 ? _right$order : '';
+      var leftGroupOrder = ToolbarItem.getGroupKey(left);
+      var rightGroupOrder = ToolbarItem.getGroupKey(right);
+      var result = leftGroupOrder.localeCompare(rightGroupOrder);
+      if (result !== 0) {
+        return result;
+      }
+      return leftOrder.localeCompare(rightOrder);
+    }
+  }, {
+    key: "visibleItems",
+    get: function get() {
+      var keys = this.states.keys();
+      var items = [];
+      var _iterator = _createForOfIteratorHelper(keys),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _this$states$get;
+          var key = _step.value;
+          if ((_this$states$get = this.states.get(key)) !== null && _this$states$get !== void 0 && _this$states$get.visible) {
+            var item = this.toolbarRegistry.getToolbarItem(key);
+            if (ToolbarItem.is(item)) {
+              items.push(item);
+            }
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return items.sort(this.sort);
+    }
+  }, {
+    key: "isInline",
+    value: function isInline(item) {
+      return !item.extra;
+    }
+  }, {
+    key: "renderToolbar",
+    value: function renderToolbar(inlines, more) {
+      return /*#__PURE__*/_jsxs("div", {
+        className: "mana-toolbar",
+        children: [this.renderInlines(inlines), this.renderMore(more)]
+      });
+    }
+  }, {
+    key: "renderMore",
+    value: function renderMore(items) {
+      return !!items.length && /*#__PURE__*/_jsx("div", {
+        className: "mana-toolbar-item mana-toolbar-more",
+        children: /*#__PURE__*/_jsx(MoreOutlined, {
+          className: "mana-toolbar-more-icon",
+          title: l10n.t('更多'),
+          onClick: function onClick() {
+            //
+          }
+        })
+      }, "__more__");
+    }
+  }, {
+    key: "renderInlineDivider",
+    value: function renderInlineDivider(key) {
+      return /*#__PURE__*/_jsx("div", {
+        className: "mana-toolbar-inline-divider"
+      }, key);
+    }
+  }, {
+    key: "renderInlines",
+    value: function renderInlines(items) {
+      var _this2 = this;
+      if (!items.length) {
+        return null;
+      }
+      var nodes = [];
+      var group = undefined;
+      items.forEach(function (item) {
+        var itemGroup = item.group;
+        var state = _this2.states.get(item.id);
+        if (!state) {
+          nodes.push(null);
+          return;
+        }
+        if (itemGroup) {
+          itemGroup = typeof itemGroup === 'string' ? itemGroup : itemGroup[0];
+        }
+        if (nodes.length && itemGroup !== group) {
+          nodes.push(_this2.renderInlineDivider(itemGroup));
+        }
+        group = itemGroup;
+        nodes.push( /*#__PURE__*/_jsx(ToolbarItemRender, {
+          data: getOrigin(_this2.currentArgs),
+          toolbar: _this2,
+          item: item,
+          state: state
+        }, item.id));
+      });
+      return nodes;
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(data, item, state) {
+      var _this$tooltip;
+      var command = this.commands.getCommand(item.command);
+      var placement = ((_this$tooltip = this.tooltip) === null || _this$tooltip === void 0 ? void 0 : _this$tooltip.placement) || 'bottom';
+      var tooltip = item.tooltip || (command === null || command === void 0 ? void 0 : command.label);
+      if (tooltip) {
+        return /*#__PURE__*/_jsx(Tooltip, {
+          trigger: "hover",
+          placement: placement,
+          overlay: renderNode(tooltip),
+          children: this.renderItemContent(data, item, state)
+        }, item.id);
+      }
+      return this.renderItemContent(data, item, state);
+    }
+  }, {
+    key: "getItemProps",
+    value: function getItemProps(_data, _item, state) {
+      return {
+        className: classnames('mana-toolbar-item', {
+          'mana-toolbar-item-disabled': !state.enable,
+          'mana-toolbar-item-active': state.active
+        })
+      };
+    }
+  }, {
+    key: "renderItemContent",
+    value: function renderItemContent(data, item, state) {
+      var _this3 = this;
+      var command = this.commands.getCommand(item.command);
+      var icon = item.icon || (command === null || command === void 0 ? void 0 : command.icon);
+      return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+        id: item.id,
+        onClick: function onClick() {
+          return _this3.execute(item, getOrigin(data));
+        }
+      }, this.getItemProps(data, item, state)), {}, {
+        children: [renderNode(icon), item.label && item.showLabelInline && /*#__PURE__*/_jsx("div", {
+          className: "mana-toolbar-item-label",
+          children: renderNode(item.label)
+        })]
+      }), item.id);
+    }
+  }, {
+    key: "execute",
+    value: function execute(item, data) {
+      var _this$states$get2;
+      if ((_this$states$get2 = this.states.get(item.id)) !== null && _this$states$get2 !== void 0 && _this$states$get2.enable) {
+        var _this$commands;
+        var args = data;
+        if (!Array.isArray(data)) {
+          args = [data];
+        }
+        return (_this$commands = this.commands).executeCommandByHandler.apply(_this$commands, [item, item.command].concat(_toConsumableArray(args)));
+      }
+      return undefined;
+    }
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      this.states.clear();
+      this.toDispose.dispose();
+      this._disposed = true;
+    }
+  }]);
+  return Toolbar;
+}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "currentArgs", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "states", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return new Map();
+  }
+}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "tooltip", [_dec4], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);

package/es/app/tree/components/index.d.ts

@@ -0,0 +1,3 @@
+import type { TreeNodeComponents } from '../tree';
+export declare const DefaultTreeNodeComponents: TreeNodeComponents;
+//# sourceMappingURL=index.d.ts.map

package/es/app/tree/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/tree/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAWlD,eAAO,MAAM,yBAAyB,EAAE,kBAUvC,CAAC"}

package/es/app/tree/components/index.js

@@ -0,0 +1,20 @@
+import { TreeNodeCaption } from "./tree-node-caption";
+import { TreeNodeExpansion } from "./tree-node-expansion";
+import { TreeNodeIcon } from "./tree-node-icon";
+import { TreeNodeIconDecorator } from "./tree-node-icon-decorator";
+import { TreeNodeCaptionAffixes } from "./tree-node-caption-affix";
+import { TreeNodeTailDecorations } from "./tree-node-tail-decoration";
+import { TreeNodeComponent } from "./tree-node";
+import { TreeIdent } from "./tree-ident";
+import { TreeSwitchIcon } from "./tree-switch-icon";
+export var DefaultTreeNodeComponents = {
+  TreeNodeExpansion: TreeNodeExpansion,
+  TreeNode: TreeNodeComponent,
+  TreeNodeIcon: TreeNodeIcon,
+  TreeNodeCaption: TreeNodeCaption,
+  TreeNodeCaptionAffixes: TreeNodeCaptionAffixes,
+  TreeNodeTailDecorations: TreeNodeTailDecorations,
+  TreeNodeIconDecorator: TreeNodeIconDecorator,
+  TreeIdent: TreeIdent,
+  TreeSwitchIcon: TreeSwitchIcon
+};

package/es/app/tree/components/tree-ident.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { TreeNodeProps } from '../tree.js';
+export declare const TreeIdent: React.FC<TreeNodeProps>;
+//# sourceMappingURL=tree-ident.d.ts.map

package/es/app/tree/components/tree-ident.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-ident.d.ts","sourceRoot":"","sources":["../../../../src/app/tree/components/tree-ident.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAK1D,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkC7C,CAAC"}

package/es/app/tree/components/tree-ident.js

@@ -0,0 +1,40 @@
+import { ViewInstance } from "../../../core/index.js";
+import { useInject } from "../../../observable/index.js";
+import * as React from 'react';
+import { TreeProps, TREE_NODE_INDENT_GUIDE_CLASS } from "../tree-protocol.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export var TreeIdent = function TreeIdent(props) {
+  var treeViewHelper = useInject(ViewInstance);
+  var treeProps = useInject(TreeProps);
+  var renderIndentGuides = 'onHover'; // this.corePreferences['workbench.tree.renderIndentGuides'];
+
+  if (renderIndentGuides === 'none') {
+    return null;
+  }
+  var node = props.node,
+    nodeProps = props.nodeProps;
+  var depth = nodeProps.depth;
+  var indentDivs = [];
+  var current = node;
+  while (current && depth) {
+    var classNames = [TREE_NODE_INDENT_GUIDE_CLASS];
+    if (treeViewHelper.needsActiveIndentGuideline(current)) {
+      classNames.push('active');
+    } else {
+      classNames.push(renderIndentGuides === 'onHover' ? 'hover' : 'always');
+    }
+    var paddingLeft = treeProps.leftPadding * depth;
+    indentDivs.unshift( /*#__PURE__*/_jsx("div", {
+      className: classNames.join(' '),
+      style: {
+        paddingLeft: "".concat(paddingLeft, "px")
+      }
+    }, depth));
+    current = current.parent;
+    depth -= 1;
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: indentDivs
+  });
+};

package/es/app/tree/components/tree-node-caption-affix.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { TreeNodeCaptionAffixesProps } from '../tree.js';
+export declare const TreeNodeCaptionAffixes: React.FC<TreeNodeCaptionAffixesProps>;
+//# sourceMappingURL=tree-node-caption-affix.d.ts.map

package/es/app/tree/components/tree-node-caption-affix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-caption-affix.d.ts","sourceRoot":"","sources":["../../../../src/app/tree/components/tree-node-caption-affix.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAS9D,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgCxE,CAAC"}

package/es/app/tree/components/tree-node-caption-affix.js

@@ -0,0 +1,39 @@
+import { ViewInstance } from "../../../core/index.js";
+import { useInject } from "../../../observable/index.js";
+import * as React from 'react';
+import { notEmpty } from "../../../common/index.js";
+import { TREE_NODE_SEGMENT_CLASS, TREE_NODE_SEGMENT_GROW_CLASS } from "../tree-protocol.js";
+import { TreeViewDecorationStyles } from "../tree-view-decoration.js";
+import { TreeViewDecorator } from "../view/tree-view-decorator.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export var TreeNodeCaptionAffixes = function TreeNodeCaptionAffixes(props) {
+  var treeViewDecorator = useInject(TreeViewDecorator);
+  var treeView = useInject(ViewInstance);
+  var affixKey = props.affixKey,
+    node = props.node;
+  var suffix = affixKey === 'captionSuffixes';
+  var affixClass = suffix ? TreeViewDecorationStyles.CAPTION_SUFFIX_CLASS : TreeViewDecorationStyles.CAPTION_PREFIX_CLASS;
+  var classes = [TREE_NODE_SEGMENT_CLASS, affixClass];
+  var affixes = treeViewDecorator.getDecorationData(node, affixKey).filter(notEmpty).reduce(function (acc, current) {
+    return acc.concat(current);
+  }, []);
+  var children = [];
+  for (var i = 0; i < affixes.length; i += 1) {
+    var affix = affixes[i];
+    if (suffix && i === affixes.length - 1) {
+      classes.push(TREE_NODE_SEGMENT_GROW_CLASS);
+    }
+    var style = treeView.applyFontStyles({}, affix.fontData);
+    var className = classes.join(' ');
+    var key = "".concat(node.id, "_").concat(i);
+    children.push( /*#__PURE__*/_jsx("div", {
+      className: className,
+      style: style,
+      children: affix.data
+    }, key));
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+};

package/es/app/tree/components/tree-node-caption.d.ts

@@ -0,0 +1,3 @@
+import type { TreeNodeProps } from '../tree.js';
+export declare function TreeNodeCaption(props: TreeNodeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tree-node-caption.d.ts.map

package/es/app/tree/components/tree-node-caption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-caption.d.ts","sourceRoot":"","sources":["../../../../src/app/tree/components/tree-node-caption.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAShD,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,2CAiHnD"}

package/es/app/tree/components/tree-node-caption.js

@@ -0,0 +1,103 @@
+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); }
+import { notEmpty } from "../../../common/index.js";
+import { ViewInstance } from "../../../core/index.js";
+import { useInject } from "../../../observable/index.js";
+import * as React from 'react';
+import { TREE_NODE_SEGMENT_CLASS, TREE_NODE_SEGMENT_GROW_CLASS } from "../tree-protocol.js";
+import { TreeViewDecorationStyles, CaptionHighlight } from "../tree-view-decoration.js";
+import { TreeViewDecorator } from "../view/tree-view-decorator.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TreeNodeCaption(props) {
+  var node = props.node;
+  var treeViewDecorator = useInject(TreeViewDecorator);
+  var treeView = useInject(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(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(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__*/_jsx("mark", {
+          className: TreeViewDecorationStyles.CAPTION_HIGHLIGHT_CLASS,
+          style: style,
+          children: data
+        }, index);
+      }
+      return data;
+    };
+    return CaptionHighlight.split(caption, highlight).map(createChildren);
+  };
+  var tooltip = treeViewDecorator.getDecorationData(node, 'tooltip').filter(notEmpty).join(' • ');
+  var classes = [TREE_NODE_SEGMENT_CLASS];
+  if (!hasTrailingSuffixes()) {
+    classes.push(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__*/_jsx("div", _objectSpread(_objectSpread({}, attrs), {}, {
+    children: children
+  }));
+}

package/es/app/tree/components/tree-node-expansion.d.ts

@@ -0,0 +1,3 @@
+import type { TreeNodeProps } from '../tree.js';
+export declare function TreeNodeExpansion(props: TreeNodeProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tree-node-expansion.d.ts.map

package/es/app/tree/components/tree-node-expansion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-expansion.d.ts","sourceRoot":"","sources":["../../../../src/app/tree/components/tree-node-expansion.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAKhD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,kDAqBrD"}

package/es/app/tree/components/tree-node-expansion.js

@@ -0,0 +1,36 @@
+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); }
+import { ViewInstance } from "../../../core/index.js";
+import { useInject } from "../../../observable/index.js";
+import { BUSY_CLASS, COLLAPSED_CLASS, EXPANSION_TOGGLE_CLASS } from "../../style/style-protocol.js";
+import { TreeNodeComponents } from "../tree.js";
+import { ExpandableTreeNode } from "../tree-expansion.js";
+import { TREE_NODE_SEGMENT_CLASS } from "../tree-protocol.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TreeNodeExpansion(props) {
+  var treeNodeComponents = useInject(TreeNodeComponents);
+  var TreeSwitchIcon = treeNodeComponents.TreeSwitchIcon;
+  var treeView = useInject(ViewInstance);
+  var node = props.node;
+  if (!ExpandableTreeNode.is(node)) {
+    return null;
+  }
+  var classes = [TREE_NODE_SEGMENT_CLASS, EXPANSION_TOGGLE_CLASS];
+  if (!node.expanded) {
+    classes.push(COLLAPSED_CLASS);
+  }
+  if (node.busy) {
+    classes.push(BUSY_CLASS);
+  }
+  var className = classes.join(' ');
+  return /*#__PURE__*/_jsx("div", {
+    "data-node-id": node.id,
+    className: className,
+    onClick: treeView.toggle,
+    children: /*#__PURE__*/_jsx(TreeSwitchIcon, _objectSpread({}, props))
+  });
+}

package/es/app/tree/components/tree-node-icon-decorator.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { TreeNodeIconDecoratorProps } from '../tree.js';
+export declare const TreeNodeIconDecorator: React.FC<TreeNodeIconDecoratorProps>;
+//# sourceMappingURL=tree-node-icon-decorator.d.ts.map

package/es/app/tree/components/tree-node-icon-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-icon-decorator.d.ts","sourceRoot":"","sources":["../../../../src/app/tree/components/tree-node-icon-decorator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAS7D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA4DtE,CAAC"}

package/es/app/tree/components/tree-node-icon-decorator.js

@@ -0,0 +1,46 @@
+import { ViewInstance } from "../../../core/index.js";
+import { useInject } from "../../../observable/index.js";
+import * as React from 'react';
+import { notEmpty } from "../../../common/index.js";
+import { IconOverlayPosition, TreeViewDecorationStyles } from "../tree-view-decoration.js";
+import { TreeViewDecorator } from "../view/tree-view-decorator.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var TreeNodeIconDecorator = function TreeNodeIconDecorator(props) {
+  var treeViewDecorator = useInject(TreeViewDecorator);
+  var treeView = useInject(ViewInstance);
+  var icon = props.icon,
+    node = props.node;
+  if (icon === null) {
+    return null;
+  }
+  var overlayIcons = [];
+  new Map(treeViewDecorator.getDecorationData(node, 'iconOverlay').reverse().filter(notEmpty).map(function (overlay) {
+    return [overlay.position, overlay];
+  })).forEach(function (overlay, position) {
+    var iconClasses = [TreeViewDecorationStyles.DECORATOR_SIZE_CLASS, IconOverlayPosition.getStyle(position)];
+    var style = function style(color) {
+      return color === undefined ? {} : {
+        color: color
+      };
+    };
+    if (overlay.background) {
+      overlayIcons.push( /*#__PURE__*/_jsx("span", {
+        className: treeView.getIconClass(overlay.background.shape, iconClasses),
+        style: style(overlay.background.color)
+      }, "".concat(node.id, "bg")));
+    }
+    var overlayIcon = overlay.icon || overlay.iconClass;
+    overlayIcons.push( /*#__PURE__*/_jsx("span", {
+      className: treeView.getIconClass(overlayIcon, iconClasses),
+      style: style(overlay.color)
+    }, node.id));
+  });
+  if (overlayIcons.length > 0) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: TreeViewDecorationStyles.ICON_WRAPPER_CLASS,
+      children: [icon, overlayIcons]
+    });
+  }
+  return icon;
+};

package/es/app/tree/components/tree-node-icon.d.ts

@@ -0,0 +1,2 @@
+export declare function TreeNodeIcon(): null;
+//# sourceMappingURL=tree-node-icon.d.ts.map

package/es/app/tree/components/tree-node-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-icon.d.ts","sourceRoot":"","sources":["../../../../src/app/tree/components/tree-node-icon.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,SAE3B"}

package/es/app/tree/components/tree-node-icon.js

@@ -0,0 +1,3 @@
+export function TreeNodeIcon() {
+  return null;
+}

package/es/app/tree/components/tree-node-tail-decoration.d.ts

@@ -0,0 +1,3 @@
+import type { TreeNodeProps } from '../tree.js';
+export declare function TreeNodeTailDecorations(props: TreeNodeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tree-node-tail-decoration.d.ts.map

package/es/app/tree/components/tree-node-tail-decoration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-tail-decoration.d.ts","sourceRoot":"","sources":["../../../../src/app/tree/components/tree-node-tail-decoration.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAMhD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,aAAa,2CA+C3D"}