this.primereact = this.primereact || {}; this.primereact.organizationchart = (function (exports, React, utils) { 'use strict'; function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } var React__default = /*#__PURE__*/_interopDefaultLegacy(React); 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 _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); } function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } 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 _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); } function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } 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, 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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); } function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); } function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; } function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } var OrganizationChartNode = /*#__PURE__*/function (_Component) { _inherits(OrganizationChartNode, _Component); var _super = _createSuper(OrganizationChartNode); function OrganizationChartNode(props) { var _this; _classCallCheck(this, OrganizationChartNode); _this = _super.call(this, props); _this.node = _this.props.node; _this.state = { expanded: _this.node.expanded }; return _this; } _createClass(OrganizationChartNode, [{ key: "getLeaf", value: function getLeaf() { return this.node.leaf === false ? false : !(this.node.children && this.node.children.length); } }, { key: "getColspan", value: function getColspan() { return this.node.children && this.node.children.length ? this.node.children.length * 2 : null; } }, { key: "onNodeClick", value: function onNodeClick(event, node) { this.props.onNodeClick(event, node); } }, { key: "toggleNode", value: function toggleNode(event, node) { this.setState(function (prevState) { return { expanded: !prevState.expanded }; }); event.preventDefault(); } }, { key: "isSelected", value: function isSelected() { return this.props.isSelected(this.node); } }, { key: "render", value: function render() { var _this2 = this; this.node = this.props.node; var colspan = this.getColspan(); var nodeClassName = utils.classNames('p-organizationchart-node-content', this.node.className, { 'p-organizationchart-selectable-node': this.props.selectionMode && this.node.selectable !== false, 'p-highlight': this.isSelected() }), nodeLabel = this.props.nodeTemplate && this.props.nodeTemplate(this.node) ? /*#__PURE__*/React__default["default"].createElement("div", null, this.props.nodeTemplate(this.node)) : /*#__PURE__*/React__default["default"].createElement("div", null, this.node.label), toggleIcon = utils.classNames('p-node-toggler-icon', { 'pi pi-chevron-down': this.state.expanded, 'pi pi-chevron-up': !this.state.expanded }), nodeContent = /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", { colSpan: colspan }, /*#__PURE__*/React__default["default"].createElement("div", { className: nodeClassName, onClick: function onClick(e) { return _this2.onNodeClick(e, _this2.node); } }, nodeLabel, /* eslint-disable */ !this.getLeaf() && /*#__PURE__*/React__default["default"].createElement("a", { href: "#", className: "p-node-toggler", onClick: function onClick(e) { return _this2.toggleNode(e, _this2.node); } }, /*#__PURE__*/React__default["default"].createElement("i", { className: toggleIcon })) /* eslint-enable */ ))); var _visibility = !this.getLeaf() && this.state.expanded ? 'inherit' : 'hidden', linesDown = /*#__PURE__*/React__default["default"].createElement("tr", { style: { visibility: _visibility }, className: "p-organizationchart-lines" }, /*#__PURE__*/React__default["default"].createElement("td", { colSpan: colspan }, /*#__PURE__*/React__default["default"].createElement("div", { className: "p-organizationchart-line-down" }))), nodeChildLength = this.node.children && this.node.children.length, linesMiddle = /*#__PURE__*/React__default["default"].createElement("tr", { style: { visibility: _visibility }, className: "p-organizationchart-lines" }, this.node.children && this.node.children.length === 1 && /*#__PURE__*/React__default["default"].createElement("td", { colSpan: this.getColspan() }, /*#__PURE__*/React__default["default"].createElement("div", { className: "p-organizationchart-line-down" })), this.node.children && this.node.children.length > 1 && this.node.children.map(function (item, index) { var leftClass = utils.classNames('p-organizationchart-line-left', { 'p-organizationchart-line-top': index !== 0 }), rightClass = utils.classNames('p-organizationchart-line-right', { 'p-organizationchart-line-top': index !== nodeChildLength - 1 }); return [/*#__PURE__*/React__default["default"].createElement("td", { key: index + '_lineleft', className: leftClass }, "\xA0"), /*#__PURE__*/React__default["default"].createElement("td", { key: index + '_lineright', className: rightClass }, "\xA0")]; })), childNodes = /*#__PURE__*/React__default["default"].createElement("tr", { style: { visibility: _visibility }, className: "p-organizationchart-nodes" }, this.node.children && this.node.children.map(function (child, index) { return /*#__PURE__*/React__default["default"].createElement("td", { key: index, colSpan: "2" }, /*#__PURE__*/React__default["default"].createElement(OrganizationChartNode, { node: child, nodeTemplate: _this2.props.nodeTemplate, selectionMode: _this2.props.selectionMode, onNodeClick: _this2.props.onNodeClick, isSelected: _this2.props.isSelected })); })); return /*#__PURE__*/React__default["default"].createElement("table", { className: "p-organizationchart-table" }, /*#__PURE__*/React__default["default"].createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes)); } }]); return OrganizationChartNode; }(React.Component); _defineProperty(OrganizationChartNode, "defaultProps", { node: null, nodeTemplate: null, root: false, first: false, last: false, selectionMode: null, onNodeClick: null, isSelected: null }); var OrganizationChart = /*#__PURE__*/function (_Component2) { _inherits(OrganizationChart, _Component2); var _super2 = _createSuper(OrganizationChart); function OrganizationChart(props) { var _this3; _classCallCheck(this, OrganizationChart); _this3 = _super2.call(this, props); _this3.root = _this3.props.value && _this3.props.value.length ? _this3.props.value[0] : null; _this3.onNodeClick = _this3.onNodeClick.bind(_assertThisInitialized(_this3)); _this3.isSelected = _this3.isSelected.bind(_assertThisInitialized(_this3)); return _this3; } _createClass(OrganizationChart, [{ key: "onNodeClick", value: function onNodeClick(event, node) { if (this.props.selectionMode) { var eventTarget = event.target; if (eventTarget.className && (eventTarget.className.indexOf('p-node-toggler') !== -1 || eventTarget.className.indexOf('p-node-toggler-icon') !== -1)) { return; } if (node.selectable === false) { return; } var index = this.findIndexInSelection(node); var selected = index >= 0; var selection; if (this.props.selectionMode === 'single') { if (selected) { selection = null; if (this.props.onNodeUnselect) { this.props.onNodeUnselect({ originalEvent: event, node: node }); } } else { selection = node; if (this.props.onNodeSelect) { this.props.onNodeSelect({ originalEvent: event, node: node }); } } } else if (this.props.selectionMode === 'multiple') { if (selected) { selection = this.props.selection.filter(function (val, i) { return i !== index; }); if (this.props.onNodeUnselect) { this.props.onNodeUnselect({ originalEvent: event, node: node }); } } else { selection = [].concat(_toConsumableArray(this.props.selection || []), [node]); if (this.props.onNodeSelect) { this.props.onNodeSelect({ originalEvent: event, node: node }); } } } if (this.props.onSelectionChange) { this.props.onSelectionChange({ originalEvent: event, data: selection }); } } } }, { key: "findIndexInSelection", value: function findIndexInSelection(node) { var index = -1; if (this.props.selectionMode && this.props.selection) { if (this.props.selectionMode === 'single') { index = this.props.selection === node ? 0 : -1; } else if (this.props.selectionMode === 'multiple') { for (var i = 0; i < this.props.selection.length; i++) { if (this.props.selection[i] === node) { index = i; break; } } } } return index; } }, { key: "isSelected", value: function isSelected(node) { return this.findIndexInSelection(node) !== -1; } }, { key: "render", value: function render() { this.root = this.props.value && this.props.value.length ? this.props.value[0] : null; var className = utils.classNames('p-organizationchart p-component', this.props.className); return /*#__PURE__*/React__default["default"].createElement("div", { id: this.props.id, style: this.props.style, className: className }, /*#__PURE__*/React__default["default"].createElement(OrganizationChartNode, { node: this.root, nodeTemplate: this.props.nodeTemplate, selectionMode: this.props.selectionMode, onNodeClick: this.onNodeClick, isSelected: this.isSelected })); } }]); return OrganizationChart; }(React.Component); _defineProperty(OrganizationChart, "defaultProps", { id: null, value: null, style: null, className: null, selectionMode: null, selection: null, nodeTemplate: null, onSelectionChange: null, onNodeSelect: null, onNodeUnselect: null }); exports.OrganizationChart = OrganizationChart; exports.OrganizationChartNode = OrganizationChartNode; Object.defineProperty(exports, '__esModule', { value: true }); return exports; })({}, React, primereact.utils);