@x15ventures/x15-ui-library 3.11.4

package/dist/esm/components/navigation/bubbleNavigator/bubbleNavigatorFilter/bubbleNavigatorFilter.css

@@ -0,0 +1,54 @@
+/* Popovers */
+.bubbleNavigatorFilter {
+  display: flex;
+  flex-direction: column;
+  row-gap: 10px;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.bubbleNavigatorFilter fieldset {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: flex-end;
+  justify-content: flex-start;
+}
+.bubbleNavigatorFilter fieldset.filterSearchTerm {
+  width: 100%;
+}
+.bubbleNavigatorFilter fieldset.filterSearchTerm .formField {
+  flex: 1;
+}
+.bubbleNavigatorFilter fieldset.filterSearchTerm .formField label {
+  padding-bottom: 0;
+}
+.bubbleNavigatorFilter fieldset.filterKeys {
+  flex-wrap: wrap;
+  row-gap: 10px;
+}
+.bubbleNavigatorFilter fieldset.filterKeys h3 {
+  flex: none;
+  width: 100%;
+}
+.bubbleNavigatorFilter fieldset.filterKeys .checkBoxField {
+  width: 18%;
+  box-sizing: border-box;
+}
+.bubbleNavigatorFilter fieldset.filterKeys .checkBoxField .labelText {
+  font-size: 13px;
+}
+.bubbleNavigatorFilter fieldset.filterKeys .checkBoxField .checkboxIcons .icon {
+  font-size: 18px;
+}
+.bubbleNavigatorFilter fieldset.filterKeys .checkBoxField .checkboxIcons .icon.icon-checkbox-unchecked {
+  color: var(--bubbleNavigatorFilterCheckboxUncheckedColor);
+}
+.bubbleNavigatorFilter fieldset.filterKeys .checkBoxField .checkboxIcons .icon.icon-checkbox-checked {
+  color: var(--bubbleNavigatorFilterCheckboxCheckedColor);
+}
+.bubbleNavigatorFilter .accordion.accordion_xs fieldset.filterKeys {
+  row-gap: 0;
+}
+.bubbleNavigatorFilter .accordion.accordion_xs fieldset.accordion_s.filterKeys {
+  row-gap: 5px;
+}

package/dist/esm/components/navigation/bubbleNavigator/bubbleNavigatorUtilities.js

@@ -0,0 +1,130 @@
+// Utility function - enhance each child with a path property to help with the drill-down navigation
+
+export const enhanceBubbleData = bubblesData => {
+  const addPathToChild = (childItem, path) => {
+    childItem.path = path;
+    childItem.childItems.forEach((nestedChild, nestedChildIndex) => {
+      addPathToChild(nestedChild, [...path, nestedChildIndex]);
+    });
+    return childItem;
+  };
+  return bubblesData.map((bubble, bubbleIndex) => addPathToChild(bubble, [bubbleIndex]));
+};
+export const getAllChildPropValues = ({
+  prop,
+  parentItem
+}) => {
+  const propArray = [];
+  const getChildProps = childItem => {
+    const {
+      path,
+      id,
+      label,
+      description
+    } = childItem;
+    propArray.push({
+      path,
+      id,
+      label,
+      description,
+      [prop]: childItem[prop]
+    });
+    childItem.childItems.forEach(nestedChild => {
+      getChildProps(nestedChild);
+    });
+  };
+  getChildProps(parentItem);
+  return propArray;
+};
+export const getItemFromPath = ({
+  bubblesData,
+  path
+}) => {
+  // If there isn't a path array return the whole tree
+  if (path.length === 0) {
+    return bubblesData;
+  }
+  let item = bubblesData[path[0]];
+  for (let p = 1; p < path.length; p += 1) {
+    item = item.childItems[path[p]];
+  }
+  return item;
+};
+export const getParentItemFromPath = ({
+  bubblesData,
+  path
+}) => {
+  const parentPath = path.slice(0, -1);
+  return getItemFromPath({
+    bubblesData,
+    path: parentPath
+  });
+};
+export const getChildItemsByTypeAndValueFromItem = ({
+  prop,
+  value,
+  parentItem
+}) => {
+  const propArray = [];
+  const searchChildProps = childItem => {
+    const {
+      path,
+      id,
+      label,
+      description
+    } = childItem;
+    const childItemPropValue = childItem[prop];
+    if (typeof childItemPropValue !== 'string' && typeof childItemPropValue !== 'number' && typeof childItemPropValue !== 'boolean') {
+      return new Error('getFirstChildOfTypeAndValueFromItem: only supports searching for primitive types (string, number, boolean)');
+    }
+    const hasMatch = Array.isArray(value) ? value.includes(childItemPropValue) : childItemPropValue === value;
+    if (hasMatch) {
+      propArray.push({
+        path,
+        id,
+        label,
+        description,
+        [prop]: childItem[prop]
+      });
+    }
+    childItem.childItems.forEach(nestedChild => {
+      searchChildProps(nestedChild);
+    });
+    return true;
+  };
+  searchChildProps(parentItem);
+  return propArray;
+};
+export const getFirstChildOfTypeAndValueFromItem = ({
+  prop,
+  value,
+  parentItem
+}) => {
+  const propArray = [];
+  const searchChildProps = childItem => {
+    const {
+      path,
+      id,
+      label,
+      description
+    } = childItem;
+    const childItemPropValue = childItem[prop];
+    if (typeof childItemPropValue !== 'string' && typeof childItemPropValue !== 'number' && typeof childItemPropValue !== 'boolean') {
+      return new Error('getFirstChildOfTypeAndValueFromItem: only supports searching for primitive types (string, number, boolean)');
+    }
+    const hasMatch = Array.isArray(value) ? value.includes(childItemPropValue) : childItemPropValue === value;
+    if (hasMatch) {
+      propArray.push({
+        path,
+        id,
+        label,
+        description,
+        [prop]: childItem[prop]
+      });
+    }
+    return childItem.childItems.forEach(nestedChild => searchChildProps(nestedChild));
+  };
+  searchChildProps(parentItem);
+  return propArray;
+};
+//# sourceMappingURL=bubbleNavigatorUtilities.js.map

package/dist/esm/components/navigation/bubbleNavigator/bubbleNavigatorUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubbleNavigatorUtilities.js","names":["enhanceBubbleData","bubblesData","addPathToChild","childItem","path","childItems","forEach","nestedChild","nestedChildIndex","map","bubble","bubbleIndex","getAllChildPropValues","prop","parentItem","propArray","getChildProps","id","label","description","push","getItemFromPath","length","item","p","getParentItemFromPath","parentPath","slice","getChildItemsByTypeAndValueFromItem","value","searchChildProps","childItemPropValue","Error","hasMatch","Array","isArray","includes","getFirstChildOfTypeAndValueFromItem"],"sources":["../../../../../src/components/navigation/bubbleNavigator/bubbleNavigatorUtilities.ts"],"sourcesContent":["// Utility function - enhance each child with a path property to help with the drill-down navigation\nimport { BubbleItem } from './bubbleNavigator.interface';\nimport { JSONValue } from '../../../interfaces/generic.interface';\n\nexport const enhanceBubbleData = (bubblesData: BubbleItem[]) => {\n  const addPathToChild = (childItem: BubbleItem, path: number[]) => {\n    childItem.path = path;\n    childItem.childItems.forEach((nestedChild, nestedChildIndex) => {\n      addPathToChild(nestedChild, [...path, nestedChildIndex]);\n    });\n    return childItem;\n  };\n\n  return bubblesData.map((bubble: BubbleItem, bubbleIndex: number) => addPathToChild(bubble, [bubbleIndex]));\n};\n\nexport type PropArrayItemType = {\n  path: number[],\n  id: string,\n  label: string,\n  [key: string]: JSONValue\n};\n\nexport const getAllChildPropValues = (\n  {\n    prop,\n    parentItem\n  } : {\n    prop: string,\n    parentItem: BubbleItem\n  }\n): PropArrayItemType[] => {\n  const propArray: PropArrayItemType[] = [];\n\n  const getChildProps = (childItem: BubbleItem) => {\n    const {\n      path, id, label, description\n    } = childItem;\n\n    propArray.push({\n      path, id, label, description, [prop]: childItem[prop]\n    });\n    childItem.childItems.forEach((nestedChild) => {\n      getChildProps(nestedChild);\n    });\n  };\n  getChildProps(parentItem);\n  return propArray;\n};\n\ntype itemsFromPath = {\n  bubblesData: BubbleItem[],\n  path: number[]\n};\n\nexport const getItemFromPath = (\n  {\n    bubblesData,\n    path\n  }\n  : itemsFromPath\n) => {\n  // If there isn't a path array return the whole tree\n  if (path.length === 0) {\n    return bubblesData;\n  }\n\n  let item: BubbleItem = bubblesData[path[0]] as BubbleItem;\n  for (let p = 1; p < path.length; p += 1) {\n    item = item.childItems[path[p]];\n  }\n  return item;\n};\n\nexport const getParentItemFromPath = (\n  {\n    bubblesData,\n    path\n  }\n  : itemsFromPath\n) => {\n  const parentPath = path.slice(0, -1);\n\n  return getItemFromPath({ bubblesData, path: parentPath });\n};\n\nexport const getChildItemsByTypeAndValueFromItem = (\n  {\n    prop,\n    value,\n    parentItem\n  } : {\n    prop: string,\n    value: string | number | boolean | (string | number | boolean)[],\n    parentItem: BubbleItem\n  }\n): PropArrayItemType[] | Error => {\n  const propArray: PropArrayItemType[] = [];\n\n  const searchChildProps = (childItem: BubbleItem) => {\n    const {\n      path, id, label, description\n    } = childItem;\n\n    const childItemPropValue = childItem[prop];\n    if (typeof childItemPropValue !== 'string'\n      && typeof childItemPropValue !== 'number'\n      && typeof childItemPropValue !== 'boolean') {\n      return new Error('getFirstChildOfTypeAndValueFromItem: only supports searching for primitive types (string, number, boolean)');\n    }\n\n    const hasMatch = Array.isArray(value)\n      ? (value as (string | number | boolean)[]).includes(childItemPropValue)\n      : childItemPropValue === value;\n\n    if (hasMatch) {\n      propArray.push({\n        path, id, label, description, [prop]: childItem[prop]\n      });\n    }\n\n    childItem.childItems.forEach((nestedChild) => {\n      searchChildProps(nestedChild);\n    });\n\n    return true;\n  };\n\n  searchChildProps(parentItem);\n  return propArray;\n};\n\nexport const getFirstChildOfTypeAndValueFromItem = (\n  {\n    prop,\n    value,\n    parentItem\n  } : {\n    prop: string,\n    value: string | number | boolean | (string | number | boolean)[],\n    parentItem: BubbleItem\n  }\n): PropArrayItemType[] | Error => {\n  const propArray: PropArrayItemType[] = [];\n\n  const searchChildProps = (childItem: BubbleItem) => {\n    const {\n      path, id, label, description\n    } = childItem;\n\n    const childItemPropValue = childItem[prop];\n    if (typeof childItemPropValue !== 'string'\n      && typeof childItemPropValue !== 'number'\n      && typeof childItemPropValue !== 'boolean') {\n      return new Error('getFirstChildOfTypeAndValueFromItem: only supports searching for primitive types (string, number, boolean)');\n    }\n\n    const hasMatch = Array.isArray(value)\n      ? (value as (string | number | boolean)[]).includes(childItemPropValue)\n      : childItemPropValue === value;\n\n    if (hasMatch) {\n      propArray.push({\n        path, id, label, description, [prop]: childItem[prop]\n      });\n    }\n\n    return childItem.childItems.forEach((nestedChild) => searchChildProps(nestedChild));\n  };\n\n  searchChildProps(parentItem);\n  return propArray;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/navigation/bubbleNavigator/bubbleStatusSummary/BubbleStatusSummary.js

@@ -0,0 +1,62 @@
+'use client';
+
+import React, { useContext, useMemo } from 'react';
+import { getChildItemsByTypeAndValueFromItem, getItemFromPath } from '../bubbleNavigatorUtilities';
+import { BubbleNavigatorContext } from '../bubbleNavigatorContext/BubbleNavigatorContext';
+import { BubbleStatusSummaryList } from './bubbleStatusSummaryList/BubbleStatusSummaryList';
+import './bubbleStatusSummary.css';
+export const BubbleStatusSummary = ({
+  childItem,
+  onStatusClick
+}) => {
+  const bubbleNavigatorContext = useContext(BubbleNavigatorContext);
+  const alertStatuses = useMemo(() => getChildItemsByTypeAndValueFromItem({
+    prop: 'status',
+    value: 'alert',
+    parentItem: childItem
+  }), [childItem]);
+  const defCon3Statuses = useMemo(() => getChildItemsByTypeAndValueFromItem({
+    prop: 'status',
+    value: 'defCon3',
+    parentItem: childItem
+  }), [childItem]);
+  if (!Array.isArray(alertStatuses) || !Array.isArray(defCon3Statuses)) {
+    // An error has occurred.
+    return null;
+  }
+  if (!bubbleNavigatorContext) {
+    return null;
+  }
+  const {
+    bubbleNavigatorContext: bubblesData
+  } = bubbleNavigatorContext;
+  const handleStatusClick = nestedChildStatus => {
+    const {
+      path
+    } = nestedChildStatus;
+    const statusChildItem = getItemFromPath({
+      bubblesData: bubblesData,
+      path
+    });
+    if (onStatusClick) {
+      onStatusClick({
+        childItem: statusChildItem,
+        path
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bubbleStatusSummary"
+  }, /*#__PURE__*/React.createElement(BubbleStatusSummaryList, {
+    onStatusClick: handleStatusClick,
+    parentItem: childItem,
+    statusType: 'alert',
+    statuses: alertStatuses
+  }), /*#__PURE__*/React.createElement(BubbleStatusSummaryList, {
+    onStatusClick: handleStatusClick,
+    parentItem: childItem,
+    statusType: 'defCon3',
+    statuses: defCon3Statuses
+  }));
+};
+//# sourceMappingURL=BubbleStatusSummary.js.map

package/dist/esm/components/navigation/bubbleNavigator/bubbleStatusSummary/BubbleStatusSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleStatusSummary.js","names":["React","useContext","useMemo","getChildItemsByTypeAndValueFromItem","getItemFromPath","BubbleNavigatorContext","BubbleStatusSummaryList","BubbleStatusSummary","childItem","onStatusClick","bubbleNavigatorContext","alertStatuses","prop","value","parentItem","defCon3Statuses","Array","isArray","bubblesData","handleStatusClick","nestedChildStatus","path","statusChildItem","createElement","className","statusType","statuses"],"sources":["../../../../../../src/components/navigation/bubbleNavigator/bubbleStatusSummary/BubbleStatusSummary.tsx"],"sourcesContent":["'use client';\n\nimport React, { useContext, useMemo } from 'react';\nimport {\n  getChildItemsByTypeAndValueFromItem,\n  getItemFromPath,\n  PropArrayItemType\n} from '../bubbleNavigatorUtilities';\nimport { BubbleItem } from '../bubbleNavigator.interface';\nimport { GenericFunction } from '../../../../interfaces';\nimport { BubbleNavigatorContext } from '../bubbleNavigatorContext/BubbleNavigatorContext';\nimport { BubbleStatusSummaryList } from './bubbleStatusSummaryList/BubbleStatusSummaryList';\n\nimport './bubbleStatusSummary.scss';\n\ninterface BubbleStatusSummaryInterface {\n  childItem: BubbleItem;\n  onStatusClick?: GenericFunction;\n}\n\nexport const BubbleStatusSummary: React.FC<BubbleStatusSummaryInterface> = (\n  {\n    childItem,\n    onStatusClick\n  }\n) => {\n  const bubbleNavigatorContext = useContext(BubbleNavigatorContext);\n\n  const alertStatuses = useMemo(() => getChildItemsByTypeAndValueFromItem(\n    { prop: 'status', value: 'alert', parentItem: childItem }\n  ), [childItem]);\n\n  const defCon3Statuses = useMemo(() => getChildItemsByTypeAndValueFromItem(\n    { prop: 'status', value: 'defCon3', parentItem: childItem }\n  ), [childItem]);\n\n  if (!Array.isArray(alertStatuses) || !Array.isArray(defCon3Statuses)) {\n    // An error has occurred.\n    return null;\n  }\n\n  if (!bubbleNavigatorContext) {\n    return null;\n  }\n\n  const { bubbleNavigatorContext: bubblesData } = bubbleNavigatorContext;\n\n  const handleStatusClick = (nestedChildStatus: PropArrayItemType) => {\n    const { path } = nestedChildStatus;\n    const statusChildItem = getItemFromPath({ bubblesData: bubblesData as BubbleItem[], path });\n\n    if (onStatusClick) {\n      onStatusClick({\n        childItem: statusChildItem,\n        path\n      });\n    }\n  };\n\n  return (\n    <div className=\"bubbleStatusSummary\">\n      <BubbleStatusSummaryList\n        {\n          ...{\n            onStatusClick: handleStatusClick,\n            parentItem: childItem,\n            statusType: 'alert',\n            statuses: alertStatuses\n          }\n        }\n      />\n      <BubbleStatusSummaryList\n        {\n          ...{\n            onStatusClick: handleStatusClick,\n            parentItem: childItem,\n            statusType: 'defCon3',\n            statuses: defCon3Statuses\n          }\n        }\n      />\n    </div>\n  );\n};\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SACEC,mCAAmC,EACnCC,eAAe,QAEV,6BAA6B;AAGpC,SAASC,sBAAsB,QAAQ,kDAAkD;AACzF,SAASC,uBAAuB,QAAQ,mDAAmD;AAE3F,OAAO,4BAA4B;AAOnC,OAAO,MAAMC,mBAA2D,GAAGA,CACzE;EACEC,SAAS;EACTC;AACF,CAAC,KACE;EACH,MAAMC,sBAAsB,GAAGT,UAAU,CAACI,sBAAsB,CAAC;EAEjE,MAAMM,aAAa,GAAGT,OAAO,CAAC,MAAMC,mCAAmC,CACrE;IAAES,IAAI,EAAE,QAAQ;IAAEC,KAAK,EAAE,OAAO;IAAEC,UAAU,EAAEN;EAAU,CAC1D,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMO,eAAe,GAAGb,OAAO,CAAC,MAAMC,mCAAmC,CACvE;IAAES,IAAI,EAAE,QAAQ;IAAEC,KAAK,EAAE,SAAS;IAAEC,UAAU,EAAEN;EAAU,CAC5D,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,IAAI,CAACQ,KAAK,CAACC,OAAO,CAACN,aAAa,CAAC,IAAI,CAACK,KAAK,CAACC,OAAO,CAACF,eAAe,CAAC,EAAE;IACpE;IACA,OAAO,IAAI;EACb;EAEA,IAAI,CAACL,sBAAsB,EAAE;IAC3B,OAAO,IAAI;EACb;EAEA,MAAM;IAAEA,sBAAsB,EAAEQ;EAAY,CAAC,GAAGR,sBAAsB;EAEtE,MAAMS,iBAAiB,GAAIC,iBAAoC,IAAK;IAClE,MAAM;MAAEC;IAAK,CAAC,GAAGD,iBAAiB;IAClC,MAAME,eAAe,GAAGlB,eAAe,CAAC;MAAEc,WAAW,EAAEA,WAA2B;MAAEG;IAAK,CAAC,CAAC;IAE3F,IAAIZ,aAAa,EAAE;MACjBA,aAAa,CAAC;QACZD,SAAS,EAAEc,eAAe;QAC1BD;MACF,CAAC,CAAC;IACJ;EACF,CAAC;EAED,oBACErB,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC;EAAqB,gBAClCxB,KAAA,CAAAuB,aAAA,CAACjB,uBAAuB;IAGlBG,aAAa,EAAEU,iBAAiB;IAChCL,UAAU,EAAEN,SAAS;IACrBiB,UAAU,EAAE,OAAO;IACnBC,QAAQ,EAAEf;EAAa,CAG5B,CAAC,eACFX,KAAA,CAAAuB,aAAA,CAACjB,uBAAuB;IAGlBG,aAAa,EAAEU,iBAAiB;IAChCL,UAAU,EAAEN,SAAS;IACrBiB,UAAU,EAAE,SAAS;IACrBC,QAAQ,EAAEX;EAAe,CAG9B,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/components/navigation/bubbleNavigator/bubbleStatusSummary/bubbleStatusSummary.css

@@ -0,0 +1,98 @@
+/* Popovers */
+.bubbleStatusSummary {
+  position: absolute;
+  bottom: 10px;
+}
+.bubbleStatusSummary .bubbleStatusSummaryList .bubbleStatusSummaryListLabel {
+  font-size: 11px;
+}
+.bubbleStatusSummary .bubbleStatusSummaryList .bubbleStatusSummaryListLabel .statusLight {
+  margin-right: 5px;
+}
+
+.childBubbles .bubbleStatusSummaryListLabel .statusCount {
+  color: var(--childBubbleFg);
+}
+.childBubbles .bubbleStatusSummaryListLabel .statusLight.defCon3 {
+  animation: highlightDefCon3Pulse 1s ease infinite;
+}
+
+.parentBubble .bubbleStatusSummaryListLabel .statusCount {
+  color: var(--parentBubbleFg);
+}
+
+.bubbleStatusSummaryListPanel {
+  height: 250px;
+  max-height: 250px;
+  position: fixed;
+  top: 100%;
+  background: #fff;
+  width: 300px;
+  z-index: 10;
+  font-size: 11px;
+  border: 1px solid #eee;
+  padding: 10px;
+  box-sizing: border-box;
+  border-radius: 3px;
+  box-shadow: 0 0 5px 0 #eee;
+  left: -75px;
+}
+.bubbleStatusSummaryListPanel h3 {
+  font-size: 15px;
+  font-weight: bold;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-bottom: 10px;
+  text-transform: capitalize;
+  padding-left: 20px;
+}
+.bubbleStatusSummaryListPanel .icon {
+  position: absolute;
+  font-size: 21px;
+  top: 5px;
+  left: 5px;
+  text-align: center;
+  color: #c00;
+}
+.bubbleStatusSummaryListPanel .statusListScroller {
+  overflow: auto;
+  max-height: 200px;
+}
+.bubbleStatusSummaryListPanel ul {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  row-gap: 20px;
+}
+.bubbleStatusSummaryListPanel ul li {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex: 1;
+  width: 50%;
+}
+.bubbleStatusSummaryListPanel ul li .statusDetails {
+  display: flex;
+  flex-direction: column;
+  row-gap: 0;
+  align-items: left;
+  justify-content: flex-start;
+}
+.bubbleStatusSummaryListPanel ul li .statusDetails .labelText {
+  font-weight: bold;
+}
+
+@keyframes highlightDefCon3Pulse {
+  from {
+    box-shadow: 0 0 1px 0 var(--childBubbleFg);
+  }
+  to {
+    box-shadow: 0 0 8px 0 var(--childBubbleFg);
+  }
+}

package/dist/esm/components/navigation/bubbleNavigator/bubbleStatusSummary/bubbleStatusSummaryList/BubbleStatusSummaryList.js

@@ -0,0 +1,89 @@
+import React, { useRef, useState } from 'react';
+import { StatusLight } from '../../../../design/statusIndicators/statusLight/StatusLight';
+import { pluralize, pluralizeIfNeeded } from '../../../../../helpers/stringHelpers';
+import { dateToShortReadableDateTime } from '../../../../../helpers/dateHelpers';
+import { Icon } from '../../../../design/icons/basicIcon/Icon';
+import { useOnClickOutside } from '../../../../../hooks';
+export const BubbleStatusSummaryList = ({
+  statuses,
+  statusType,
+  parentItem,
+  onStatusClick
+}) => {
+  const statusCount = statuses.length;
+  const [isOpen, setIsOpen] = useState(false);
+  const bubbleStatusSummaryListElement = useRef(null);
+  useOnClickOutside(bubbleStatusSummaryListElement, () => setIsOpen(false));
+  const {
+    label,
+    description,
+    id
+  } = parentItem;
+  if (statusCount === 0) {
+    return null;
+  }
+  const toggleFullDetails = () => {
+    setIsOpen(!isOpen);
+  };
+  const handleStatusClick = childStatus => {
+    if (onStatusClick) {
+      onStatusClick(childStatus);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    ref: bubbleStatusSummaryListElement,
+    className: "bubbleStatusSummaryList"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bubbleStatusSummaryListLabel"
+  }, /*#__PURE__*/React.createElement(StatusLight, {
+    id: `bubbleStatusSummaryList_${statusType}_${id}`,
+    label: statusType,
+    description: `${statusCount} ${pluralizeIfNeeded(statusType, statusCount)}`,
+    size: 's',
+    includeDueDate: false,
+    status: statusType,
+    indicator: statusType,
+    onClick: toggleFullDetails
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "statusCount"
+  }, statusCount)), isOpen && /*#__PURE__*/React.createElement("div", {
+    className: "bubbleStatusSummaryListPanel",
+    id: `bubbleStatusSummaryListPanel_${statusType}`
+  }, /*#__PURE__*/React.createElement("h3", null, /*#__PURE__*/React.createElement(Icon, {
+    icon: "target"
+  }), pluralize(statusType), " : ", label), /*#__PURE__*/React.createElement("div", {
+    className: "statusListScroller"
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: "noBullet statusList"
+  }, statuses.map(childStatus => {
+    const {
+      label,
+      status,
+      id,
+      path,
+      dueAt
+    } = childStatus;
+    const statusMap = status;
+    const statusId = `statusSummary_${status}_${id}_${path.join('_')}`;
+    const formattedDueDateTime = dueAt ? dateToShortReadableDateTime(dueAt) : 'TBD';
+    return /*#__PURE__*/React.createElement("li", {
+      key: statusId
+    }, /*#__PURE__*/React.createElement(StatusLight, {
+      id: statusId,
+      label,
+      includeDueDate: false,
+      status: statusMap,
+      indicator: statusMap,
+      onClick: () => handleStatusClick(childStatus)
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "statusDetails"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "labelText"
+    }, label), /*#__PURE__*/React.createElement("span", {
+      className: "description"
+    }, description), /*#__PURE__*/React.createElement("span", {
+      className: "dueDate"
+    }, "Due date: ", formattedDueDateTime)));
+  })))));
+};
+//# sourceMappingURL=BubbleStatusSummaryList.js.map

package/dist/esm/components/navigation/bubbleNavigator/bubbleStatusSummary/bubbleStatusSummaryList/BubbleStatusSummaryList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleStatusSummaryList.js","names":["React","useRef","useState","StatusLight","pluralize","pluralizeIfNeeded","dateToShortReadableDateTime","Icon","useOnClickOutside","BubbleStatusSummaryList","statuses","statusType","parentItem","onStatusClick","statusCount","length","isOpen","setIsOpen","bubbleStatusSummaryListElement","label","description","id","toggleFullDetails","handleStatusClick","childStatus","createElement","ref","className","size","includeDueDate","status","indicator","onClick","icon","map","path","dueAt","statusMap","statusId","join","formattedDueDateTime","key"],"sources":["../../../../../../../src/components/navigation/bubbleNavigator/bubbleStatusSummary/bubbleStatusSummaryList/BubbleStatusSummaryList.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { PropArrayItemType } from '../../bubbleNavigatorUtilities';\nimport { BubbleItem } from '../../bubbleNavigator.interface';\nimport { StatusLight } from '../../../../design/statusIndicators/statusLight/StatusLight';\nimport { GenericFunction } from '../../../../../interfaces';\nimport { pluralize, pluralizeIfNeeded } from '../../../../../helpers/stringHelpers';\nimport { dateToShortReadableDateTime } from '../../../../../helpers/dateHelpers';\nimport { Icon } from '../../../../design/icons/basicIcon/Icon';\nimport { useOnClickOutside } from '../../../../../hooks';\n\ninterface BubbleStatusSummaryListInterface {\n  statuses: PropArrayItemType[];\n  statusType: string;\n  parentItem: BubbleItem;\n  onStatusClick?: GenericFunction;\n}\n\nexport const BubbleStatusSummaryList: React.FC<BubbleStatusSummaryListInterface> = (\n  {\n    statuses,\n    statusType,\n    parentItem,\n    onStatusClick\n  }\n) => {\n  const statusCount = statuses.length;\n  const [isOpen, setIsOpen] = useState(false);\n  const bubbleStatusSummaryListElement = useRef(null);\n\n  useOnClickOutside(bubbleStatusSummaryListElement, () => setIsOpen(false));\n\n  const { label, description, id } = parentItem;\n\n  if (statusCount === 0) {\n    return null;\n  }\n\n  const toggleFullDetails = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const handleStatusClick = (childStatus: PropArrayItemType) => {\n    if (onStatusClick) {\n      onStatusClick(childStatus);\n    }\n  };\n\n  return (\n    <div ref={ bubbleStatusSummaryListElement } className=\"bubbleStatusSummaryList\">\n      <div className=\"bubbleStatusSummaryListLabel\">\n        <StatusLight\n          {\n            ...{\n              id: `bubbleStatusSummaryList_${ statusType }_${ id }`,\n              label: statusType,\n              description: `${ statusCount } ${ pluralizeIfNeeded(statusType, statusCount) }`,\n              size: 's',\n              includeDueDate: false,\n              status: statusType,\n              indicator: statusType,\n              onClick: toggleFullDetails\n            }\n          }\n        />\n        <span className=\"statusCount\">\n          { statusCount }\n        </span>\n      </div>\n\n      {\n        isOpen\n        && (\n          <div className=\"bubbleStatusSummaryListPanel\" id={ `bubbleStatusSummaryListPanel_${ statusType }` }>\n            <h3>\n              <Icon icon=\"target\" />\n              { pluralize(statusType) } : { label }\n            </h3>\n            <div className=\"statusListScroller\">\n              <ul className=\"noBullet statusList\">\n                {\n                  statuses.map((childStatus) => {\n                    const {\n                      label, status, id, path, dueAt\n                    } = childStatus;\n\n                    const statusMap = status as string;\n                    const statusId = `statusSummary_${ status }_${ id }_${ path.join('_') }`;\n                    const formattedDueDateTime = dueAt ? dateToShortReadableDateTime(dueAt as (string | Date)) : 'TBD';\n\n                    return (\n                      <li key={ statusId }>\n                        <StatusLight\n                          {\n                            ...{\n                              id: statusId,\n                              label,\n                              includeDueDate: false,\n                              status: statusMap,\n                              indicator: statusMap,\n                              onClick: () => handleStatusClick(childStatus)\n                            }\n                          }\n                        />\n                        <span className=\"statusDetails\">\n                          <span className=\"labelText\">{ label }</span>\n                          <span className=\"description\">{ description }</span>\n                          <span className=\"dueDate\">Due date: { formattedDueDateTime }</span>\n                        </span>\n                      </li>\n                    );\n                  })\n                }\n              </ul>\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/navigation/bubbleNavigator/bubblesReducer.js

@@ -0,0 +1,45 @@
+export const InitialBubbleState = {
+  bubblesData: [],
+  filteredData: [],
+  activeItem: [],
+  activeParentItem: [],
+  activeFilters: [],
+  activePath: [],
+  initialised: false
+};
+export const BubbleNavigatorReducer = (state, action) => {
+  switch (action.type) {
+    case 'init':
+      return {
+        ...state,
+        initialised: true,
+        bubblesData: action.bubblesData,
+        filteredData: action.bubblesData,
+        activeItem: action.bubblesData
+      };
+    case 'resetFilters':
+      return {
+        ...state,
+        filteredData: state.filteredData
+      };
+    case 'applyFilters':
+      // TODO
+      return state;
+    case 'filterData':
+      // TODO
+      return state;
+    case 'drillDown':
+      return {
+        ...state,
+        activeItem: action.childItem
+      };
+    case 'drillUp':
+      return {
+        ...state,
+        activeItem: action.parentItem
+      };
+    default:
+      return state;
+  }
+};
+//# sourceMappingURL=bubblesReducer.js.map

package/dist/esm/components/navigation/bubbleNavigator/bubblesReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubblesReducer.js","names":["InitialBubbleState","bubblesData","filteredData","activeItem","activeParentItem","activeFilters","activePath","initialised","BubbleNavigatorReducer","state","action","type","childItem","parentItem"],"sources":["../../../../../src/components/navigation/bubbleNavigator/bubblesReducer.ts"],"sourcesContent":[" \nimport { BubbleFilter, BubbleItem } from './bubbleNavigator.interface';\n\nexport interface BubbleNavigatorState {\n  bubblesData?: BubbleItem[],\n  filteredData?: BubbleItem[],\n  activeFilters?: BubbleFilter[],\n  activeItem?: BubbleItem | BubbleItem[],\n  activeParentItem?: BubbleItem | BubbleItem[],\n  initialised: boolean\n}\n\nexport const InitialBubbleState = {\n  bubblesData: [],\n  filteredData: [],\n  activeItem: [],\n  activeParentItem: [],\n  activeFilters: [] as BubbleFilter[],\n  activePath: [] as string[],\n  initialised: false\n};\n\nexport const BubbleNavigatorReducer = (\n  state: BubbleNavigatorState,\n  action: {\n    type: string;\n    childItem?: BubbleItem;\n    parentItem?: BubbleItem | BubbleItem[];\n    bubblesData?: BubbleItem[];\n    filters?: BubbleFilter[]\n  }\n): BubbleNavigatorState => {\n  switch (action.type) {\n  case 'init':\n    return {\n      ...state,\n      initialised: true,\n      bubblesData: action.bubblesData,\n      filteredData: action.bubblesData,\n      activeItem: action.bubblesData\n    };\n  case 'resetFilters':\n    return {\n      ...state,\n      filteredData: state.filteredData\n    };\n  case 'applyFilters':\n    // TODO\n    return state;\n  case 'filterData':\n    // TODO\n    return state;\n  case 'drillDown':\n    return {\n      ...state,\n      activeItem: action.childItem\n    };\n  case 'drillUp':\n    return {\n      ...state,\n      activeItem: action.parentItem\n    };\n  default:\n    return state;\n  }\n};\n"],"mappings":"AAYA,OAAO,MAAMA,kBAAkB,GAAG;EAChCC,WAAW,EAAE,EAAE;EACfC,YAAY,EAAE,EAAE;EAChBC,UAAU,EAAE,EAAE;EACdC,gBAAgB,EAAE,EAAE;EACpBC,aAAa,EAAE,EAAoB;EACnCC,UAAU,EAAE,EAAc;EAC1BC,WAAW,EAAE;AACf,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGA,CACpCC,KAA2B,EAC3BC,MAMC,KACwB;EACzB,QAAQA,MAAM,CAACC,IAAI;IACnB,KAAK,MAAM;MACT,OAAO;QACL,GAAGF,KAAK;QACRF,WAAW,EAAE,IAAI;QACjBN,WAAW,EAAES,MAAM,CAACT,WAAW;QAC/BC,YAAY,EAAEQ,MAAM,CAACT,WAAW;QAChCE,UAAU,EAAEO,MAAM,CAACT;MACrB,CAAC;IACH,KAAK,cAAc;MACjB,OAAO;QACL,GAAGQ,KAAK;QACRP,YAAY,EAAEO,KAAK,CAACP;MACtB,CAAC;IACH,KAAK,cAAc;MACjB;MACA,OAAOO,KAAK;IACd,KAAK,YAAY;MACf;MACA,OAAOA,KAAK;IACd,KAAK,WAAW;MACd,OAAO;QACL,GAAGA,KAAK;QACRN,UAAU,EAAEO,MAAM,CAACE;MACrB,CAAC;IACH,KAAK,SAAS;MACZ,OAAO;QACL,GAAGH,KAAK;QACRN,UAAU,EAAEO,MAAM,CAACG;MACrB,CAAC;IACH;MACE,OAAOJ,KAAK;EACd;AACF,CAAC","ignoreList":[]}

package/dist/esm/components/navigation/bubbleNavigator/parentReturnButton/ParentReturnButton.js

@@ -0,0 +1,51 @@
+import React, { useContext } from 'react';
+import { SimpleButton } from '../../../form/buttons/SimpleButton';
+import { getParentItemFromPath } from '../bubbleNavigatorUtilities';
+import { BubbleNavigatorContext } from '../bubbleNavigatorContext/BubbleNavigatorContext';
+export const ParentReturnButton = ({
+  childItem,
+  onBubbleClick
+}) => {
+  const bubbleNavigatorContext = useContext(BubbleNavigatorContext);
+  if (!childItem || !childItem.path || !bubbleNavigatorContext?.bubbleNavigatorContext) {
+    return null;
+  }
+  const {
+    bubbleNavigatorContext: bubblesData
+  } = bubbleNavigatorContext;
+  const parentItem = getParentItemFromPath({
+    bubblesData,
+    path: childItem.path
+  });
+  if (Array.isArray(parentItem) || childItem.path.length === 1) {
+    // The parent is the root tree so don't render a return button
+    return null;
+  }
+  const {
+    id,
+    label,
+    description,
+    path
+  } = parentItem;
+  const handleParentReturnButtonClick = () => {
+    if (onBubbleClick) {
+      onBubbleClick({
+        parentItem,
+        path
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "parentReturnButton"
+  }, /*#__PURE__*/React.createElement(SimpleButton, {
+    cssClass: "button primary compact",
+    label: label,
+    title: description,
+    id: id,
+    onClickHandler: handleParentReturnButtonClick,
+    leftIcon: {
+      icon: 'arrow-up'
+    }
+  }));
+};
+//# sourceMappingURL=ParentReturnButton.js.map

package/dist/esm/components/navigation/bubbleNavigator/parentReturnButton/ParentReturnButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParentReturnButton.js","names":["React","useContext","SimpleButton","getParentItemFromPath","BubbleNavigatorContext","ParentReturnButton","childItem","onBubbleClick","bubbleNavigatorContext","path","bubblesData","parentItem","Array","isArray","length","id","label","description","handleParentReturnButtonClick","createElement","className","cssClass","title","onClickHandler","leftIcon","icon"],"sources":["../../../../../../src/components/navigation/bubbleNavigator/parentReturnButton/ParentReturnButton.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { GenericFunction } from '../../../../interfaces/generic.interface';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\nimport { BubbleItem } from '../bubbleNavigator.interface';\nimport { getParentItemFromPath } from '../bubbleNavigatorUtilities';\nimport { BubbleNavigatorContext } from '../bubbleNavigatorContext/BubbleNavigatorContext';\n\ninterface ParentReturnButtonProps {\n  childItem?: BubbleItem;\n  onBubbleClick?: GenericFunction;\n}\n\nexport const ParentReturnButton: React.FC<ParentReturnButtonProps> = (\n  {\n    childItem,\n    onBubbleClick\n  }\n) => {\n  const bubbleNavigatorContext = useContext(BubbleNavigatorContext);\n\n  if (!childItem || !childItem.path || !bubbleNavigatorContext?.bubbleNavigatorContext) {\n    return null;\n  }\n\n  const { bubbleNavigatorContext: bubblesData } = bubbleNavigatorContext;\n\n  const parentItem: BubbleItem | BubbleItem[] = getParentItemFromPath(\n    {\n      bubblesData,\n      path: childItem.path\n    }\n  );\n\n  if (Array.isArray(parentItem) || childItem.path.length === 1) {\n    // The parent is the root tree so don't render a return button\n    return null;\n  }\n\n  const {\n    id,\n    label,\n    description,\n    path\n  } = parentItem as BubbleItem;\n\n  const handleParentReturnButtonClick = () => {\n    if (onBubbleClick) {\n      onBubbleClick({\n        parentItem,\n        path\n      });\n    }\n  };\n\n  return (\n    <div className=\"parentReturnButton\">\n      <SimpleButton\n        cssClass=\"button primary compact\"\n        label={ label }\n        title={ description }\n        id={ id }\n        onClickHandler={ handleParentReturnButtonClick }\n        leftIcon={ { icon: 'arrow-up' } }\n      />\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,YAAY,QAAQ,oCAAoC;AAEjE,SAASC,qBAAqB,QAAQ,6BAA6B;AACnE,SAASC,sBAAsB,QAAQ,kDAAkD;AAOzF,OAAO,MAAMC,kBAAqD,GAAGA,CACnE;EACEC,SAAS;EACTC;AACF,CAAC,KACE;EACH,MAAMC,sBAAsB,GAAGP,UAAU,CAACG,sBAAsB,CAAC;EAEjE,IAAI,CAACE,SAAS,IAAI,CAACA,SAAS,CAACG,IAAI,IAAI,CAACD,sBAAsB,EAAEA,sBAAsB,EAAE;IACpF,OAAO,IAAI;EACb;EAEA,MAAM;IAAEA,sBAAsB,EAAEE;EAAY,CAAC,GAAGF,sBAAsB;EAEtE,MAAMG,UAAqC,GAAGR,qBAAqB,CACjE;IACEO,WAAW;IACXD,IAAI,EAAEH,SAAS,CAACG;EAClB,CACF,CAAC;EAED,IAAIG,KAAK,CAACC,OAAO,CAACF,UAAU,CAAC,IAAIL,SAAS,CAACG,IAAI,CAACK,MAAM,KAAK,CAAC,EAAE;IAC5D;IACA,OAAO,IAAI;EACb;EAEA,MAAM;IACJC,EAAE;IACFC,KAAK;IACLC,WAAW;IACXR;EACF,CAAC,GAAGE,UAAwB;EAE5B,MAAMO,6BAA6B,GAAGA,CAAA,KAAM;IAC1C,IAAIX,aAAa,EAAE;MACjBA,aAAa,CAAC;QACZI,UAAU;QACVF;MACF,CAAC,CAAC;IACJ;EACF,CAAC;EAED,oBACET,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAoB,gBACjCpB,KAAA,CAAAmB,aAAA,CAACjB,YAAY;IACXmB,QAAQ,EAAC,wBAAwB;IACjCL,KAAK,EAAGA,KAAO;IACfM,KAAK,EAAGL,WAAa;IACrBF,EAAE,EAAGA,EAAI;IACTQ,cAAc,EAAGL,6BAA+B;IAChDM,QAAQ,EAAG;MAAEC,IAAI,EAAE;IAAW;EAAG,CAClC,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/components/navigation/link/Link.js

@@ -0,0 +1,17 @@
+'use client';
+
+import React from 'react';
+export const Link = ({
+  href,
+  label,
+  target = '_self',
+  customCssClass = ''
+}) => /*#__PURE__*/React.createElement("a", {
+  href: href,
+  title: label,
+  target: target,
+  className: `link ${customCssClass}`,
+  rel: target === '_blank' ? 'noopener noreferrer' : undefined
+}, label);
+export default Link;
+//# sourceMappingURL=Link.js.map

package/dist/esm/components/navigation/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":["React","Link","href","label","target","customCssClass","createElement","title","className","rel","undefined"],"sources":["../../../../../src/components/navigation/link/Link.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nexport interface LinkProps {\n    href: string;\n    label: string;\n    target?: '_self' | '_blank' | '_parent' | '_top';\n    customCssClass?: string;\n}\n\nexport const Link: React.FC<LinkProps> = ({\n  href,\n  label,\n  target = '_self',\n  customCssClass = ''\n}) => (\n  <a\n    href={ href }\n    title={ label }\n    target={ target }\n    className={ `link ${ customCssClass }` }\n    rel={ target === '_blank' ? 'noopener noreferrer' : undefined }\n  >\n    { label }\n  </a>\n);\n\nexport default Link;"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,MAAM,OAAO;AASzB,OAAO,MAAMC,IAAyB,GAAGA,CAAC;EACxCC,IAAI;EACJC,KAAK;EACLC,MAAM,GAAG,OAAO;EAChBC,cAAc,GAAG;AACnB,CAAC,kBACCL,KAAA,CAAAM,aAAA;EACEJ,IAAI,EAAGA,IAAM;EACbK,KAAK,EAAGJ,KAAO;EACfC,MAAM,EAAGA,MAAQ;EACjBI,SAAS,EAAG,QAASH,cAAc,EAAK;EACxCI,GAAG,EAAGL,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGM;AAAW,GAE7DP,KACD,CACJ;AAED,eAAeF,IAAI","ignoreList":[]}

package/dist/esm/components/navigation/menu/Menu.interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Menu.interfaces.js.map

package/dist/esm/components/navigation/menu/Menu.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.interfaces.js","names":[],"sources":["../../../../../src/components/navigation/menu/Menu.interfaces.ts"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport { GenericFunction } from '../../../interfaces';\n\nexport type MenuItemIconStates = {\n  open: string,\n  closed: string\n}\n\nexport type MenuItemIconPropTypes = string | ReactElement | MenuItemIconStates;\n\nexport type MenuItemIconsPropTypes = {\n  left?: MenuItemIconPropTypes,\n  right?: MenuItemIconPropTypes\n};\n\nexport interface MenuButtonPropTypes {\n  url?: string;\n  isOpen?: boolean;\n  icons?: MenuItemIconsPropTypes;\n  label: string | ReactElement | ReactNode;\n  hideLabel?: boolean;\n  onSelect?: GenericFunction;\n  hideItem?: boolean;\n  isActive?: boolean;\n  customCssClass?: string;\n  route?: string;\n  path?: number[];\n  id: string;\n  menuItems?: MenuItemPropTypes[];\n}\n\nexport interface MenuItemPropTypes extends MenuButtonPropTypes {\n  menuItems?: MenuItemPropTypes[];\n}\n"],"mappings":"","ignoreList":[]}