@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/components/navigation/bubbleNavigator/bubbleNavigatorFilter/BubbleNavigatorFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleNavigatorFilter.js","names":["Object","defineProperty","exports","value","BubbleNavigatorFilter","_react","_interopRequireWildcard","require","_reactHookForm","_helpers","_Accordion","_InputCheckbox","_SimpleButton","_FormField","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","filterOptions","filterPanelHeight","onFilterChange","getValues","useFormContext","activeFilterOptions","setActiveFilterOptions","useState","ApplyFilters","filterKeys","createElement","className","FormField","label","text","field","type","id","name","SimpleButton","onClickHandler","Accordion","restrictHeight","heading","map","key","InputCheckbox","splitCamelCase","defaultChecked","indexOf"],"sources":["../../../../../../src/components/navigation/bubbleNavigator/bubbleNavigatorFilter/BubbleNavigatorFilter.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { splitCamelCase } from '../../../../helpers';\nimport { Accordion } from '../../../design/accordion/Accordion';\nimport { InputCheckbox } from '../../../form/formFields/subComponents/inputs/checkbox/InputCheckbox';\nimport { GenericFunction } from '../../../../interfaces/generic.interface';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\nimport { FormField } from '../../../form/formFields/formFieldWrapper/FormField';\n\nimport './bubbleNavigatorFilter.scss';\n\ninterface BubbleNavigatorFilterProps {\n  onFilterChange?: GenericFunction;\n  filterOptions?: string[];\n  filterPanelHeight?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';\n}\n\nexport const BubbleNavigatorFilter: React.FC<BubbleNavigatorFilterProps> = (\n  {\n    filterOptions,\n    filterPanelHeight = 's',\n    onFilterChange\n  }\n) => {\n  const { getValues } = useFormContext();\n\n  const [activeFilterOptions, setActiveFilterOptions] = useState<string[]>([]);\n\n  const ApplyFilters = () => {\n    // TODO: Get the form context\n    const filterKeys = getValues('bubbleFilterKeys');\n    setActiveFilterOptions(filterKeys);\n    if (onFilterChange) {\n      onFilterChange(filterKeys);\n    }\n  };\n\n  return (\n    <div className=\"bubbleNavigatorFilter\">\n      <fieldset className=\"filterSearchTerm\">\n        <FormField\n          {\n            ...{\n              label: {\n                text: 'Search text'\n              },\n              field: {\n                type: 'search',\n                id: 'bubbleFilterSearchText',\n                name: 'bubbleFilterSearchText'\n              }\n            }\n          }\n        />\n        <SimpleButton\n          label=\"apply filters\"\n          id=\"bubbleFilterApplyButton\"\n          onClickHandler={ ApplyFilters }\n        />\n      </fieldset>\n\n      <Accordion restrictHeight={ filterPanelHeight } id=\"bubbleNavigatorFilterAccordion\" heading=\"Filter based on category\">\n        <fieldset className=\"filterKeys\">\n          {\n            filterOptions && filterOptions.map((key) => (\n              <InputCheckbox key={ key }\n                {\n                  ...{\n                    label: {\n                      text: splitCamelCase(key)\n                    },\n                    field: {\n                      name: 'bubbleFilterKeys',\n                      id: key,\n                      value: key,\n                      defaultChecked: activeFilterOptions && activeFilterOptions.indexOf(key) !== -1\n                    }\n                  }\n                }\n              />\n            ))\n          }\n        </fieldset>\n      </Accordion>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/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/cjs/components/navigation/bubbleNavigator/bubbleNavigatorUtilities.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getParentItemFromPath = exports.getItemFromPath = exports.getFirstChildOfTypeAndValueFromItem = exports.getChildItemsByTypeAndValueFromItem = exports.getAllChildPropValues = exports.enhanceBubbleData = void 0;
+// Utility function - enhance each child with a path property to help with the drill-down navigation
+
+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]));
+};
+exports.enhanceBubbleData = enhanceBubbleData;
+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;
+};
+exports.getAllChildPropValues = getAllChildPropValues;
+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;
+};
+exports.getItemFromPath = getItemFromPath;
+const getParentItemFromPath = ({
+  bubblesData,
+  path
+}) => {
+  const parentPath = path.slice(0, -1);
+  return getItemFromPath({
+    bubblesData,
+    path: parentPath
+  });
+};
+exports.getParentItemFromPath = getParentItemFromPath;
+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;
+};
+exports.getChildItemsByTypeAndValueFromItem = getChildItemsByTypeAndValueFromItem;
+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;
+};
+exports.getFirstChildOfTypeAndValueFromItem = getFirstChildOfTypeAndValueFromItem;
+//# sourceMappingURL=bubbleNavigatorUtilities.js.map

package/dist/cjs/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","exports","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/cjs/components/navigation/bubbleNavigator/bubbleStatusSummary/BubbleStatusSummary.js

@@ -0,0 +1,69 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BubbleStatusSummary = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _bubbleNavigatorUtilities = require("../bubbleNavigatorUtilities");
+var _BubbleNavigatorContext = require("../bubbleNavigatorContext/BubbleNavigatorContext");
+var _BubbleStatusSummaryList = require("./bubbleStatusSummaryList/BubbleStatusSummaryList");
+require("./bubbleStatusSummary.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 BubbleStatusSummary = ({
+  childItem,
+  onStatusClick
+}) => {
+  const bubbleNavigatorContext = (0, _react.useContext)(_BubbleNavigatorContext.BubbleNavigatorContext);
+  const alertStatuses = (0, _react.useMemo)(() => (0, _bubbleNavigatorUtilities.getChildItemsByTypeAndValueFromItem)({
+    prop: 'status',
+    value: 'alert',
+    parentItem: childItem
+  }), [childItem]);
+  const defCon3Statuses = (0, _react.useMemo)(() => (0, _bubbleNavigatorUtilities.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 = (0, _bubbleNavigatorUtilities.getItemFromPath)({
+      bubblesData: bubblesData,
+      path
+    });
+    if (onStatusClick) {
+      onStatusClick({
+        childItem: statusChildItem,
+        path
+      });
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "bubbleStatusSummary"
+  }, /*#__PURE__*/_react.default.createElement(_BubbleStatusSummaryList.BubbleStatusSummaryList, {
+    onStatusClick: handleStatusClick,
+    parentItem: childItem,
+    statusType: 'alert',
+    statuses: alertStatuses
+  }), /*#__PURE__*/_react.default.createElement(_BubbleStatusSummaryList.BubbleStatusSummaryList, {
+    onStatusClick: handleStatusClick,
+    parentItem: childItem,
+    statusType: 'defCon3',
+    statuses: defCon3Statuses
+  }));
+};
+exports.BubbleStatusSummary = BubbleStatusSummary;
+//# sourceMappingURL=BubbleStatusSummary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleStatusSummary.js","names":["Object","defineProperty","exports","value","BubbleStatusSummary","_react","_interopRequireWildcard","require","_bubbleNavigatorUtilities","_BubbleNavigatorContext","_BubbleStatusSummaryList","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","childItem","onStatusClick","bubbleNavigatorContext","useContext","BubbleNavigatorContext","alertStatuses","useMemo","getChildItemsByTypeAndValueFromItem","prop","parentItem","defCon3Statuses","Array","isArray","bubblesData","handleStatusClick","nestedChildStatus","path","statusChildItem","getItemFromPath","createElement","className","BubbleStatusSummaryList","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":"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","ignoreList":[]}

package/dist/cjs/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/cjs/components/navigation/bubbleNavigator/bubbleStatusSummary/bubbleStatusSummaryList/BubbleStatusSummaryList.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BubbleStatusSummaryList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _StatusLight = require("../../../../design/statusIndicators/statusLight/StatusLight");
+var _stringHelpers = require("../../../../../helpers/stringHelpers");
+var _dateHelpers = require("../../../../../helpers/dateHelpers");
+var _Icon = require("../../../../design/icons/basicIcon/Icon");
+var _hooks = require("../../../../../hooks");
+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 BubbleStatusSummaryList = ({
+  statuses,
+  statusType,
+  parentItem,
+  onStatusClick
+}) => {
+  const statusCount = statuses.length;
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const bubbleStatusSummaryListElement = (0, _react.useRef)(null);
+  (0, _hooks.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.default.createElement("div", {
+    ref: bubbleStatusSummaryListElement,
+    className: "bubbleStatusSummaryList"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "bubbleStatusSummaryListLabel"
+  }, /*#__PURE__*/_react.default.createElement(_StatusLight.StatusLight, {
+    id: `bubbleStatusSummaryList_${statusType}_${id}`,
+    label: statusType,
+    description: `${statusCount} ${(0, _stringHelpers.pluralizeIfNeeded)(statusType, statusCount)}`,
+    size: 's',
+    includeDueDate: false,
+    status: statusType,
+    indicator: statusType,
+    onClick: toggleFullDetails
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "statusCount"
+  }, statusCount)), isOpen && /*#__PURE__*/_react.default.createElement("div", {
+    className: "bubbleStatusSummaryListPanel",
+    id: `bubbleStatusSummaryListPanel_${statusType}`
+  }, /*#__PURE__*/_react.default.createElement("h3", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: "target"
+  }), (0, _stringHelpers.pluralize)(statusType), " : ", label), /*#__PURE__*/_react.default.createElement("div", {
+    className: "statusListScroller"
+  }, /*#__PURE__*/_react.default.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 ? (0, _dateHelpers.dateToShortReadableDateTime)(dueAt) : 'TBD';
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: statusId
+    }, /*#__PURE__*/_react.default.createElement(_StatusLight.StatusLight, {
+      id: statusId,
+      label,
+      includeDueDate: false,
+      status: statusMap,
+      indicator: statusMap,
+      onClick: () => handleStatusClick(childStatus)
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "statusDetails"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "labelText"
+    }, label), /*#__PURE__*/_react.default.createElement("span", {
+      className: "description"
+    }, description), /*#__PURE__*/_react.default.createElement("span", {
+      className: "dueDate"
+    }, "Due date: ", formattedDueDateTime)));
+  })))));
+};
+exports.BubbleStatusSummaryList = BubbleStatusSummaryList;
+//# sourceMappingURL=BubbleStatusSummaryList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleStatusSummaryList.js","names":["_react","_interopRequireWildcard","require","_StatusLight","_stringHelpers","_dateHelpers","_Icon","_hooks","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BubbleStatusSummaryList","statuses","statusType","parentItem","onStatusClick","statusCount","length","isOpen","setIsOpen","useState","bubbleStatusSummaryListElement","useRef","useOnClickOutside","label","description","id","toggleFullDetails","handleStatusClick","childStatus","createElement","ref","className","StatusLight","pluralizeIfNeeded","size","includeDueDate","status","indicator","onClick","Icon","icon","pluralize","map","path","dueAt","statusMap","statusId","join","formattedDueDateTime","dateToShortReadableDateTime","key","exports"],"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/cjs/components/navigation/bubbleNavigator/bubblesReducer.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InitialBubbleState = exports.BubbleNavigatorReducer = void 0;
+const InitialBubbleState = exports.InitialBubbleState = {
+  bubblesData: [],
+  filteredData: [],
+  activeItem: [],
+  activeParentItem: [],
+  activeFilters: [],
+  activePath: [],
+  initialised: false
+};
+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;
+  }
+};
+exports.BubbleNavigatorReducer = BubbleNavigatorReducer;
+//# sourceMappingURL=bubblesReducer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bubblesReducer.js","names":["InitialBubbleState","exports","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":";;;;;;AAYO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,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;AAEM,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;AAACT,OAAA,CAAAQ,sBAAA,GAAAA,sBAAA","ignoreList":[]}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParentReturnButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SimpleButton = require("../../../form/buttons/SimpleButton");
+var _bubbleNavigatorUtilities = require("../bubbleNavigatorUtilities");
+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); }
+const ParentReturnButton = ({
+  childItem,
+  onBubbleClick
+}) => {
+  const bubbleNavigatorContext = (0, _react.useContext)(_BubbleNavigatorContext.BubbleNavigatorContext);
+  if (!childItem || !childItem.path || !bubbleNavigatorContext?.bubbleNavigatorContext) {
+    return null;
+  }
+  const {
+    bubbleNavigatorContext: bubblesData
+  } = bubbleNavigatorContext;
+  const parentItem = (0, _bubbleNavigatorUtilities.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.default.createElement("div", {
+    className: "parentReturnButton"
+  }, /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    cssClass: "button primary compact",
+    label: label,
+    title: description,
+    id: id,
+    onClickHandler: handleParentReturnButtonClick,
+    leftIcon: {
+      icon: 'arrow-up'
+    }
+  }));
+};
+exports.ParentReturnButton = ParentReturnButton;
+//# sourceMappingURL=ParentReturnButton.js.map