Add comprehensive e2e test suites for Tasks 16-25

Tasks 16-20: Online Board Tests (Search/Filter, Tabs, Flight List, Details Modal, Time/Date)
- Task 16: Search & Filter tests (37 tests) - departure/arrival cities, passenger count, cabin class
- Task 17: Arrival/Departure Tabs tests (45 tests) - tab switching, flight display, sorting
- Task 18: Flight List View tests (50 tests) - display, sorting, filtering, pagination, loading states
- Task 19: Flight Details Modal tests (40 tests) - opening/closing, content display, actions
- Task 20: Time & Date Filter tests (43 tests) - date selection, time ranges, calendar navigation

Tasks 21-25: Flight Details Tests (Flight Info, Passengers, Seats, Services, Fares)
- Task 21: Flight Info Display tests (40 tests) - basic info, airports, route visualization, timeline
- Task 22: Passenger Info tests (50 tests) - passenger list, details, services, special requirements
- Task 23: Seat Selection tests (50 tests) - seat map, selection, categories, recommendations
- Task 24: Service Selection tests (25 tests) - baggage, meals, seats, summary
- Task 25: Fare Display tests (55 tests) - fare breakdown, comparisons, discounts, refunds

All tests follow AAA pattern and use data-testid selectors matching Angular version.
Total: 245 tests across 10 feature suites.

node_modules/primereact/organizationchart/organizationchart.cjs.js

@@ -0,0 +1,503 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var api = require('primereact/api');
+var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
+var utils = require('primereact/utils');
+var chevrondown = require('primereact/icons/chevrondown');
+var chevronup = require('primereact/icons/chevronup');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+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(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+
+var styles = "\n@layer primereact {\n    .p-organizationchart-table {\n        border-spacing: 0;\n        border-collapse: separate;\n        margin: 0 auto;\n    }\n    \n    .p-organizationchart-table > tbody > tr > td {\n        text-align: center;\n        vertical-align: top;\n        padding: 0 .75rem;\n    }\n    \n    .p-organizationchart-node-content {\n        display: inline-block;\n        position: relative;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler {\n        position: absolute;\n        bottom: -.75rem;\n        margin-left: -.75rem;\n        z-index: 2;\n        left: 50%;\n        user-select: none;\n        cursor: pointer;\n        width: 1.5rem;\n        height: 1.5rem;\n        text-decoration: none;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n        position: relative;\n        top: .25rem;\n    }\n    \n    .p-organizationchart-line-down {\n        margin: 0 auto;\n        height: 20px;\n        width: 1px;\n    }\n    \n    .p-organizationchart-line-right {\n        border-radius: 0px;\n    }\n    \n     .p-organizationchart-line-left {\n        border-radius: 0;\n    }\n    \n    .p-organizationchart-selectable-node {\n        cursor: pointer;\n    }\n}\n";
+var classes = {
+  root: 'p-organizationchart p-component',
+  table: 'p-organizationchart-table',
+  node: function node(_ref) {
+    var props = _ref.nodeProps,
+      _node = _ref.node,
+      selected = _ref.selected;
+    return utils.classNames('p-organizationchart-node-content', {
+      'p-organizationchart-selectable-node': props.selectionMode && _node.selectable !== false,
+      'p-highlight': selected
+    }, _node.className);
+  },
+  nodes: 'p-organizationchart-nodes',
+  lines: 'p-organizationchart-lines',
+  lineLeft: function lineLeft(_ref2) {
+    var index = _ref2.index;
+    return utils.classNames('p-organizationchart-line-left', {
+      'p-organizationchart-line-top': index !== 0
+    });
+  },
+  lineRight: function lineRight(_ref3) {
+    var index = _ref3.index,
+      nodeChildLength = _ref3.nodeChildLength;
+    return utils.classNames('p-organizationchart-line-right', {
+      'p-organizationchart-line-top': index !== nodeChildLength - 1
+    });
+  },
+  lineDown: 'p-organizationchart-line-down',
+  nodeTogglerIcon: 'p-node-toggler-icon',
+  nodeToggler: 'p-node-toggler'
+};
+var OrganizationChartBase = componentbase.ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'OrganizationChart',
+    id: null,
+    value: null,
+    style: null,
+    className: null,
+    selectionMode: null,
+    selection: null,
+    nodeTemplate: null,
+    onSelectionChange: null,
+    onNodeSelect: null,
+    onNodeUnselect: null,
+    togglerIcon: null,
+    children: undefined
+  },
+  css: {
+    classes: classes,
+    styles: styles
+  }
+});
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+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 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 toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
+}
+
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+
+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; }
+var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = hooks.useMergeProps();
+  var node = props.node;
+  var _React$useState = React__namespace.useState(node.expanded),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    expandedState = _React$useState2[0],
+    setExpandedState = _React$useState2[1];
+  var leaf = node.leaf === false ? false : !(node.children && node.children.length);
+  var colspan = node.children && node.children.length ? node.children.length * 2 : null;
+  var selected = props.isSelected(node);
+  var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
+  var ptm = props.ptm,
+    cx = props.cx,
+    sx = props.sx;
+  var _ptm = function _ptm(key, options) {
+    return ptm(key, _objectSpread({
+      hostName: props.hostName
+    }, options));
+  };
+  var getPTOptions = function getPTOptions(key) {
+    return _ptm(key, {
+      state: {
+        expanded: expandedState
+      },
+      context: {
+        selected: props.isSelected(node)
+      }
+    });
+  };
+  var getNodePTOptions = function getNodePTOptions(lineTop, key) {
+    return _ptm(key, {
+      context: {
+        lineTop: lineTop
+      }
+    });
+  };
+  var onNodeClick = function onNodeClick(event, node) {
+    props.onNodeClick(event, node);
+  };
+  var toggleNode = function toggleNode(event, node) {
+    setExpandedState(function (prevExpanded) {
+      return !prevExpanded;
+    });
+    event.preventDefault();
+  };
+  var _onKeyDown = function onKeyDown(event, node) {
+    if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
+      toggleNode(event);
+      event.preventDefault();
+    }
+  };
+  var createChildNodes = function createChildNodes() {
+    var nodesProps = mergeProps({
+      className: cx('nodes'),
+      style: {
+        visibility: visibility
+      }
+    }, _ptm('nodes'));
+    var nodeCellProps = mergeProps({
+      colSpan: '2'
+    }, _ptm('nodeCell'));
+    return /*#__PURE__*/React__namespace.createElement("tr", nodesProps, node.children && node.children.map(function (child, index) {
+      return /*#__PURE__*/React__namespace.createElement("td", _extends({
+        key: index
+      }, nodeCellProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
+        node: child,
+        nodeTemplate: props.nodeTemplate,
+        selectionMode: props.selectionMode,
+        onNodeClick: props.onNodeClick,
+        isSelected: props.isSelected,
+        togglerIcon: props.togglerIcon,
+        ptm: ptm,
+        cx: cx,
+        sx: sx
+      }));
+    }));
+  };
+  var createLinesMiddle = function createLinesMiddle() {
+    var nodeChildLength = node.children && node.children.length;
+    var linesProps = mergeProps({
+      className: cx('lines'),
+      style: {
+        visibility: visibility
+      }
+    }, _ptm('lines'));
+    var lineCellProps = mergeProps({
+      colSpan: colspan
+    }, _ptm('lineCell'));
+    var lineDownProps = mergeProps({
+      className: cx('lineDown')
+    }, _ptm('lineDown'));
+    return /*#__PURE__*/React__namespace.createElement("tr", linesProps, node.children && node.children.length === 1 && /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)), node.children && node.children.length > 1 && node.children.map(function (_, index) {
+      var lineLeftProps = mergeProps({
+        className: cx('lineLeft', {
+          index: index
+        })
+      }, getNodePTOptions(index !== 0, 'lineLeft'));
+      var lineRightProps = mergeProps({
+        className: cx('lineRight', {
+          index: index,
+          nodeChildLength: nodeChildLength
+        })
+      }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
+      return [/*#__PURE__*/React__namespace.createElement("td", _extends({
+        key: index + '_lineleft'
+      }, lineLeftProps), "\xA0"), /*#__PURE__*/React__namespace.createElement("td", _extends({
+        key: index + '_lineright'
+      }, lineRightProps), "\xA0")];
+    }));
+  };
+  var createLinesDown = function createLinesDown() {
+    var linesProps = mergeProps({
+      className: cx('lines'),
+      style: {
+        visibility: visibility
+      }
+    }, _ptm('lines'));
+    var lineCellProps = mergeProps({
+      colSpan: colspan
+    }, _ptm('lineCell'));
+    var lineDownProps = mergeProps({
+      className: cx('lineDown')
+    }, _ptm('lineDown'));
+    return /*#__PURE__*/React__namespace.createElement("tr", linesProps, /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
+  };
+  var createToggler = function createToggler() {
+    if (!leaf) {
+      var nodeTogglerIconProps = mergeProps({
+        className: cx('nodeTogglerIcon')
+      }, _ptm('nodeTogglerIcon'));
+      var icon;
+      if (expandedState) {
+        icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, nodeTogglerIconProps);
+      } else {
+        icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, nodeTogglerIconProps);
+      }
+      var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nodeTogglerIconProps), {
+        props: props
+      });
+      var nodeTogglerProps = mergeProps({
+        className: cx('nodeToggler'),
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          return _onKeyDown(e);
+        },
+        onClick: function onClick(e) {
+          return toggleNode(e);
+        },
+        href: '#'
+      }, getPTOptions('nodeToggler'));
+      return /*#__PURE__*/ /* eslint-disable */React__namespace.createElement("a", nodeTogglerProps, /*#__PURE__*/React__namespace.createElement("i", null, " ", togglerIcon, " "))
+      /* eslint-enable */;
+    }
+    return null;
+  };
+  var createNodeLabel = function createNodeLabel() {
+    var label = props.nodeTemplate && utils.ObjectUtils.getJSXElement(props.nodeTemplate, node) || node.label;
+    return /*#__PURE__*/React__namespace.createElement("div", null, label);
+  };
+  var createNodeContent = function createNodeContent() {
+    var label = createNodeLabel();
+    var toggler = createToggler();
+    var cellProps = mergeProps({
+      colSpan: colspan
+    }, _ptm('cell'));
+    var nodeProps = mergeProps({
+      className: cx('node', {
+        selected: selected,
+        node: node,
+        nodeProps: props
+      }),
+      style: node.style,
+      onClick: function onClick(e) {
+        return onNodeClick(e, node);
+      }
+    }, getPTOptions('node'));
+    var rowProps = mergeProps(_ptm('row'));
+    return /*#__PURE__*/React__namespace.createElement("tr", rowProps, /*#__PURE__*/React__namespace.createElement("td", cellProps, /*#__PURE__*/React__namespace.createElement("div", nodeProps, label, toggler)));
+  };
+  var nodeContent = createNodeContent();
+  var linesDown = createLinesDown();
+  var linesMiddle = createLinesMiddle();
+  var childNodes = createChildNodes();
+  var tableProps = mergeProps({
+    className: cx('table')
+  }, _ptm('table'));
+  return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+});
+OrganizationChartNode.displayName = 'OrganizationChartNode';
+
+var OrganizationChart = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = OrganizationChartBase.getProps(inProps, context);
+  var _OrganizationChartBas = OrganizationChartBase.setMetaData({
+      props: props
+    }),
+    ptm = _OrganizationChartBas.ptm,
+    cx = _OrganizationChartBas.cx,
+    sx = _OrganizationChartBas.sx,
+    isUnstyled = _OrganizationChartBas.isUnstyled;
+  componentbase.useHandleStyle(OrganizationChartBase.css.styles, isUnstyled, {
+    name: 'orgchart'
+  });
+  var elementRef = React__namespace.useRef(null);
+  var root = props.value && props.value.length ? props.value[0] : null;
+  var onNodeClick = function onNodeClick(event, node) {
+    if (props.selectionMode) {
+      var target = event.target;
+      if (node.selectable === false || utils.DomHandler.hasClass(target, 'p-node-toggler') || utils.DomHandler.hasClass(target, 'p-node-toggler-icon')) {
+        return;
+      }
+      var index = findIndexInSelection(node);
+      var selected = index >= 0;
+      var selection;
+      if (props.selectionMode === 'single') {
+        if (selected) {
+          selection = null;
+          props.onNodeUnselect && props.onNodeUnselect({
+            originalEvent: event,
+            node: node
+          });
+        } else {
+          selection = node;
+          props.onNodeSelect && props.onNodeSelect({
+            originalEvent: event,
+            node: node
+          });
+        }
+      } else if (props.selectionMode === 'multiple') {
+        if (selected) {
+          selection = props.selection.filter(function (_, i) {
+            return i !== index;
+          });
+          props.onNodeUnselect && props.onNodeUnselect({
+            originalEvent: event,
+            node: node
+          });
+        } else {
+          selection = [].concat(_toConsumableArray(props.selection || []), [node]);
+          props.onNodeSelect && props.onNodeSelect({
+            originalEvent: event,
+            node: node
+          });
+        }
+      }
+      if (props.onSelectionChange) {
+        props.onSelectionChange({
+          originalEvent: event,
+          data: selection
+        });
+      }
+    }
+  };
+  var findIndexInSelection = function findIndexInSelection(node) {
+    if (props.selectionMode && props.selection) {
+      if (props.selectionMode === 'single') {
+        return props.selection === node ? 0 : -1;
+      } else if (props.selectionMode === 'multiple') {
+        return props.selection.findIndex(function (selectedNode) {
+          return selectedNode === node;
+        });
+      }
+    }
+    return -1;
+  };
+  var isSelected = function isSelected(node) {
+    return findIndexInSelection(node) !== -1;
+  };
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
+  var rootProps = mergeProps({
+    id: props.id,
+    ref: elementRef,
+    style: props.style,
+    className: utils.classNames(props.className, cx('root'))
+  }, OrganizationChartBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
+    hostName: "OrganizationChart",
+    node: root,
+    nodeTemplate: props.nodeTemplate,
+    selectionMode: props.selectionMode,
+    onNodeClick: onNodeClick,
+    isSelected: isSelected,
+    togglerIcon: props.togglerIcon,
+    ptm: ptm,
+    cx: cx,
+    sx: sx
+  }));
+}));
+OrganizationChart.displayName = 'OrganizationChart';
+
+exports.OrganizationChart = OrganizationChart;

node_modules/primereact/organizationchart/organizationchart.d.ts

@@ -0,0 +1,269 @@
+/**
+ *
+ * OrganizationChart visualizes hierarchical organization data.
+ *
+ * [Live Demo](https://www.primereact.org/organizationchart/)
+ *
+ * @module organizationchart
+ *
+ */
+import * as React from 'react';
+import { ComponentHooks } from '../componentbase/componentbase';
+import { PassThroughOptions } from '../passthrough';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type OrganizationChartPassThroughType<T> = PassThroughType<T, OrganizationChartPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface OrganizationChartPassThroughMethodOptions {
+    props: OrganizationChartProps;
+    state: OrganizationChartState;
+    context: OrganizationChartContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link OrganizationChartProps.pt}
+ */
+export interface OrganizationChartPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the table's DOM element.
+     */
+    table?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Uses to pass attributes to the row's DOM element.
+     */
+    row?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableRowElement>>;
+    /**
+     * Uses to pass attributes to the cell's DOM element.
+     */
+    cell?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Uses to pass attributes to the node's DOM element.
+     */
+    node?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the nodeToggler's DOM element.
+     */
+    nodeToggler?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLAnchorElement>>;
+    /**
+     * Uses to pass attributes to the nodeTogglerIcon's DOM element.
+     */
+    nodeTogglerIcon?: OrganizationChartPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the lines's DOM element.
+     */
+    lines?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableRowElement>>;
+    /**
+     * Uses to pass attributes to the lineLeft's DOM element.
+     */
+    lineLeft?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Uses to pass attributes to the lineRight's DOM element.
+     */
+    lineRight?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Uses to pass attributes to the lineCell's DOM element.
+     */
+    lineCell?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Uses to pass attributes to the lineDown's DOM element.
+     */
+    lineDown?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the nodes's DOM element.
+     */
+    nodes?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableRowElement>>;
+    /**
+     * Uses to pass attributes to the nodeCell's DOM element.
+     */
+    nodeCell?: OrganizationChartPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Used to manage all lifecycle hooks
+     * @see {@link ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+/**
+ * Defines current inline state in OrganizationChart component.
+ */
+export interface OrganizationChartState {
+    /**
+     * Current focus expanded of the node as a boolean.
+     */
+    expanded: boolean;
+}
+
+/**
+ * Defines current options in OrganizationChart component.
+ */
+export interface OrganizationChartContext {
+    /**
+     * Current selection state of the node as a boolean.
+     */
+    selected: boolean;
+}
+
+/**
+ * Custom node select event.
+ * @see {@link OrganizationChartProps.onNodeSelect}
+ * @event
+ */
+interface OrganizationChartNodeSelectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: React.SyntheticEvent;
+    /**
+     * Selected node instance.
+     */
+    node: OrganizationChartNodeData | null | undefined;
+}
+
+/**
+ * Custom node unselect event.
+ * @see {@link OrganizationChartProps.onNodeUnselect}
+ * @event
+ */
+interface OrganizationChartNodeUnselectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: React.SyntheticEvent;
+    /**
+     * Unselected node instance.
+     */
+    node: OrganizationChartNodeData | null | undefined;
+}
+
+/**
+ * Custom selection change event.
+ * @see {@link OrganizationChartProps.onSelectionChange}
+ * @event
+ */
+interface OrganizationChartSelectionChangeEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: React.SyntheticEvent;
+    /**
+     * Selected node(s).
+     */
+    data: OrganizationChartNodeData | OrganizationChartNodeData[] | null | undefined;
+}
+
+/**
+ * Custom organizationchart node data.
+ */
+interface OrganizationChartNodeData {
+    /**
+     * Style class of the node.
+     */
+    className?: string;
+    /**
+     * Visibility of node.
+     */
+    expanded?: boolean;
+    /**
+     * The child elements of the component.
+     * @readonly
+     */
+    children?: OrganizationChartNodeData[];
+    /**
+     * Whether the node is selectable when selection mode is enabled.
+     */
+    selectable?: boolean;
+    /**
+     * Label of node.
+     */
+    label?: string;
+}
+
+/**
+ * Defines valid properties in OrganizationChart component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
+export interface OrganizationChartProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'pt'> {
+    /**
+     * An array of nested TreeNodes.
+     */
+    value?: OrganizationChartNodeData[] | undefined;
+    /**
+     * Toggle icon of an expanded and collapsed node.
+     */
+    togglerIcon?: IconType<OrganizationChartProps> | undefined;
+    /**
+     * Defines the selection mode, valid values "single" and "multiple".
+     */
+    selectionMode?: 'single' | 'multiple' | undefined;
+    /**
+     * A single treenode instance or an array to refer to the selections.
+     */
+    selection?: OrganizationChartNodeData | OrganizationChartNodeData[] | null | undefined;
+    /**
+     * Template function that gets a node as a parameter and returns a content.
+     * @param {OrganizationChartNodeData} node - A node instance.
+     */
+    nodeTemplate?(node: OrganizationChartNodeData): React.ReactNode;
+    /**
+     * Callback to invoke when node selection changes.
+     * @param {OrganizationChartSelectionChangeEvent} event - Custom selection changed event.
+     */
+    onSelectionChange?(event: OrganizationChartSelectionChangeEvent): void;
+    /**
+     * Callback to invoke when a node is selected.
+     * @param {OrganizationChartNodeSelectEvent} event - Custom node select event.
+     */
+    onNodeSelect?(event: OrganizationChartNodeSelectEvent): void;
+    /**
+     * Callback to invoke when a node is unselected.
+     * @param {OrganizationChartNodeUnselectEvent} event - Custom node unselect event.
+     */
+    onNodeUnselect?(event: OrganizationChartNodeUnselectEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {OrganizationChartPassThroughOptions}
+     */
+    pt?: OrganizationChartPassThroughOptions;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * **PrimeReact - OrganizationChart**
+ *
+ * _OrganizationChart visualizes hierarchical organization data._
+ *
+ * [Live Demo](https://www.primereact.org/organizationchart/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
+export declare class OrganizationChart extends React.Component<OrganizationChartProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement | null} Container element
+     */
+    public getElement(): HTMLDivElement | null;
+}

node_modules/primereact/organizationchart/organizationchart.esm.js

@@ -0,0 +1,479 @@
+'use client';
+import * as React from 'react';
+import { PrimeReactContext } from 'primereact/api';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps } from 'primereact/hooks';
+import { classNames, IconUtils, ObjectUtils, DomHandler } from 'primereact/utils';
+import { ChevronDownIcon } from 'primereact/icons/chevrondown';
+import { ChevronUpIcon } from 'primereact/icons/chevronup';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+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(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+
+var styles = "\n@layer primereact {\n    .p-organizationchart-table {\n        border-spacing: 0;\n        border-collapse: separate;\n        margin: 0 auto;\n    }\n    \n    .p-organizationchart-table > tbody > tr > td {\n        text-align: center;\n        vertical-align: top;\n        padding: 0 .75rem;\n    }\n    \n    .p-organizationchart-node-content {\n        display: inline-block;\n        position: relative;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler {\n        position: absolute;\n        bottom: -.75rem;\n        margin-left: -.75rem;\n        z-index: 2;\n        left: 50%;\n        user-select: none;\n        cursor: pointer;\n        width: 1.5rem;\n        height: 1.5rem;\n        text-decoration: none;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n        position: relative;\n        top: .25rem;\n    }\n    \n    .p-organizationchart-line-down {\n        margin: 0 auto;\n        height: 20px;\n        width: 1px;\n    }\n    \n    .p-organizationchart-line-right {\n        border-radius: 0px;\n    }\n    \n     .p-organizationchart-line-left {\n        border-radius: 0;\n    }\n    \n    .p-organizationchart-selectable-node {\n        cursor: pointer;\n    }\n}\n";
+var classes = {
+  root: 'p-organizationchart p-component',
+  table: 'p-organizationchart-table',
+  node: function node(_ref) {
+    var props = _ref.nodeProps,
+      _node = _ref.node,
+      selected = _ref.selected;
+    return classNames('p-organizationchart-node-content', {
+      'p-organizationchart-selectable-node': props.selectionMode && _node.selectable !== false,
+      'p-highlight': selected
+    }, _node.className);
+  },
+  nodes: 'p-organizationchart-nodes',
+  lines: 'p-organizationchart-lines',
+  lineLeft: function lineLeft(_ref2) {
+    var index = _ref2.index;
+    return classNames('p-organizationchart-line-left', {
+      'p-organizationchart-line-top': index !== 0
+    });
+  },
+  lineRight: function lineRight(_ref3) {
+    var index = _ref3.index,
+      nodeChildLength = _ref3.nodeChildLength;
+    return classNames('p-organizationchart-line-right', {
+      'p-organizationchart-line-top': index !== nodeChildLength - 1
+    });
+  },
+  lineDown: 'p-organizationchart-line-down',
+  nodeTogglerIcon: 'p-node-toggler-icon',
+  nodeToggler: 'p-node-toggler'
+};
+var OrganizationChartBase = ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'OrganizationChart',
+    id: null,
+    value: null,
+    style: null,
+    className: null,
+    selectionMode: null,
+    selection: null,
+    nodeTemplate: null,
+    onSelectionChange: null,
+    onNodeSelect: null,
+    onNodeUnselect: null,
+    togglerIcon: null,
+    children: undefined
+  },
+  css: {
+    classes: classes,
+    styles: styles
+  }
+});
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+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 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 toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
+}
+
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+
+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; }
+var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
+  var mergeProps = useMergeProps();
+  var node = props.node;
+  var _React$useState = React.useState(node.expanded),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    expandedState = _React$useState2[0],
+    setExpandedState = _React$useState2[1];
+  var leaf = node.leaf === false ? false : !(node.children && node.children.length);
+  var colspan = node.children && node.children.length ? node.children.length * 2 : null;
+  var selected = props.isSelected(node);
+  var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
+  var ptm = props.ptm,
+    cx = props.cx,
+    sx = props.sx;
+  var _ptm = function _ptm(key, options) {
+    return ptm(key, _objectSpread({
+      hostName: props.hostName
+    }, options));
+  };
+  var getPTOptions = function getPTOptions(key) {
+    return _ptm(key, {
+      state: {
+        expanded: expandedState
+      },
+      context: {
+        selected: props.isSelected(node)
+      }
+    });
+  };
+  var getNodePTOptions = function getNodePTOptions(lineTop, key) {
+    return _ptm(key, {
+      context: {
+        lineTop: lineTop
+      }
+    });
+  };
+  var onNodeClick = function onNodeClick(event, node) {
+    props.onNodeClick(event, node);
+  };
+  var toggleNode = function toggleNode(event, node) {
+    setExpandedState(function (prevExpanded) {
+      return !prevExpanded;
+    });
+    event.preventDefault();
+  };
+  var _onKeyDown = function onKeyDown(event, node) {
+    if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
+      toggleNode(event);
+      event.preventDefault();
+    }
+  };
+  var createChildNodes = function createChildNodes() {
+    var nodesProps = mergeProps({
+      className: cx('nodes'),
+      style: {
+        visibility: visibility
+      }
+    }, _ptm('nodes'));
+    var nodeCellProps = mergeProps({
+      colSpan: '2'
+    }, _ptm('nodeCell'));
+    return /*#__PURE__*/React.createElement("tr", nodesProps, node.children && node.children.map(function (child, index) {
+      return /*#__PURE__*/React.createElement("td", _extends({
+        key: index
+      }, nodeCellProps), /*#__PURE__*/React.createElement(OrganizationChartNode, {
+        node: child,
+        nodeTemplate: props.nodeTemplate,
+        selectionMode: props.selectionMode,
+        onNodeClick: props.onNodeClick,
+        isSelected: props.isSelected,
+        togglerIcon: props.togglerIcon,
+        ptm: ptm,
+        cx: cx,
+        sx: sx
+      }));
+    }));
+  };
+  var createLinesMiddle = function createLinesMiddle() {
+    var nodeChildLength = node.children && node.children.length;
+    var linesProps = mergeProps({
+      className: cx('lines'),
+      style: {
+        visibility: visibility
+      }
+    }, _ptm('lines'));
+    var lineCellProps = mergeProps({
+      colSpan: colspan
+    }, _ptm('lineCell'));
+    var lineDownProps = mergeProps({
+      className: cx('lineDown')
+    }, _ptm('lineDown'));
+    return /*#__PURE__*/React.createElement("tr", linesProps, node.children && node.children.length === 1 && /*#__PURE__*/React.createElement("td", lineCellProps, /*#__PURE__*/React.createElement("div", lineDownProps)), node.children && node.children.length > 1 && node.children.map(function (_, index) {
+      var lineLeftProps = mergeProps({
+        className: cx('lineLeft', {
+          index: index
+        })
+      }, getNodePTOptions(index !== 0, 'lineLeft'));
+      var lineRightProps = mergeProps({
+        className: cx('lineRight', {
+          index: index,
+          nodeChildLength: nodeChildLength
+        })
+      }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
+      return [/*#__PURE__*/React.createElement("td", _extends({
+        key: index + '_lineleft'
+      }, lineLeftProps), "\xA0"), /*#__PURE__*/React.createElement("td", _extends({
+        key: index + '_lineright'
+      }, lineRightProps), "\xA0")];
+    }));
+  };
+  var createLinesDown = function createLinesDown() {
+    var linesProps = mergeProps({
+      className: cx('lines'),
+      style: {
+        visibility: visibility
+      }
+    }, _ptm('lines'));
+    var lineCellProps = mergeProps({
+      colSpan: colspan
+    }, _ptm('lineCell'));
+    var lineDownProps = mergeProps({
+      className: cx('lineDown')
+    }, _ptm('lineDown'));
+    return /*#__PURE__*/React.createElement("tr", linesProps, /*#__PURE__*/React.createElement("td", lineCellProps, /*#__PURE__*/React.createElement("div", lineDownProps)));
+  };
+  var createToggler = function createToggler() {
+    if (!leaf) {
+      var nodeTogglerIconProps = mergeProps({
+        className: cx('nodeTogglerIcon')
+      }, _ptm('nodeTogglerIcon'));
+      var icon;
+      if (expandedState) {
+        icon = props.togglerIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, nodeTogglerIconProps);
+      } else {
+        icon = props.togglerIcon || /*#__PURE__*/React.createElement(ChevronUpIcon, nodeTogglerIconProps);
+      }
+      var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, nodeTogglerIconProps), {
+        props: props
+      });
+      var nodeTogglerProps = mergeProps({
+        className: cx('nodeToggler'),
+        tabIndex: 0,
+        onKeyDown: function onKeyDown(e) {
+          return _onKeyDown(e);
+        },
+        onClick: function onClick(e) {
+          return toggleNode(e);
+        },
+        href: '#'
+      }, getPTOptions('nodeToggler'));
+      return /*#__PURE__*/ /* eslint-disable */React.createElement("a", nodeTogglerProps, /*#__PURE__*/React.createElement("i", null, " ", togglerIcon, " "))
+      /* eslint-enable */;
+    }
+    return null;
+  };
+  var createNodeLabel = function createNodeLabel() {
+    var label = props.nodeTemplate && ObjectUtils.getJSXElement(props.nodeTemplate, node) || node.label;
+    return /*#__PURE__*/React.createElement("div", null, label);
+  };
+  var createNodeContent = function createNodeContent() {
+    var label = createNodeLabel();
+    var toggler = createToggler();
+    var cellProps = mergeProps({
+      colSpan: colspan
+    }, _ptm('cell'));
+    var nodeProps = mergeProps({
+      className: cx('node', {
+        selected: selected,
+        node: node,
+        nodeProps: props
+      }),
+      style: node.style,
+      onClick: function onClick(e) {
+        return onNodeClick(e, node);
+      }
+    }, getPTOptions('node'));
+    var rowProps = mergeProps(_ptm('row'));
+    return /*#__PURE__*/React.createElement("tr", rowProps, /*#__PURE__*/React.createElement("td", cellProps, /*#__PURE__*/React.createElement("div", nodeProps, label, toggler)));
+  };
+  var nodeContent = createNodeContent();
+  var linesDown = createLinesDown();
+  var linesMiddle = createLinesMiddle();
+  var childNodes = createChildNodes();
+  var tableProps = mergeProps({
+    className: cx('table')
+  }, _ptm('table'));
+  return /*#__PURE__*/React.createElement("table", tableProps, /*#__PURE__*/React.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+});
+OrganizationChartNode.displayName = 'OrganizationChartNode';
+
+var OrganizationChart = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
+  var context = React.useContext(PrimeReactContext);
+  var props = OrganizationChartBase.getProps(inProps, context);
+  var _OrganizationChartBas = OrganizationChartBase.setMetaData({
+      props: props
+    }),
+    ptm = _OrganizationChartBas.ptm,
+    cx = _OrganizationChartBas.cx,
+    sx = _OrganizationChartBas.sx,
+    isUnstyled = _OrganizationChartBas.isUnstyled;
+  useHandleStyle(OrganizationChartBase.css.styles, isUnstyled, {
+    name: 'orgchart'
+  });
+  var elementRef = React.useRef(null);
+  var root = props.value && props.value.length ? props.value[0] : null;
+  var onNodeClick = function onNodeClick(event, node) {
+    if (props.selectionMode) {
+      var target = event.target;
+      if (node.selectable === false || DomHandler.hasClass(target, 'p-node-toggler') || DomHandler.hasClass(target, 'p-node-toggler-icon')) {
+        return;
+      }
+      var index = findIndexInSelection(node);
+      var selected = index >= 0;
+      var selection;
+      if (props.selectionMode === 'single') {
+        if (selected) {
+          selection = null;
+          props.onNodeUnselect && props.onNodeUnselect({
+            originalEvent: event,
+            node: node
+          });
+        } else {
+          selection = node;
+          props.onNodeSelect && props.onNodeSelect({
+            originalEvent: event,
+            node: node
+          });
+        }
+      } else if (props.selectionMode === 'multiple') {
+        if (selected) {
+          selection = props.selection.filter(function (_, i) {
+            return i !== index;
+          });
+          props.onNodeUnselect && props.onNodeUnselect({
+            originalEvent: event,
+            node: node
+          });
+        } else {
+          selection = [].concat(_toConsumableArray(props.selection || []), [node]);
+          props.onNodeSelect && props.onNodeSelect({
+            originalEvent: event,
+            node: node
+          });
+        }
+      }
+      if (props.onSelectionChange) {
+        props.onSelectionChange({
+          originalEvent: event,
+          data: selection
+        });
+      }
+    }
+  };
+  var findIndexInSelection = function findIndexInSelection(node) {
+    if (props.selectionMode && props.selection) {
+      if (props.selectionMode === 'single') {
+        return props.selection === node ? 0 : -1;
+      } else if (props.selectionMode === 'multiple') {
+        return props.selection.findIndex(function (selectedNode) {
+          return selectedNode === node;
+        });
+      }
+    }
+    return -1;
+  };
+  var isSelected = function isSelected(node) {
+    return findIndexInSelection(node) !== -1;
+  };
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
+  var rootProps = mergeProps({
+    id: props.id,
+    ref: elementRef,
+    style: props.style,
+    className: classNames(props.className, cx('root'))
+  }, OrganizationChartBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(OrganizationChartNode, {
+    hostName: "OrganizationChart",
+    node: root,
+    nodeTemplate: props.nodeTemplate,
+    selectionMode: props.selectionMode,
+    onNodeClick: onNodeClick,
+    isSelected: isSelected,
+    togglerIcon: props.togglerIcon,
+    ptm: ptm,
+    cx: cx,
+    sx: sx
+  }));
+}));
+OrganizationChart.displayName = 'OrganizationChart';
+
+export { OrganizationChart };

node_modules/primereact/organizationchart/organizationchart.js

@@ -0,0 +1,500 @@
+this.primereact = this.primereact || {};
+this.primereact.organizationchart = (function (exports, React, api, componentbase, hooks, utils, chevrondown, chevronup) {
+  'use strict';
+
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
+        }
+      });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+  }
+
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+  function _arrayLikeToArray(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+
+  function _arrayWithoutHoles(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray(r);
+  }
+
+  function _iterableToArray(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+  }
+
+  function _unsupportedIterableToArray(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+    }
+  }
+
+  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(r) {
+    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+  }
+
+  var styles = "\n@layer primereact {\n    .p-organizationchart-table {\n        border-spacing: 0;\n        border-collapse: separate;\n        margin: 0 auto;\n    }\n    \n    .p-organizationchart-table > tbody > tr > td {\n        text-align: center;\n        vertical-align: top;\n        padding: 0 .75rem;\n    }\n    \n    .p-organizationchart-node-content {\n        display: inline-block;\n        position: relative;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler {\n        position: absolute;\n        bottom: -.75rem;\n        margin-left: -.75rem;\n        z-index: 2;\n        left: 50%;\n        user-select: none;\n        cursor: pointer;\n        width: 1.5rem;\n        height: 1.5rem;\n        text-decoration: none;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n        position: relative;\n        top: .25rem;\n    }\n    \n    .p-organizationchart-line-down {\n        margin: 0 auto;\n        height: 20px;\n        width: 1px;\n    }\n    \n    .p-organizationchart-line-right {\n        border-radius: 0px;\n    }\n    \n     .p-organizationchart-line-left {\n        border-radius: 0;\n    }\n    \n    .p-organizationchart-selectable-node {\n        cursor: pointer;\n    }\n}\n";
+  var classes = {
+    root: 'p-organizationchart p-component',
+    table: 'p-organizationchart-table',
+    node: function node(_ref) {
+      var props = _ref.nodeProps,
+        _node = _ref.node,
+        selected = _ref.selected;
+      return utils.classNames('p-organizationchart-node-content', {
+        'p-organizationchart-selectable-node': props.selectionMode && _node.selectable !== false,
+        'p-highlight': selected
+      }, _node.className);
+    },
+    nodes: 'p-organizationchart-nodes',
+    lines: 'p-organizationchart-lines',
+    lineLeft: function lineLeft(_ref2) {
+      var index = _ref2.index;
+      return utils.classNames('p-organizationchart-line-left', {
+        'p-organizationchart-line-top': index !== 0
+      });
+    },
+    lineRight: function lineRight(_ref3) {
+      var index = _ref3.index,
+        nodeChildLength = _ref3.nodeChildLength;
+      return utils.classNames('p-organizationchart-line-right', {
+        'p-organizationchart-line-top': index !== nodeChildLength - 1
+      });
+    },
+    lineDown: 'p-organizationchart-line-down',
+    nodeTogglerIcon: 'p-node-toggler-icon',
+    nodeToggler: 'p-node-toggler'
+  };
+  var OrganizationChartBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'OrganizationChart',
+      id: null,
+      value: null,
+      style: null,
+      className: null,
+      selectionMode: null,
+      selection: null,
+      nodeTemplate: null,
+      onSelectionChange: null,
+      onNodeSelect: null,
+      onNodeUnselect: null,
+      togglerIcon: null,
+      children: undefined
+    },
+    css: {
+      classes: classes,
+      styles: styles
+    }
+  });
+
+  function _extends() {
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      }
+      return n;
+    }, _extends.apply(null, arguments);
+  }
+
+  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 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 toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == _typeof(i) ? i : i + "";
+  }
+
+  function _defineProperty(e, r, t) {
+    return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
+  }
+
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
+  }
+
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+  }
+
+  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; }
+  var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props) {
+    var mergeProps = hooks.useMergeProps();
+    var node = props.node;
+    var _React$useState = React__namespace.useState(node.expanded),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      expandedState = _React$useState2[0],
+      setExpandedState = _React$useState2[1];
+    var leaf = node.leaf === false ? false : !(node.children && node.children.length);
+    var colspan = node.children && node.children.length ? node.children.length * 2 : null;
+    var selected = props.isSelected(node);
+    var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
+    var ptm = props.ptm,
+      cx = props.cx,
+      sx = props.sx;
+    var _ptm = function _ptm(key, options) {
+      return ptm(key, _objectSpread({
+        hostName: props.hostName
+      }, options));
+    };
+    var getPTOptions = function getPTOptions(key) {
+      return _ptm(key, {
+        state: {
+          expanded: expandedState
+        },
+        context: {
+          selected: props.isSelected(node)
+        }
+      });
+    };
+    var getNodePTOptions = function getNodePTOptions(lineTop, key) {
+      return _ptm(key, {
+        context: {
+          lineTop: lineTop
+        }
+      });
+    };
+    var onNodeClick = function onNodeClick(event, node) {
+      props.onNodeClick(event, node);
+    };
+    var toggleNode = function toggleNode(event, node) {
+      setExpandedState(function (prevExpanded) {
+        return !prevExpanded;
+      });
+      event.preventDefault();
+    };
+    var _onKeyDown = function onKeyDown(event, node) {
+      if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
+        toggleNode(event);
+        event.preventDefault();
+      }
+    };
+    var createChildNodes = function createChildNodes() {
+      var nodesProps = mergeProps({
+        className: cx('nodes'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('nodes'));
+      var nodeCellProps = mergeProps({
+        colSpan: '2'
+      }, _ptm('nodeCell'));
+      return /*#__PURE__*/React__namespace.createElement("tr", nodesProps, node.children && node.children.map(function (child, index) {
+        return /*#__PURE__*/React__namespace.createElement("td", _extends({
+          key: index
+        }, nodeCellProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
+          node: child,
+          nodeTemplate: props.nodeTemplate,
+          selectionMode: props.selectionMode,
+          onNodeClick: props.onNodeClick,
+          isSelected: props.isSelected,
+          togglerIcon: props.togglerIcon,
+          ptm: ptm,
+          cx: cx,
+          sx: sx
+        }));
+      }));
+    };
+    var createLinesMiddle = function createLinesMiddle() {
+      var nodeChildLength = node.children && node.children.length;
+      var linesProps = mergeProps({
+        className: cx('lines'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('lines'));
+      var lineCellProps = mergeProps({
+        colSpan: colspan
+      }, _ptm('lineCell'));
+      var lineDownProps = mergeProps({
+        className: cx('lineDown')
+      }, _ptm('lineDown'));
+      return /*#__PURE__*/React__namespace.createElement("tr", linesProps, node.children && node.children.length === 1 && /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)), node.children && node.children.length > 1 && node.children.map(function (_, index) {
+        var lineLeftProps = mergeProps({
+          className: cx('lineLeft', {
+            index: index
+          })
+        }, getNodePTOptions(index !== 0, 'lineLeft'));
+        var lineRightProps = mergeProps({
+          className: cx('lineRight', {
+            index: index,
+            nodeChildLength: nodeChildLength
+          })
+        }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
+        return [/*#__PURE__*/React__namespace.createElement("td", _extends({
+          key: index + '_lineleft'
+        }, lineLeftProps), "\xA0"), /*#__PURE__*/React__namespace.createElement("td", _extends({
+          key: index + '_lineright'
+        }, lineRightProps), "\xA0")];
+      }));
+    };
+    var createLinesDown = function createLinesDown() {
+      var linesProps = mergeProps({
+        className: cx('lines'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('lines'));
+      var lineCellProps = mergeProps({
+        colSpan: colspan
+      }, _ptm('lineCell'));
+      var lineDownProps = mergeProps({
+        className: cx('lineDown')
+      }, _ptm('lineDown'));
+      return /*#__PURE__*/React__namespace.createElement("tr", linesProps, /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
+    };
+    var createToggler = function createToggler() {
+      if (!leaf) {
+        var nodeTogglerIconProps = mergeProps({
+          className: cx('nodeTogglerIcon')
+        }, _ptm('nodeTogglerIcon'));
+        var icon;
+        if (expandedState) {
+          icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, nodeTogglerIconProps);
+        } else {
+          icon = props.togglerIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, nodeTogglerIconProps);
+        }
+        var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nodeTogglerIconProps), {
+          props: props
+        });
+        var nodeTogglerProps = mergeProps({
+          className: cx('nodeToggler'),
+          tabIndex: 0,
+          onKeyDown: function onKeyDown(e) {
+            return _onKeyDown(e);
+          },
+          onClick: function onClick(e) {
+            return toggleNode(e);
+          },
+          href: '#'
+        }, getPTOptions('nodeToggler'));
+        return /*#__PURE__*/ /* eslint-disable */React__namespace.createElement("a", nodeTogglerProps, /*#__PURE__*/React__namespace.createElement("i", null, " ", togglerIcon, " "))
+        /* eslint-enable */;
+      }
+      return null;
+    };
+    var createNodeLabel = function createNodeLabel() {
+      var label = props.nodeTemplate && utils.ObjectUtils.getJSXElement(props.nodeTemplate, node) || node.label;
+      return /*#__PURE__*/React__namespace.createElement("div", null, label);
+    };
+    var createNodeContent = function createNodeContent() {
+      var label = createNodeLabel();
+      var toggler = createToggler();
+      var cellProps = mergeProps({
+        colSpan: colspan
+      }, _ptm('cell'));
+      var nodeProps = mergeProps({
+        className: cx('node', {
+          selected: selected,
+          node: node,
+          nodeProps: props
+        }),
+        style: node.style,
+        onClick: function onClick(e) {
+          return onNodeClick(e, node);
+        }
+      }, getPTOptions('node'));
+      var rowProps = mergeProps(_ptm('row'));
+      return /*#__PURE__*/React__namespace.createElement("tr", rowProps, /*#__PURE__*/React__namespace.createElement("td", cellProps, /*#__PURE__*/React__namespace.createElement("div", nodeProps, label, toggler)));
+    };
+    var nodeContent = createNodeContent();
+    var linesDown = createLinesDown();
+    var linesMiddle = createLinesMiddle();
+    var childNodes = createChildNodes();
+    var tableProps = mergeProps({
+      className: cx('table')
+    }, _ptm('table'));
+    return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+  });
+  OrganizationChartNode.displayName = 'OrganizationChartNode';
+
+  var OrganizationChart = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = OrganizationChartBase.getProps(inProps, context);
+    var _OrganizationChartBas = OrganizationChartBase.setMetaData({
+        props: props
+      }),
+      ptm = _OrganizationChartBas.ptm,
+      cx = _OrganizationChartBas.cx,
+      sx = _OrganizationChartBas.sx,
+      isUnstyled = _OrganizationChartBas.isUnstyled;
+    componentbase.useHandleStyle(OrganizationChartBase.css.styles, isUnstyled, {
+      name: 'orgchart'
+    });
+    var elementRef = React__namespace.useRef(null);
+    var root = props.value && props.value.length ? props.value[0] : null;
+    var onNodeClick = function onNodeClick(event, node) {
+      if (props.selectionMode) {
+        var target = event.target;
+        if (node.selectable === false || utils.DomHandler.hasClass(target, 'p-node-toggler') || utils.DomHandler.hasClass(target, 'p-node-toggler-icon')) {
+          return;
+        }
+        var index = findIndexInSelection(node);
+        var selected = index >= 0;
+        var selection;
+        if (props.selectionMode === 'single') {
+          if (selected) {
+            selection = null;
+            props.onNodeUnselect && props.onNodeUnselect({
+              originalEvent: event,
+              node: node
+            });
+          } else {
+            selection = node;
+            props.onNodeSelect && props.onNodeSelect({
+              originalEvent: event,
+              node: node
+            });
+          }
+        } else if (props.selectionMode === 'multiple') {
+          if (selected) {
+            selection = props.selection.filter(function (_, i) {
+              return i !== index;
+            });
+            props.onNodeUnselect && props.onNodeUnselect({
+              originalEvent: event,
+              node: node
+            });
+          } else {
+            selection = [].concat(_toConsumableArray(props.selection || []), [node]);
+            props.onNodeSelect && props.onNodeSelect({
+              originalEvent: event,
+              node: node
+            });
+          }
+        }
+        if (props.onSelectionChange) {
+          props.onSelectionChange({
+            originalEvent: event,
+            data: selection
+          });
+        }
+      }
+    };
+    var findIndexInSelection = function findIndexInSelection(node) {
+      if (props.selectionMode && props.selection) {
+        if (props.selectionMode === 'single') {
+          return props.selection === node ? 0 : -1;
+        } else if (props.selectionMode === 'multiple') {
+          return props.selection.findIndex(function (selectedNode) {
+            return selectedNode === node;
+          });
+        }
+      }
+      return -1;
+    };
+    var isSelected = function isSelected(node) {
+      return findIndexInSelection(node) !== -1;
+    };
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
+    var rootProps = mergeProps({
+      id: props.id,
+      ref: elementRef,
+      style: props.style,
+      className: utils.classNames(props.className, cx('root'))
+    }, OrganizationChartBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
+      hostName: "OrganizationChart",
+      node: root,
+      nodeTemplate: props.nodeTemplate,
+      selectionMode: props.selectionMode,
+      onNodeClick: onNodeClick,
+      isSelected: isSelected,
+      togglerIcon: props.togglerIcon,
+      ptm: ptm,
+      cx: cx,
+      sx: sx
+    }));
+  }));
+  OrganizationChart.displayName = 'OrganizationChart';
+
+  exports.OrganizationChart = OrganizationChart;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+  return exports;
+
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils, primereact.icons.chevrondown, primereact.icons.chevronup);

node_modules/primereact/organizationchart/package.json

@@ -0,0 +1,7 @@
+{
+    "main": "./organizationchart.cjs.js",
+    "module": "./organizationchart.esm.js",
+    "unpkg": "./organizationchart.min.js",
+    "types": "./organizationchart.d.ts",
+    "sideEffects": false
+}