@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/components/layout/dashboard/layouts/globalDashboard/globalDashboard.css

@@ -0,0 +1,113 @@
+/* Popovers */
+.globalDashboard {
+  min-height: 100vh;
+  max-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+.globalDashboard .sidePanelPosition_left,
+.globalDashboard .sidePanelPosition_right {
+  top: calc(var(--mainHeaderHeight) + 1px);
+}
+.globalDashboard .mainContainer {
+  display: flex;
+  flex: 1;
+}
+.globalDashboard .mainContainer.withRightToolbar #dashboardRightPanel {
+  margin-right: 45px;
+}
+.globalDashboard .mainContainer.withRightToolbar .mainHeader {
+  width: calc(100% - 45px);
+}
+.globalDashboard .mainContainer.withRightToolbar main {
+  margin-right: 45px;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel {
+  z-index: 20;
+  background: var(--globalDashboardLeftPanelBg, #f6f8fa);
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent section.leftPanelContent {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent section.leftPanelContent > div {
+  flex: 1;
+  max-height: 100%;
+  overflow-y: auto;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent section.leftPanelContent > div.allowOverflow {
+  overflow: visible;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent section.leftPanelContent footer {
+  box-sizing: border-box;
+  position: absolute;
+  left: 20px;
+  right: 20px;
+  bottom: 0;
+  border-top: var(--globalDashboardLeftDivider, 1px solid #d3dee4);
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent section.leftPanelContent footer .versionText {
+  font-size: 11px;
+  line-height: 30px;
+  text-align: right;
+  width: 100%;
+  display: block;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelClose {
+  background: inherit;
+}
+.globalDashboard .mainContainer #dashboardToolbar {
+  top: 0;
+  z-index: 20;
+}
+.globalDashboard .mainContainer .mainHeader {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 12;
+  padding: 0;
+}
+.globalDashboard .mainContainer .mainHeader header {
+  width: 100%;
+}
+.globalDashboard .mainContainer .mainHeader header .ventureLogos {
+  min-width: var(--sidePanelSizeMedium);
+  white-space: nowrap;
+  padding-left: 20px;
+  box-sizing: border-box;
+}
+.globalDashboard .mainContainer .mainHeader header .search_Field {
+  width: 250px;
+}
+.globalDashboard .mainContainer main {
+  box-sizing: border-box;
+  border-top: calc(var(--mainHeaderHeight) + 1px) solid transparent;
+  min-height: calc(100vh - var(--mainHeaderHeight));
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  transition: padding 0.3s ease;
+}
+.globalDashboard .mainContainer main.shifted {
+  margin-left: 0; /* Adjust the margin when the side panel is open */
+}
+.globalDashboard .mainContainer main h2,
+.globalDashboard .mainContainer main h3 {
+  margin-bottom: 20px;
+}
+.globalDashboard .mainContainer main .cardsGrid {
+  display: flex;
+  flex-direction: row;
+  column-gap: 20px;
+  align-items: center;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: wrap;
+}

package/dist/cjs/components/layout/footers/reports/ReportFooter.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReportFooter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../constants");
+var _helpers = require("../../../../helpers");
+require("./reportFooter.css");
+const ReportFooter = ({
+  brand = 'x15Ventures',
+  date = new Date(),
+  classification = 'CONFIDENTIAL'
+}) => {
+  const ventureDefinition = _constants.VENTURES[brand];
+  return /*#__PURE__*/_react.default.createElement("footer", {
+    className: "reportFooter"
+  }, ventureDefinition.logo.icon, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "noBullet reportFooterDetails"
+  }, /*#__PURE__*/_react.default.createElement("li", null, ventureDefinition.name), /*#__PURE__*/_react.default.createElement("li", null, (0, _helpers.dateToShortReadableDate)(date)), /*#__PURE__*/_react.default.createElement("li", null, _constants.DATA_CLASSIFICATIONS[classification].label)));
+};
+exports.ReportFooter = ReportFooter;
+//# sourceMappingURL=ReportFooter.js.map

package/dist/cjs/components/layout/footers/reports/ReportFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportFooter.js","names":["_react","_interopRequireDefault","require","_constants","_helpers","ReportFooter","brand","date","Date","classification","ventureDefinition","VENTURES","default","createElement","className","logo","icon","name","dateToShortReadableDate","DATA_CLASSIFICATIONS","label","exports"],"sources":["../../../../../../src/components/layout/footers/reports/ReportFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { DATA_CLASSIFICATIONS, VENTURES } from '../../../../constants';\nimport { dateToShortReadableDate } from '../../../../helpers';\n\nimport './reportFooter.scss';\n\nexport interface ReportFooterProps {\n  brand?: string;\n  date?: string;\n  classification?: 'PUBLIC' | 'GROUP' | 'CONFIDENTIAL' | 'CUSTOMER_PERSONAL' | 'HIGHLY_PROTECTED';\n}\n\nexport const ReportFooter: React.FC<ReportFooterProps> = (\n  {\n    brand = 'x15Ventures',\n    date = new Date(),\n    classification = 'CONFIDENTIAL'\n  }\n) => {\n  const ventureDefinition = VENTURES[brand];\n\n  return (\n    <footer className=\"reportFooter\">\n      { ventureDefinition.logo.icon }\n      <ul className=\"noBullet reportFooterDetails\">\n        <li>{ ventureDefinition.name }</li>\n        <li>{ dateToShortReadableDate(date) }</li>\n        <li>{ DATA_CLASSIFICATIONS[classification].label }</li>\n      </ul>\n    </footer>\n  );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEAA,OAAA;AAQO,MAAMG,YAAyC,GAAGA,CACvD;EACEC,KAAK,GAAG,aAAa;EACrBC,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;EACjBC,cAAc,GAAG;AACnB,CAAC,KACE;EACH,MAAMC,iBAAiB,GAAGC,mBAAQ,CAACL,KAAK,CAAC;EAEzC,oBACEN,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAQC,SAAS,EAAC;EAAc,GAC5BJ,iBAAiB,CAACK,IAAI,CAACC,IAAI,eAC7BhB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAA8B,gBAC1Cd,MAAA,CAAAY,OAAA,CAAAC,aAAA,aAAMH,iBAAiB,CAACO,IAAU,CAAC,eACnCjB,MAAA,CAAAY,OAAA,CAAAC,aAAA,aAAM,IAAAK,gCAAuB,EAACX,IAAI,CAAO,CAAC,eAC1CP,MAAA,CAAAY,OAAA,CAAAC,aAAA,aAAMM,+BAAoB,CAACV,cAAc,CAAC,CAACW,KAAW,CACpD,CACE,CAAC;AAEb,CAAC;AAACC,OAAA,CAAAhB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/components/layout/footers/reports/reportFooter.css

@@ -0,0 +1,38 @@
+/* Popovers */
+footer.reportFooter {
+  margin: 20px 0 0;
+  padding: 10px 0 0;
+  display: flex;
+  flex-direction: row;
+  column-gap: 20px;
+  align-items: center;
+  justify-content: flex-start;
+  border-top: var(--searchPanelDivider);
+  font-size: 13px;
+}
+footer.reportFooter .icon {
+  font-size: 30px;
+}
+footer.reportFooter svg {
+  width: 30px;
+}
+footer.reportFooter .reportFooterDetails {
+  display: flex;
+  flex-direction: row;
+  column-gap: 20px;
+  align-items: center;
+  justify-content: space-between;
+  flex: 1;
+}
+footer.reportFooter .reportFooterDetails li {
+  flex: 1;
+  border-left: var(--searchPanelDivider);
+  text-align: center;
+}
+footer.reportFooter .reportFooterDetails li:first-child {
+  text-align: left;
+  border-left: none;
+}
+footer.reportFooter .reportFooterDetails li:last-of-type {
+  text-align: right;
+}

package/dist/cjs/components/layout/mainHeader/MainHeader.js

@@ -0,0 +1,69 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MainHeader = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _VentureLogo = require("../../design/logos/VentureLogo");
+var _FormField = require("../../form/formFields/formFieldWrapper/FormField");
+require("./mainHeader.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MainHeader = ({
+  children,
+  logos,
+  pageTitleText,
+  customCssClass,
+  headerShouldPin = true,
+  search,
+  rightContent = null
+}) => {
+  const mainHeader = (0, _react.useRef)(null);
+  const [isPinned, setIsPinned] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if (headerShouldPin && mainHeader.current) {
+      const pinAmount = mainHeader.current.offsetHeight;
+      window.addEventListener('scroll', event => {
+        // @ts-ignore
+        const scrollAmount = event?.currentTarget?.scrollY;
+        if (scrollAmount > pinAmount) {
+          setIsPinned(true);
+          document.body.classList.add('pinnedHeader');
+        } else {
+          setIsPinned(false);
+          document.body.classList.remove('pinnedHeader');
+        }
+      });
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: mainHeader,
+    className: `mainHeader 
+        ${customCssClass || ''} 
+        ${isPinned ? 'isPinned' : ''}`
+  }, /*#__PURE__*/_react.default.createElement("header", null, /*#__PURE__*/_react.default.createElement("section", {
+    className: "ventureLogos"
+  }, logos && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, logos.map(logo => /*#__PURE__*/_react.default.createElement(_VentureLogo.VentureLogo, (0, _extends2.default)({
+    key: `mainHeaderLogo_${logo.ventureKey}`
+  }, logo))))), /*#__PURE__*/_react.default.createElement("section", {
+    className: "mainHeaderContent"
+  }, pageTitleText && /*#__PURE__*/_react.default.createElement("h1", null, pageTitleText), children, search && /*#__PURE__*/_react.default.createElement(_FormField.FormField, {
+    label: {
+      text: 'Demo label 2',
+      hide: true
+    },
+    field: {
+      type: 'search',
+      id: 'demo2',
+      name: 'demo2'
+    }
+  })), rightContent && /*#__PURE__*/_react.default.createElement("section", {
+    className: "mainHeaderRightContent"
+  }, rightContent)));
+};
+exports.MainHeader = MainHeader;
+var _default = exports.default = MainHeader;
+//# sourceMappingURL=MainHeader.js.map

package/dist/cjs/components/layout/mainHeader/MainHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainHeader.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","MainHeader","_extends2","_react","_interopRequireWildcard","_VentureLogo","_FormField","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","children","logos","pageTitleText","customCssClass","headerShouldPin","search","rightContent","mainHeader","useRef","isPinned","setIsPinned","useState","useEffect","current","pinAmount","offsetHeight","window","addEventListener","event","scrollAmount","currentTarget","scrollY","document","body","classList","add","remove","createElement","ref","className","Fragment","map","logo","VentureLogo","key","ventureKey","FormField","label","text","hide","field","type","id","name","_default"],"sources":["../../../../../src/components/layout/mainHeader/MainHeader.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n  ReactElement, ReactNode, useEffect, useRef, useState\n} from 'react';\nimport { VentureLogo, VentureLogoProps } from '../../design/logos/VentureLogo';\nimport { GenericFunction } from '../../../interfaces';\nimport { FormField } from '../../form/formFields/formFieldWrapper/FormField';\n\nimport './mainHeader.scss';\n\nexport interface MainHeaderProps {\n  children?: ReactNode | ReactElement;\n  logos: VentureLogoProps[];\n  pageTitleText?: string;\n  customCssClass?: string;\n  headerShouldPin?: boolean;\n  search?: {\n    label: string;\n    id: string;\n    onSearch: GenericFunction;\n  };\n  rightContent?: ReactNode | ReactElement;\n}\n\nexport const MainHeader: React.FC<MainHeaderProps> = (\n  {\n    children,\n    logos,\n    pageTitleText,\n    customCssClass,\n    headerShouldPin = true,\n    search,\n    rightContent = null\n  }\n) => {\n  const mainHeader = useRef<HTMLDivElement>(null);\n  const [isPinned, setIsPinned] = useState(false);\n\n  useEffect(() => {\n    if (headerShouldPin && mainHeader.current) {\n      const pinAmount = mainHeader.current.offsetHeight;\n\n      window.addEventListener('scroll', (event: Event) => {\n         \n        // @ts-ignore\n        const scrollAmount = event?.currentTarget?.scrollY;\n        if (scrollAmount > pinAmount) {\n          setIsPinned(true);\n          document.body.classList.add('pinnedHeader');\n        } else {\n          setIsPinned(false);\n          document.body.classList.remove('pinnedHeader');\n        }\n      });\n    }\n  });\n\n  return (\n    <div\n      ref={ mainHeader }\n      className={\n        `mainHeader \n        ${ customCssClass || '' } \n        ${ isPinned ? 'isPinned' : '' }`\n      }\n    >\n      <header>\n        <section className=\"ventureLogos\">\n          { logos\n            && (\n              <>\n                {\n                  logos.map((logo) => (\n                    <VentureLogo key={ `mainHeaderLogo_${ logo.ventureKey }` } { ...logo } />\n                  ))\n                }\n              </>\n            ) }\n        </section>\n\n        <section className=\"mainHeaderContent\">\n          {\n            pageTitleText\n            && <h1>{ pageTitleText }</h1>\n          }\n\n          { children }\n\n          {\n            search\n            && (\n              <FormField\n                {\n                  ...{\n                    label: {\n                      text: 'Demo label 2',\n                      hide: true\n                    },\n                    field: {\n                      type: 'search',\n                      id: 'demo2',\n                      name: 'demo2'\n                    }\n                  }\n                }\n              />\n            )\n          }\n        </section>\n\n        { rightContent\n            && (\n              <section className=\"mainHeaderRightContent\">\n                { rightContent }\n              </section>\n            ) }\n      </header>\n    </div>\n  );\n};\n\nexport default MainHeader;\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,UAAA;AAAA,IAAAC,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AAEb,IAAAQ,MAAA,GAAAC,uBAAA,CAAAT,OAAA;AAGA,IAAAU,YAAA,GAAAV,OAAA;AAEA,IAAAW,UAAA,GAAAX,OAAA;AAEAA,OAAA;AAA2B,SAAAS,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAhB,OAAA,EAAAO,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAI,GAAA,CAAAV,CAAA,UAAAM,CAAA,CAAAK,GAAA,CAAAX,CAAA,GAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAjB,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAA0B,wBAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAgBpB,MAAMP,UAAqC,GAAGA,CACnD;EACEsB,QAAQ;EACRC,KAAK;EACLC,aAAa;EACbC,cAAc;EACdC,eAAe,GAAG,IAAI;EACtBC,MAAM;EACNC,YAAY,GAAG;AACjB,CAAC,KACE;EACH,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC/C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE/C,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIR,eAAe,IAAIG,UAAU,CAACM,OAAO,EAAE;MACzC,MAAMC,SAAS,GAAGP,UAAU,CAACM,OAAO,CAACE,YAAY;MAEjDC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAGC,KAAY,IAAK;QAElD;QACA,MAAMC,YAAY,GAAGD,KAAK,EAAEE,aAAa,EAAEC,OAAO;QAClD,IAAIF,YAAY,GAAGL,SAAS,EAAE;UAC5BJ,WAAW,CAAC,IAAI,CAAC;UACjBY,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,cAAc,CAAC;QAC7C,CAAC,MAAM;UACLf,WAAW,CAAC,KAAK,CAAC;UAClBY,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,cAAc,CAAC;QAChD;MACF,CAAC,CAAC;IACJ;EACF,CAAC,CAAC;EAEF,oBACE9C,MAAA,CAAAH,OAAA,CAAAkD,aAAA;IACEC,GAAG,EAAGrB,UAAY;IAClBsB,SAAS,EACP;AACR,UAAW1B,cAAc,IAAI,EAAE;AAC/B,UAAWM,QAAQ,GAAG,UAAU,GAAG,EAAE;EAC9B,gBAED7B,MAAA,CAAAH,OAAA,CAAAkD,aAAA,8BACE/C,MAAA,CAAAH,OAAA,CAAAkD,aAAA;IAASE,SAAS,EAAC;EAAc,GAC7B5B,KAAK,iBAEHrB,MAAA,CAAAH,OAAA,CAAAkD,aAAA,CAAA/C,MAAA,CAAAH,OAAA,CAAAqD,QAAA,QAEI7B,KAAK,CAAC8B,GAAG,CAAEC,IAAI,iBACbpD,MAAA,CAAAH,OAAA,CAAAkD,aAAA,CAAC7C,YAAA,CAAAmD,WAAW,MAAAtD,SAAA,CAAAF,OAAA;IAACyD,GAAG,EAAG,kBAAmBF,IAAI,CAACG,UAAU;EAAK,GAAMH,IAAI,CAAI,CACzE,CAEH,CAEC,CAAC,eAEVpD,MAAA,CAAAH,OAAA,CAAAkD,aAAA;IAASE,SAAS,EAAC;EAAmB,GAElC3B,aAAa,iBACVtB,MAAA,CAAAH,OAAA,CAAAkD,aAAA,aAAMzB,aAAmB,CAAC,EAG7BF,QAAQ,EAGRK,MAAM,iBAEJzB,MAAA,CAAAH,OAAA,CAAAkD,aAAA,CAAC5C,UAAA,CAAAqD,SAAS;IAGJC,KAAK,EAAE;MACLC,IAAI,EAAE,cAAc;MACpBC,IAAI,EAAE;IACR,CAAC;IACDC,KAAK,EAAE;MACLC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,OAAO;MACXC,IAAI,EAAE;IACR;EAAC,CAGN,CAGE,CAAC,EAERrC,YAAY,iBAER1B,MAAA,CAAAH,OAAA,CAAAkD,aAAA;IAASE,SAAS,EAAC;EAAwB,GACvCvB,YACK,CAET,CACL,CAAC;AAEV,CAAC;AAAC/B,OAAA,CAAAG,UAAA,GAAAA,UAAA;AAAA,IAAAkE,QAAA,GAAArE,OAAA,CAAAE,OAAA,GAEaC,UAAU","ignoreList":[]}

package/dist/cjs/components/layout/mainHeader/mainHeader.css

@@ -0,0 +1,78 @@
+/* Popovers */
+.mainHeader {
+  background: var(--mainHeaderBg, #f6f8fa);
+  color: var(--mainHeaderFgColor, #24282b);
+  padding: var(--mainHeaderPadding, 0 20px);
+  border: var(--mainHeaderBorder, none);
+  border-bottom: var(--mainHeaderBorderBottom, 1px solid #e5ebef);
+  box-shadow: var(--mainHeaderBoxShadow, 0 3px 5px 0 #f6f8fa);
+  height: var(--mainHeaderHeight, 60px);
+}
+.mainHeader header {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+}
+.mainHeader header > section {
+  display: inline-flex;
+  justify-content: left;
+}
+.mainHeader header .mainHeaderContent {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+  flex: 1;
+}
+.mainHeader header .mainHeaderRightContent {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+  justify-content: right;
+  padding-right: 5px;
+}
+.mainHeader header .ventureLogos {
+  display: flex;
+  flex-direction: row;
+  column-gap: 20px;
+  align-items: center;
+  justify-content: flex-start;
+  margin-right: 20px;
+}
+.mainHeader header .ventureLogos .ventureLogo {
+  background: none;
+  max-height: var(--mainHeaderHeight, 60px);
+}
+.mainHeader header .ventureLogos .ventureLogo svg {
+  height: 30px;
+  padding-bottom: 3px;
+  max-height: var(--mainHeaderHeight, 60px);
+  width: auto;
+}
+.mainHeader header .ventureLogos .ventureLogo.x15VenturesLogo svg {
+  height: 24px;
+}
+.mainHeader header .ventureLogos .ventureLogo.xGraphLogo svg {
+  height: 30px;
+  padding-top: 3px;
+  padding-bottom: 0;
+}
+.mainHeader header .ventureLogos .ventureLogo.truyuLogo svg {
+  height: 40px;
+  padding-bottom: 0;
+}
+.mainHeader header .ventureLogos .ventureLogo.homeInLogo svg {
+  height: 40px;
+  padding-bottom: 0;
+}
+.mainHeader header label {
+  padding-bottom: 0;
+}
+.mainHeader header .popupMenu {
+  display: inline-flex;
+}

package/dist/cjs/components/navigation/bubbleNavigator/BubbleNavigator.js

@@ -0,0 +1,94 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BubbleNavigator = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _BubbleBranch = require("./bubbleBranch/BubbleBranch");
+var _bubblesReducer = require("./bubblesReducer");
+var _BubbleNavigatorFilter = require("./bubbleNavigatorFilter/BubbleNavigatorFilter");
+var _BubbleNavigatorContext = require("./bubbleNavigatorContext/BubbleNavigatorContext");
+require("./bubbleNavigator.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/*
+  Receives the full json tree
+  Includes a sophisticated filtering capability
+  Creates a filtered tree
+  Sends filtered tree to the BubbleTree renderer
+ */
+
+const BubbleNavigator = ({
+  bubblesData,
+  filters = []
+}) => {
+  const [state, dispatch] = (0, _react.useReducer)(_bubblesReducer.BubbleNavigatorReducer, _bubblesReducer.InitialBubbleState, () => _bubblesReducer.InitialBubbleState);
+  const HandleFilterChange = newFilterState => {
+    dispatch({
+      type: 'applyFilters',
+      filters: newFilterState
+    });
+  };
+  const HandleBubbleNavigation = ({
+    path,
+    childItem,
+    parentItem
+  }) => {
+    if (parentItem) {
+      if (path.length === 1) {
+        // Return to root level
+        dispatch({
+          type: 'drillUp',
+          parentItem: state.filteredData
+        });
+      } else {
+        dispatch({
+          type: 'drillUp',
+          parentItem
+        });
+      }
+    } else if (childItem?.childItems.length === 0) {
+      // TODO:
+      console.log('This would navigate to url', childItem.url);
+    } else {
+      dispatch({
+        type: 'drillDown',
+        childItem
+      });
+    }
+  };
+  (0, _react.useEffect)(() => {
+    if (!state.initialised) {
+      dispatch({
+        type: 'init',
+        bubblesData,
+        filters
+      });
+    }
+  }, [filters, bubblesData, state.initialised]);
+  const isRootLevel = Array.isArray(state.activeItem);
+  const numBubbles = isRootLevel ? state.filteredData?.length : Object.values(state.activeItem).length;
+  const navigatorCssClass = `bubbleNavigator mainBubbleCount_${numBubbles}`;
+  const filterOptions = ['label', 'description', 'status'];
+  return /*#__PURE__*/_react.default.createElement(_BubbleNavigatorContext.BubbleNavigatorContextProvider, {
+    bubblesData: bubblesData
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: navigatorCssClass
+  }, /*#__PURE__*/_react.default.createElement(_BubbleNavigatorFilter.BubbleNavigatorFilter, {
+    filterOptions,
+    filters: state.activeFilters,
+    onFilterChange: HandleFilterChange
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "bubbleTree"
+  }, isRootLevel ? state.filteredData && state.filteredData.map(childItem => /*#__PURE__*/_react.default.createElement(_BubbleBranch.BubbleBranch, {
+    key: childItem.id,
+    childItem: childItem,
+    handleBubbleClick: HandleBubbleNavigation
+  })) : state.activeItem && /*#__PURE__*/_react.default.createElement(_BubbleBranch.BubbleBranch, {
+    childItem: state.activeItem,
+    handleBubbleClick: HandleBubbleNavigation
+  }))));
+};
+exports.BubbleNavigator = BubbleNavigator;
+//# sourceMappingURL=BubbleNavigator.js.map

package/dist/cjs/components/navigation/bubbleNavigator/BubbleNavigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleNavigator.js","names":["Object","defineProperty","exports","value","BubbleNavigator","_react","_interopRequireWildcard","require","_BubbleBranch","_bubblesReducer","_BubbleNavigatorFilter","_BubbleNavigatorContext","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","bubblesData","filters","state","dispatch","useReducer","BubbleNavigatorReducer","InitialBubbleState","HandleFilterChange","newFilterState","type","HandleBubbleNavigation","path","childItem","parentItem","length","filteredData","childItems","console","log","url","useEffect","initialised","isRootLevel","Array","isArray","activeItem","numBubbles","values","navigatorCssClass","filterOptions","createElement","BubbleNavigatorContextProvider","className","BubbleNavigatorFilter","activeFilters","onFilterChange","map","BubbleBranch","key","id","handleBubbleClick"],"sources":["../../../../../src/components/navigation/bubbleNavigator/BubbleNavigator.tsx"],"sourcesContent":["'use client';\n\n \n\nimport React, { useEffect, useReducer } from 'react';\nimport { BubbleFilter, BubbleItem, BubbleNavigatorProps } from './bubbleNavigator.interface';\nimport { BubbleBranch } from './bubbleBranch/BubbleBranch';\nimport { BubbleNavigatorReducer, InitialBubbleState } from './bubblesReducer';\nimport { JSONObject } from '../../../interfaces/generic.interface';\nimport { BubbleNavigatorFilter } from './bubbleNavigatorFilter/BubbleNavigatorFilter';\nimport { BubbleNavigatorContextProvider } from './bubbleNavigatorContext/BubbleNavigatorContext';\n\nimport './bubbleNavigator.scss';\n\n/*\n  Receives the full json tree\n  Includes a sophisticated filtering capability\n  Creates a filtered tree\n  Sends filtered tree to the BubbleTree renderer\n */\n\nexport const BubbleNavigator: React.FC<BubbleNavigatorProps> = (\n  {\n    bubblesData,\n    filters = []\n  }\n) => {\n  const [state, dispatch] = useReducer(BubbleNavigatorReducer, InitialBubbleState, () => InitialBubbleState);\n\n  const HandleFilterChange = (newFilterState: BubbleFilter[]) => {\n    dispatch({ type: 'applyFilters', filters: newFilterState });\n  };\n\n  const HandleBubbleNavigation = (\n    {\n      path,\n      childItem,\n      parentItem\n    }\n    :\n    {\n      path: number[],\n      parentItem?: BubbleItem | BubbleItem[],\n      childItem?: BubbleItem,\n    }\n  ) => {\n    if (parentItem) {\n      if (path.length === 1) {\n        // Return to root level\n        dispatch({ type: 'drillUp', parentItem: state.filteredData });\n      } else {\n        dispatch({ type: 'drillUp', parentItem });\n      }\n    } else if (childItem?.childItems.length === 0) {\n      // TODO:\n      console.log('This would navigate to url', childItem.url);\n    } else {\n      dispatch({ type: 'drillDown', childItem });\n    }\n  };\n\n  useEffect(() => {\n    if (!state.initialised) {\n      dispatch({ type: 'init', bubblesData, filters });\n    }\n  }, [filters, bubblesData, state.initialised]);\n\n  const isRootLevel = Array.isArray(state.activeItem);\n  const numBubbles = isRootLevel ? state.filteredData?.length : Object.values(state.activeItem as JSONObject).length;\n  const navigatorCssClass = `bubbleNavigator mainBubbleCount_${ numBubbles }`;\n  const filterOptions = ['label', 'description', 'status'];\n\n  return (\n    <BubbleNavigatorContextProvider bubblesData={ bubblesData }>\n      <div className={ navigatorCssClass }>\n        <BubbleNavigatorFilter { ...{ filterOptions, filters: state.activeFilters, onFilterChange: HandleFilterChange } } />\n\n        <div className=\"bubbleTree\">\n          {\n            isRootLevel\n              ? state.filteredData && state.filteredData.map((childItem) => (\n                <BubbleBranch\n                  key={ childItem.id }\n                  {\n                    ...{\n                      childItem: childItem as BubbleItem,\n                      handleBubbleClick: HandleBubbleNavigation\n                    }\n                  }\n                />\n              ))\n              : state.activeItem && (\n                <BubbleBranch\n                  {\n                    ...{\n                      childItem: state.activeItem as BubbleItem,\n                      handleBubbleClick: HandleBubbleNavigation\n                    }\n                  }\n                />\n              )\n          }\n        </div>\n      </div>\n    </BubbleNavigatorContextProvider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/navigation/bubbleNavigator/_bubbleNavigatorVariables.css

@@ -0,0 +1,14 @@
+:root {
+  --childBubbleFg: #fff;
+  --childBubbleBgGradient: radial-gradient(circle at 50% 35%, var(--childBubbleBgLightColor), var(--childBubbleBgDarkColor));
+  --childBubbleBgLightColor: #5cabff;
+  --childBubbleBgDarkColor: #000;
+  --childBubbleAnimation: glowBubble 10s ease infinite;
+  --childBubbleTextShadow: 1px 1px 3px #000;
+  --parentBubbleFg: #222;
+  --parentBubbleBgGradient: radial-gradient(circle at 50% 35%, var(--parentBubbleBgLightColor), var(--parentBubbleBgDarkColor));
+  --parentBubbleBgLightColor: #eee;
+  --parentBubbleBgDarkColor: #000;
+  --parentBubbleAnimation: animateBubble 10s ease infinite;
+  --parentBubbleTextShadow: 1px 1px 3px #fff;
+}

package/dist/cjs/components/navigation/bubbleNavigator/bubble/Bubble.js

@@ -0,0 +1,57 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Bubble = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icon = require("../../../design/icons/basicIcon/Icon");
+var _BubbleStatusSummary = require("../bubbleStatusSummary/BubbleStatusSummary");
+const Bubble = ({
+  childItem,
+  isParentBubble = false,
+  onBubbleClick
+}) => {
+  const {
+    name,
+    id,
+    label,
+    description,
+    path,
+    childItems
+  } = childItem;
+  const noDrillDown = childItems.length === 0;
+  const handleBubbleClick = () => {
+    if (onBubbleClick) {
+      onBubbleClick({
+        childItem,
+        path
+      });
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `bubble ${noDrillDown ? 'noDrillDown' : ''}`
+  }, isParentBubble ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "parentBubbleContent",
+    title: description,
+    id: `${name}_${path.join('_')}`
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "labelText"
+  }, label)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
+    title: description,
+    id: id,
+    type: "button",
+    onClick: handleBubbleClick,
+    className: "bubbleButton"
+  }, noDrillDown && /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: "externalLink"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "labelText"
+  }, label)), /*#__PURE__*/_react.default.createElement(_BubbleStatusSummary.BubbleStatusSummary, {
+    childItem: childItem
+  })));
+};
+exports.Bubble = Bubble;
+//# sourceMappingURL=Bubble.js.map

package/dist/cjs/components/navigation/bubbleNavigator/bubble/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","Bubble","_react","_Icon","_BubbleStatusSummary","childItem","isParentBubble","onBubbleClick","name","id","label","description","path","childItems","noDrillDown","length","handleBubbleClick","default","createElement","className","title","join","Fragment","type","onClick","Icon","icon","BubbleStatusSummary"],"sources":["../../../../../../src/components/navigation/bubbleNavigator/bubble/Bubble.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { GenericFunction } from '../../../../interfaces/generic.interface';\nimport { BubbleItem } from '../bubbleNavigator.interface';\nimport { Icon } from '../../../design/icons/basicIcon/Icon';\nimport { BubbleStatusSummary } from '../bubbleStatusSummary/BubbleStatusSummary';\n\ninterface BubbleProps {\n  childItem: BubbleItem;\n  isParentBubble?: boolean;\n  onBubbleClick?: GenericFunction;\n}\n\nexport const Bubble: React.FC<BubbleProps> = (\n  {\n    childItem,\n    isParentBubble = false,\n    onBubbleClick\n  }\n) => {\n  const {\n    name,\n    id,\n    label,\n    description,\n    path,\n    childItems\n  } = childItem;\n\n  const noDrillDown = childItems.length === 0;\n\n  const handleBubbleClick = () => {\n    if (onBubbleClick) {\n      onBubbleClick({\n        childItem,\n        path\n      });\n    }\n  };\n\n  return (\n    <div className={ `bubble ${ noDrillDown ? 'noDrillDown' : '' }` }>\n      {\n        isParentBubble\n          ? (\n            <div\n              className=\"parentBubbleContent\"\n              title={ description }\n              id={ `${ name }_${ path.join('_') }` }\n            >\n              <span className=\"labelText\">{ label }</span>\n            </div>\n          )\n          : (\n            <>\n              <button\n                title={ description }\n                id={ id }\n                type=\"button\"\n                onClick={ handleBubbleClick }\n                className=\"bubbleButton\"\n              >\n                {\n                  noDrillDown && <Icon icon=\"externalLink\" />\n                }\n                <span className=\"labelText\">{ label }</span>\n              </button>\n              <BubbleStatusSummary childItem={ childItem } />\n            </>\n          )\n      }\n    </div>\n  );\n};\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,MAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAGA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AAQO,MAAMK,MAA6B,GAAGA,CAC3C;EACEI,SAAS;EACTC,cAAc,GAAG,KAAK;EACtBC;AACF,CAAC,KACE;EACH,MAAM;IACJC,IAAI;IACJC,EAAE;IACFC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC;EACF,CAAC,GAAGR,SAAS;EAEb,MAAMS,WAAW,GAAGD,UAAU,CAACE,MAAM,KAAK,CAAC;EAE3C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAIT,aAAa,EAAE;MACjBA,aAAa,CAAC;QACZF,SAAS;QACTO;MACF,CAAC,CAAC;IACJ;EACF,CAAC;EAED,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAG,UAAWL,WAAW,GAAG,aAAa,GAAG,EAAE;EAAK,GAE7DR,cAAc,gBAEVJ,MAAA,CAAAe,OAAA,CAAAC,aAAA;IACEC,SAAS,EAAC,qBAAqB;IAC/BC,KAAK,EAAGT,WAAa;IACrBF,EAAE,EAAG,GAAID,IAAI,IAAMI,IAAI,CAACS,IAAI,CAAC,GAAG,CAAC;EAAK,gBAEtCnB,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAMC,SAAS,EAAC;EAAW,GAAGT,KAAa,CACxC,CAAC,gBAGNR,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAAhB,MAAA,CAAAe,OAAA,CAAAK,QAAA,qBACEpB,MAAA,CAAAe,OAAA,CAAAC,aAAA;IACEE,KAAK,EAAGT,WAAa;IACrBF,EAAE,EAAGA,EAAI;IACTc,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAGR,iBAAmB;IAC7BG,SAAS,EAAC;EAAc,GAGtBL,WAAW,iBAAIZ,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAsB,IAAI;IAACC,IAAI,EAAC;EAAc,CAAE,CAAC,eAE7CxB,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAMC,SAAS,EAAC;EAAW,GAAGT,KAAa,CACrC,CAAC,eACTR,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACd,oBAAA,CAAAuB,mBAAmB;IAACtB,SAAS,EAAGA;EAAW,CAAE,CAC9C,CAGL,CAAC;AAEV,CAAC;AAACN,OAAA,CAAAE,MAAA,GAAAA,MAAA","ignoreList":[]}

package/dist/cjs/components/navigation/bubbleNavigator/bubbleBranch/BubbleBranch.js

@@ -0,0 +1,53 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BubbleBranch = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Bubble = require("../bubble/Bubble");
+var _ParentReturnButton = require("../parentReturnButton/ParentReturnButton");
+var _BubbleNavigatorContext = require("../bubbleNavigatorContext/BubbleNavigatorContext");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Big bubble on the inside for full branch object.
+// Small bubbles on the outside representing the values.
+
+const BubbleBranch = ({
+  childItem,
+  handleBubbleClick
+}) => {
+  const bubbleNavigatorContext = (0, _react.useContext)(_BubbleNavigatorContext.BubbleNavigatorContext);
+  if (!bubbleNavigatorContext) {
+    return null;
+  }
+  const {
+    bubbleNavigatorContext: bubblesData
+  } = bubbleNavigatorContext;
+  const {
+    childItems
+  } = childItem;
+  const numChildren = childItems.length;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "bubbleBranch"
+  }, bubblesData && /*#__PURE__*/_react.default.createElement(_ParentReturnButton.ParentReturnButton, {
+    childItem,
+    onBubbleClick: handleBubbleClick
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "bubbleDiagram"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "parentBubble"
+  }, /*#__PURE__*/_react.default.createElement(_Bubble.Bubble, {
+    childItem,
+    isParentBubble: true,
+    onBubbleClick: handleBubbleClick
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: `childBubbles childBubbles_${numChildren}`
+  }, childItems.map(childBubble => /*#__PURE__*/_react.default.createElement(_Bubble.Bubble, {
+    key: childBubble.name,
+    childItem: childBubble,
+    onBubbleClick: handleBubbleClick
+  })))));
+};
+exports.BubbleBranch = BubbleBranch;
+//# sourceMappingURL=BubbleBranch.js.map

package/dist/cjs/components/navigation/bubbleNavigator/bubbleBranch/BubbleBranch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleBranch.js","names":["Object","defineProperty","exports","value","BubbleBranch","_react","_interopRequireWildcard","require","_Bubble","_ParentReturnButton","_BubbleNavigatorContext","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","childItem","handleBubbleClick","bubbleNavigatorContext","useContext","BubbleNavigatorContext","bubblesData","childItems","numChildren","length","createElement","className","ParentReturnButton","onBubbleClick","Bubble","isParentBubble","map","childBubble","key","name"],"sources":["../../../../../../src/components/navigation/bubbleNavigator/bubbleBranch/BubbleBranch.tsx"],"sourcesContent":["'use client';\n\nimport React, { useContext } from 'react';\nimport { GenericFunction } from '../../../../interfaces/generic.interface';\nimport { Bubble } from '../bubble/Bubble';\nimport { ParentReturnButton } from '../parentReturnButton/ParentReturnButton';\nimport { BubbleItem } from '../bubbleNavigator.interface';\nimport { BubbleNavigatorContext } from '../bubbleNavigatorContext/BubbleNavigatorContext';\n\ninterface BubbleBranchProps {\n  childItem: BubbleItem;\n  handleBubbleClick?: GenericFunction;\n}\n\n// Big bubble on the inside for full branch object.\n// Small bubbles on the outside representing the values.\n\nexport const BubbleBranch: React.FC<BubbleBranchProps> = (\n  {\n    childItem,\n    handleBubbleClick\n  }\n) => {\n  const bubbleNavigatorContext = useContext(BubbleNavigatorContext);\n\n  if (!bubbleNavigatorContext) {\n    return null;\n  }\n\n  const { bubbleNavigatorContext: bubblesData } = bubbleNavigatorContext;\n\n  const {\n    childItems\n  } = childItem;\n\n  const numChildren = childItems.length;\n\n  return (\n    <div className=\"bubbleBranch\">\n      {\n        bubblesData\n        && (\n          <ParentReturnButton {\n            ...{\n              childItem,\n              onBubbleClick: handleBubbleClick\n            }\n          }\n          />\n        )\n      }\n\n      <div className=\"bubbleDiagram\">\n        <div className=\"parentBubble\">\n          <Bubble {\n            ...{\n              childItem,\n              isParentBubble: true,\n              onBubbleClick: handleBubbleClick\n            }\n          }\n          />\n        </div>\n\n        <div className={ `childBubbles childBubbles_${ numChildren }` }>\n          {\n            childItems.map((childBubble) => (\n              <Bubble\n                key={ childBubble.name }\n                {\n                  ...{\n                    childItem: childBubble,\n                    onBubbleClick: handleBubbleClick\n                  }\n                }\n              />\n            ))\n          }\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}