@hitachivantara/uikit-react-lab 2.6.18

package/dist/legacy/Loading/styles.js

@@ -0,0 +1,78 @@
+var interval = 0.11;
+
+var styles = function styles(theme) {
+  return {
+    loading: {
+      textAlign: "center"
+    },
+    centerPosition: {
+      width: "100%",
+      height: "100%",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    inlinePosition: {
+      marginTop: "5px"
+    },
+    loadingBar: {
+      display: "inline-block",
+      backgroundColor: theme.hv.palette.accent.acce1,
+      "&.regular": {
+        animation: "$loading-regular 1s ease-in-out infinite",
+        width: "4px",
+        height: "14px",
+        margin: "3px",
+        "&:nth-child(1)": {
+          animationDelay: "0"
+        },
+        "&:nth-child(2)": {
+          animationDelay: "".concat(interval * 2, "s")
+        },
+        "&:nth-child(3)": {
+          animationDelay: "".concat(interval * 4, "s")
+        }
+      },
+      "&.small": {
+        animation: "$loading-small 1s ease-in-out infinite",
+        width: "2px",
+        height: "10px",
+        margin: "4px 2px 2px 2px",
+        "&:nth-child(1)": {
+          animationDelay: "0"
+        },
+        "&:nth-child(2)": {
+          animationDelay: "".concat(interval, "s")
+        },
+        "&:nth-child(3)": {
+          animationDelay: "".concat(interval * 2, "s")
+        }
+      }
+    },
+    "@keyframes loading-regular": {
+      "0%": {
+        transform: "scale(1)",
+        backgroundColor: theme.hv.palette.accent.acce1
+      },
+      "50%": {
+        transform: "scale(1, 1.9)",
+        backgroundColor: theme.hv.palette.accent.acce3
+      }
+    },
+    "@keyframes loading-small": {
+      "0%": {
+        transform: "scale(1)",
+        backgroundColor: theme.hv.palette.accent.acce1
+      },
+      "50%": {
+        transform: "scale(1, 1.9)"
+      }
+    },
+    loadingText: {
+      marginTop: "20px"
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/Loading/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["interval","styles","theme","loading","textAlign","centerPosition","width","height","display","alignItems","justifyContent","inlinePosition","marginTop","loadingBar","backgroundColor","hv","palette","accent","acce1","animation","margin","animationDelay","transform","acce3","loadingText"],"sources":["../../../src/Loading/styles.js"],"sourcesContent":["const interval = 0.11;\n\nconst styles = (theme) => ({\n  loading: {\n    textAlign: \"center\",\n  },\n\n  centerPosition: {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  inlinePosition: {\n    marginTop: \"5px\",\n  },\n\n  loadingBar: {\n    display: \"inline-block\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n\n    \"&.regular\": {\n      animation: \"$loading-regular 1s ease-in-out infinite\",\n      width: \"4px\",\n      height: \"14px\",\n      margin: \"3px\",\n\n      \"&:nth-child(1)\": {\n        animationDelay: \"0\",\n      },\n      \"&:nth-child(2)\": {\n        animationDelay: `${interval * 2}s`,\n      },\n      \"&:nth-child(3)\": {\n        animationDelay: `${interval * 4}s`,\n      },\n    },\n\n    \"&.small\": {\n      animation: \"$loading-small 1s ease-in-out infinite\",\n      width: \"2px\",\n      height: \"10px\",\n      margin: \"4px 2px 2px 2px\",\n\n      \"&:nth-child(1)\": {\n        animationDelay: \"0\",\n      },\n      \"&:nth-child(2)\": {\n        animationDelay: `${interval}s`,\n      },\n      \"&:nth-child(3)\": {\n        animationDelay: `${interval * 2}s`,\n      },\n    },\n  },\n\n  \"@keyframes loading-regular\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"50%\": {\n      transform: \"scale(1, 1.9)\",\n      backgroundColor: theme.hv.palette.accent.acce3,\n    },\n  },\n\n  \"@keyframes loading-small\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"50%\": {\n      transform: \"scale(1, 1.9)\",\n    },\n  },\n\n  loadingText: {\n    marginTop: \"20px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,QAAQ,GAAG,IAAjB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,OAAO,EAAE;MACPC,SAAS,EAAE;IADJ,CADgB;IAKzBC,cAAc,EAAE;MACdC,KAAK,EAAE,MADO;MAEdC,MAAM,EAAE,MAFM;MAGdC,OAAO,EAAE,MAHK;MAIdC,UAAU,EAAE,QAJE;MAKdC,cAAc,EAAE;IALF,CALS;IAazBC,cAAc,EAAE;MACdC,SAAS,EAAE;IADG,CAbS;IAiBzBC,UAAU,EAAE;MACVL,OAAO,EAAE,cADC;MAEVM,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAF/B;MAIV,aAAa;QACXC,SAAS,EAAE,0CADA;QAEXb,KAAK,EAAE,KAFI;QAGXC,MAAM,EAAE,MAHG;QAIXa,MAAM,EAAE,KAJG;QAMX,kBAAkB;UAChBC,cAAc,EAAE;QADA,CANP;QASX,kBAAkB;UAChBA,cAAc,YAAKrB,QAAQ,GAAG,CAAhB;QADE,CATP;QAYX,kBAAkB;UAChBqB,cAAc,YAAKrB,QAAQ,GAAG,CAAhB;QADE;MAZP,CAJH;MAqBV,WAAW;QACTmB,SAAS,EAAE,wCADF;QAETb,KAAK,EAAE,KAFE;QAGTC,MAAM,EAAE,MAHC;QAITa,MAAM,EAAE,iBAJC;QAMT,kBAAkB;UAChBC,cAAc,EAAE;QADA,CANT;QAST,kBAAkB;UAChBA,cAAc,YAAKrB,QAAL;QADE,CATT;QAYT,kBAAkB;UAChBqB,cAAc,YAAKrB,QAAQ,GAAG,CAAhB;QADE;MAZT;IArBD,CAjBa;IAwDzB,8BAA8B;MAC5B,MAAM;QACJsB,SAAS,EAAE,UADP;QAEJR,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MAFrC,CADsB;MAK5B,OAAO;QACLI,SAAS,EAAE,eADN;QAELR,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBM;MAFpC;IALqB,CAxDL;IAmEzB,4BAA4B;MAC1B,MAAM;QACJD,SAAS,EAAE,UADP;QAEJR,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MAFrC,CADoB;MAK1B,OAAO;QACLI,SAAS,EAAE;MADN;IALmB,CAnEH;IA6EzBE,WAAW,EAAE;MACXZ,SAAS,EAAE;IADA;EA7EY,CAAZ;AAAA,CAAf;;AAkFA,eAAeX,MAAf"}

package/dist/legacy/NavigationAnchors/NavigationAnchors.d.ts

@@ -0,0 +1,46 @@
+import { StandardProps, DrawerProps } from "@material-ui/core";
+
+interface Option {
+  key: string;
+  label: string;
+  value: string;
+}
+
+export type HvNavigationAnchorsClassKey =
+  | "drawer"
+  | "dense"
+  | "drawerPaper"
+  | "drawerPaperPositionInherit"
+  | "listRoot"
+  | "listDense"
+  | "listItemSelected"
+  | "listItemRoot"
+  | "listItemGutters"
+  | "listItemTextSelected"
+  | "listItemTextDense";
+
+export interface HvNavigationAnchorsProps
+  extends StandardProps<DrawerProps, HvNavigationAnchorsClassKey> {
+  /**
+   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
+   */
+  options: Option[];
+  /**
+   * True if the href location link should be applied. It will create an a element around every list item
+   */
+  href?: boolean;
+  /**
+   * Whether the anchors are always in a fixed position
+   */
+  floating?: boolean;
+  /**
+   * Currently selected index passed from the parent.
+   */
+  selectedIndex?: number;
+  /**
+   * The Id of the scrollable container containing displayed elements
+   */
+  scrollElementId?: string;
+}
+
+export default function HvNavigationAnchors(props: HvNavigationAnchorsProps): JSX.Element | null;

package/dist/legacy/NavigationAnchors/NavigationAnchors.js

@@ -0,0 +1,275 @@
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.reflect.construct.js";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.split.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.concat.js";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { Drawer, List, ListItem, ListItemText, withStyles } from "@material-ui/core";
+import styles from "./styles";
+var RETRY_MAX = 5;
+/**
+ * A navigation component to help in changing views, still in development
+ */
+
+var NavigationAnchors = /*#__PURE__*/function (_React$Component) {
+  _inherits(NavigationAnchors, _React$Component);
+
+  var _super = _createSuper(NavigationAnchors);
+
+  function NavigationAnchors(props) {
+    var _this;
+
+    _classCallCheck(this, NavigationAnchors);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "afterLoadScrollIntoView", function () {
+      var hashValue = document.location.hash.split("#")[1] || "";
+      var ele = document.getElementById(hashValue);
+      var retry = 0;
+      _this.checkRenderedInterval = setInterval(function () {
+        ele = document.getElementById(hashValue);
+
+        if (ele) {
+          ele.scrollIntoView({
+            behavior: "smooth"
+          });
+          clearInterval(_this.checkRenderedInterval);
+        } else {
+          retry += 1;
+
+          if (retry === RETRY_MAX) {
+            clearInterval(_this.checkRenderedInterval);
+          }
+        }
+      }, 1000);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "checkScroll", function () {
+      var throttle = _this.state.throttle;
+
+      if (!throttle) {
+        var selectedIndex = _this.hasScrolledIntoView();
+
+        if (selectedIndex > -1) {
+          _this.setState({
+            selectedIndex: selectedIndex
+          });
+        }
+
+        _this.setState({
+          throttle: true
+        });
+
+        setTimeout(function () {
+          _this.setState({
+            throttle: false
+          });
+        }, 100);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "hasScrolledIntoView", function () {
+      var _this$props = _this.props,
+          options = _this$props.options,
+          scrollElementId = _this$props.scrollElementId; // Select last nav item if user has scrolled to bottom of page
+
+      var page = document.getElementById(scrollElementId);
+
+      if (!!page && page.scrollHeight - page.scrollTop === page.offsetHeight) {
+        return options.length - 1;
+      }
+
+      var bounds = _this.scrollEle.getBoundingClientRect();
+
+      var midPoint = bounds.top + window.scrollY + bounds.height / 2; // Find index of element where top is between the top and mid point of container
+
+      for (var i = 0; i < options.length; i += 1) {
+        var ele = document.getElementById(options[i].value);
+
+        if (ele) {
+          var rect = ele.getBoundingClientRect();
+          var elemTop = rect.top + window.scrollY; // Bounding rectangle relative to the top left corner of the parent.
+
+          if (elemTop >= bounds.top + window.scrollY && elemTop <= midPoint) {
+            return i;
+          }
+        }
+      }
+
+      return -1;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleListItemClick", function (event, id, index) {
+      _this.setState({
+        selectedIndex: index
+      });
+
+      var ele = document.getElementById(id);
+
+      if (ele) {
+        ele.scrollIntoView({
+          behavior: "smooth"
+        });
+      }
+
+      var _this$props2 = _this.props,
+          href = _this$props2.href,
+          onClick = _this$props2.onClick,
+          options = _this$props2.options;
+
+      if (!href && onClick) {
+        onClick(event, index);
+      } else if (href) {
+        window.history.pushState({}, "", "#".concat(options[index].value));
+      }
+    });
+
+    _this.state = {
+      selectedIndex: props.selectedIndex || 0,
+      throttle: false
+    };
+    return _this;
+  }
+
+  _createClass(NavigationAnchors, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var scrollElementId = this.props.scrollElementId;
+      this.afterLoadScrollIntoView(); // Check if scrolled
+
+      this.scrollEle = document.getElementById(scrollElementId);
+
+      if (this.scrollEle) {
+        this.scrollEle.addEventListener("wheel", this.checkScroll);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.scrollEle) {
+        this.scrollEle.removeEventListener("wheel", this.checkScroll);
+      }
+
+      clearInterval(this.checkRenderedInterval);
+    } // afterLoadScrollIntoView waits for the elements to be rendered on the page
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          options = _this$props3.options,
+          floating = _this$props3.floating;
+      var selectedIndex = this.state.selectedIndex;
+      return /*#__PURE__*/React.createElement(Drawer, {
+        className: clsx(classes.drawer, classes.dense),
+        variant: "persistent",
+        anchor: "left",
+        open: true,
+        classes: {
+          paper: clsx(classes.drawerPaper, !floating && classes.drawerPaperPositionInherit)
+        }
+      }, /*#__PURE__*/React.createElement(List, {
+        dense: true,
+        classes: {
+          root: classes.listRoot,
+          dense: classes.listDense
+        }
+      }, options.map(function (option, index) {
+        return /*#__PURE__*/React.createElement(ListItem, {
+          button: true,
+          classes: {
+            selected: classes.listItemSelected,
+            root: classes.listItemRoot,
+            gutters: classes.listItemGutters
+          },
+          key: option.key || option.label,
+          onClick: function onClick(event) {
+            return _this2.handleListItemClick(event, option.value, index);
+          },
+          selected: selectedIndex === index
+        }, /*#__PURE__*/React.createElement(ListItemText, {
+          classes: {
+            primary: clsx(selectedIndex === index && classes.listItemTextSelected),
+            dense: classes.listItemTextDense
+          },
+          primary: option.label
+        }));
+      })));
+    }
+  }]);
+
+  return NavigationAnchors;
+}(React.Component);
+
+process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
+  /**
+   *  Styles applied to the Drawer Paper element
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
+   */
+  options: PropTypes.arrayOf(function (propValue, key, componentName, location, propFullName) {
+    if (propValue[key].label === undefined || propValue[key].value === undefined) {
+      return new Error("Invalid prop \"".concat(propFullName, "\" supplied to \"").concat(componentName, "\". Validation Failed."));
+    }
+
+    return null;
+  }).isRequired,
+
+  /**
+   * True if the href location link should be applied. It will create an a element around every list item
+   */
+  href: PropTypes.bool,
+
+  /**
+   * A callback called on click of every list item, if the href is false
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Whether the anchors are always in a fixed position
+   */
+  floating: PropTypes.bool,
+
+  /**
+   * Currently selected index passed from the parent.
+   */
+  selectedIndex: PropTypes.number,
+
+  /**
+   * The Id of the scrollable container containing displayed elements
+   */
+  scrollElementId: PropTypes.string
+} : void 0;
+NavigationAnchors.defaultProps = {
+  href: true,
+  onClick: undefined,
+  floating: true,
+  selectedIndex: 0,
+  scrollElementId: ""
+};
+export default withStyles(styles, {
+  name: "HvNavigationAnchors"
+})(NavigationAnchors);
+//# sourceMappingURL=NavigationAnchors.js.map

package/dist/legacy/NavigationAnchors/NavigationAnchors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationAnchors.js","names":["React","PropTypes","clsx","Drawer","List","ListItem","ListItemText","withStyles","styles","RETRY_MAX","NavigationAnchors","props","hashValue","document","location","hash","split","ele","getElementById","retry","checkRenderedInterval","setInterval","scrollIntoView","behavior","clearInterval","throttle","state","selectedIndex","hasScrolledIntoView","setState","setTimeout","options","scrollElementId","page","scrollHeight","scrollTop","offsetHeight","length","bounds","scrollEle","getBoundingClientRect","midPoint","top","window","scrollY","height","i","value","rect","elemTop","event","id","index","href","onClick","history","pushState","afterLoadScrollIntoView","addEventListener","checkScroll","removeEventListener","classes","floating","drawer","dense","paper","drawerPaper","drawerPaperPositionInherit","root","listRoot","listDense","map","option","selected","listItemSelected","listItemRoot","gutters","listItemGutters","key","label","handleListItemClick","primary","listItemTextSelected","listItemTextDense","Component","propTypes","instanceOf","Object","isRequired","arrayOf","propValue","componentName","propFullName","undefined","Error","bool","func","number","string","defaultProps","name"],"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Drawer, List, ListItem, ListItemText, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst RETRY_MAX = 5;\n\n/**\n * A navigation component to help in changing views, still in development\n */\nclass NavigationAnchors extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      selectedIndex: props.selectedIndex || 0,\n      throttle: false,\n    };\n  }\n\n  componentDidMount() {\n    const { scrollElementId } = this.props;\n    this.afterLoadScrollIntoView();\n    // Check if scrolled\n    this.scrollEle = document.getElementById(scrollElementId);\n    if (this.scrollEle) {\n      this.scrollEle.addEventListener(\"wheel\", this.checkScroll);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.scrollEle) {\n      this.scrollEle.removeEventListener(\"wheel\", this.checkScroll);\n    }\n    clearInterval(this.checkRenderedInterval);\n  }\n\n  // afterLoadScrollIntoView waits for the elements to be rendered on the page\n  afterLoadScrollIntoView = () => {\n    const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n    let ele = document.getElementById(hashValue);\n\n    let retry = 0;\n    this.checkRenderedInterval = setInterval(() => {\n      ele = document.getElementById(hashValue);\n      if (ele) {\n        ele.scrollIntoView({ behavior: \"smooth\" });\n        clearInterval(this.checkRenderedInterval);\n      } else {\n        retry += 1;\n        if (retry === RETRY_MAX) {\n          clearInterval(this.checkRenderedInterval);\n        }\n      }\n    }, 1000);\n  };\n\n  checkScroll = () => {\n    const { throttle } = this.state;\n    if (!throttle) {\n      const selectedIndex = this.hasScrolledIntoView();\n      if (selectedIndex > -1) {\n        this.setState({ selectedIndex });\n      }\n      this.setState({\n        throttle: true,\n      });\n      setTimeout(() => {\n        this.setState({\n          throttle: false,\n        });\n      }, 100);\n    }\n  };\n\n  hasScrolledIntoView = () => {\n    const { options, scrollElementId } = this.props;\n\n    // Select last nav item if user has scrolled to bottom of page\n    const page = document.getElementById(scrollElementId);\n    if (!!page && page.scrollHeight - page.scrollTop === page.offsetHeight) {\n      return options.length - 1;\n    }\n\n    const bounds = this.scrollEle.getBoundingClientRect();\n    const midPoint = bounds.top + window.scrollY + bounds.height / 2;\n\n    // Find index of element where top is between the top and mid point of container\n    for (let i = 0; i < options.length; i += 1) {\n      const ele = document.getElementById(options[i].value);\n      if (ele) {\n        const rect = ele.getBoundingClientRect();\n        const elemTop = rect.top + window.scrollY;\n\n        // Bounding rectangle relative to the top left corner of the parent.\n        if (elemTop >= bounds.top + window.scrollY && elemTop <= midPoint) {\n          return i;\n        }\n      }\n    }\n    return -1;\n  };\n\n  handleListItemClick = (event, id, index) => {\n    this.setState({ selectedIndex: index });\n\n    const ele = document.getElementById(id);\n    if (ele) {\n      ele.scrollIntoView({ behavior: \"smooth\" });\n    }\n\n    const { href, onClick, options } = this.props;\n    if (!href && onClick) {\n      onClick(event, index);\n    } else if (href) {\n      window.history.pushState({}, \"\", `#${options[index].value}`);\n    }\n  };\n\n  render() {\n    const { classes, options, floating } = this.props;\n    const { selectedIndex } = this.state;\n\n    return (\n      <Drawer\n        className={clsx(classes.drawer, classes.dense)}\n        variant=\"persistent\"\n        anchor=\"left\"\n        open\n        classes={{\n          paper: clsx(classes.drawerPaper, {\n            [classes.drawerPaperPositionInherit]: !floating,\n          }),\n        }}\n      >\n        <List\n          dense\n          classes={{\n            root: classes.listRoot,\n            dense: classes.listDense,\n          }}\n        >\n          {options.map((option, index) => (\n            <ListItem\n              button\n              classes={{\n                selected: classes.listItemSelected,\n                root: classes.listItemRoot,\n                gutters: classes.listItemGutters,\n              }}\n              key={option.key || option.label}\n              onClick={(event) => this.handleListItemClick(event, option.value, index)}\n              selected={selectedIndex === index}\n            >\n              <ListItemText\n                classes={{\n                  primary: clsx({\n                    [classes.listItemTextSelected]: selectedIndex === index,\n                  }),\n                  dense: classes.listItemTextDense,\n                }}\n                primary={option.label}\n              />\n            </ListItem>\n          ))}\n        </List>\n      </Drawer>\n    );\n  }\n}\n\nNavigationAnchors.propTypes = {\n  /**\n   *  Styles applied to the Drawer Paper element\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf((propValue, key, componentName, location, propFullName) => {\n    if (propValue[key].label === undefined || propValue[key].value === undefined) {\n      return new Error(\n        `Invalid prop \"${propFullName}\" supplied to \"${componentName}\". Validation Failed.`\n      );\n    }\n    return null;\n  }).isRequired,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * A callback called on click of every list item, if the href is false\n   */\n  onClick: PropTypes.func,\n  /**\n   * Whether the anchors are always in a fixed position\n   */\n  floating: PropTypes.bool,\n  /**\n   * Currently selected index passed from the parent.\n   */\n  selectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements\n   */\n  scrollElementId: PropTypes.string,\n};\n\nNavigationAnchors.defaultProps = {\n  href: true,\n  onClick: undefined,\n  floating: true,\n  selectedIndex: 0,\n  scrollElementId: \"\",\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}

package/dist/legacy/NavigationAnchors/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./NavigationAnchors";
+export * from "./NavigationAnchors";

package/dist/legacy/NavigationAnchors/index.js

@@ -0,0 +1,2 @@
+export { default } from "./NavigationAnchors";
+//# sourceMappingURL=index.js.map

package/dist/legacy/NavigationAnchors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/NavigationAnchors/index.js"],"sourcesContent":["export { default } from \"./NavigationAnchors\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,qBAAxB"}

package/dist/legacy/NavigationAnchors/styles.js

@@ -0,0 +1,70 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  return {
+    drawerPaper: {
+      width: 200,
+      marginLeft: "".concat(theme.hv.spacing.xs, "px"),
+      background: "none",
+      borderRight: "none"
+    },
+    drawerPaperPositionInherit: {
+      position: "inherit"
+    },
+    listRoot: {
+      borderLeft: "1px solid ".concat(theme.hv.palette.atmosphere.atmo6)
+    },
+    listDense: {
+      paddingTop: 0,
+      paddingBottom: 0
+    },
+    listItemRoot: {
+      minHeight: 32,
+      background: "none",
+      marginBottom: "8px",
+      "&:last-child": {
+        marginBottom: "0"
+      },
+      "&:hover": {
+        backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo4)
+      },
+      "&$listItemSelected": {
+        backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo4)
+      },
+      "&$listItemSelected:hover": {
+        backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo4)
+      }
+    },
+    listItemGutters: {
+      "@media (min-width: 600px)": {
+        padding: "0 ".concat(theme.hv.spacing.xs, "px")
+      }
+    },
+    listItemSelected: {
+      left: "-1px",
+      borderLeft: "4px solid ".concat(theme.hv.palette.accent.acce1),
+      "@media (min-width: 600px)": {
+        paddingLeft: 7
+      }
+    },
+    listItemTextDense: {
+      fontSize: theme.hv.typography.normalText.fontSize,
+      fontWeight: "inherit"
+    },
+    listItemTextSelected: _objectSpread({}, theme.hv.typography.highlightText)
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/NavigationAnchors/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","drawerPaper","width","marginLeft","hv","spacing","xs","background","borderRight","drawerPaperPositionInherit","position","listRoot","borderLeft","palette","atmosphere","atmo6","listDense","paddingTop","paddingBottom","listItemRoot","minHeight","marginBottom","backgroundColor","atmo4","listItemGutters","padding","listItemSelected","left","accent","acce1","paddingLeft","listItemTextDense","fontSize","typography","normalText","fontWeight","listItemTextSelected","highlightText"],"sources":["../../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  drawerPaper: {\n    width: 200,\n    marginLeft: `${theme.hv.spacing.xs}px`,\n    background: \"none\",\n    borderRight: \"none\",\n  },\n  drawerPaperPositionInherit: {\n    position: \"inherit\",\n  },\n  listRoot: {\n    borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n  },\n  listDense: {\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  listItemRoot: {\n    minHeight: 32,\n    background: \"none\",\n    marginBottom: \"8px\",\n    \"&:last-child\": {\n      marginBottom: \"0\",\n    },\n    \"&:hover\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    \"&$listItemSelected\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    \"&$listItemSelected:hover\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo4}`,\n    },\n  },\n  listItemGutters: {\n    \"@media (min-width: 600px)\": {\n      padding: `0 ${theme.hv.spacing.xs}px`,\n    },\n  },\n  listItemSelected: {\n    left: \"-1px\",\n    borderLeft: `4px solid ${theme.hv.palette.accent.acce1}`,\n    \"@media (min-width: 600px)\": {\n      paddingLeft: 7,\n    },\n  },\n  listItemTextDense: {\n    fontSize: theme.hv.typography.normalText.fontSize,\n    fontWeight: \"inherit\",\n  },\n  listItemTextSelected: {\n    ...theme.hv.typography.highlightText,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,WAAW,EAAE;MACXC,KAAK,EAAE,GADI;MAEXC,UAAU,YAAKH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAtB,OAFC;MAGXC,UAAU,EAAE,MAHD;MAIXC,WAAW,EAAE;IAJF,CADY;IAOzBC,0BAA0B,EAAE;MAC1BC,QAAQ,EAAE;IADgB,CAPH;IAUzBC,QAAQ,EAAE;MACRC,UAAU,sBAAeZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C;IADF,CAVe;IAazBC,SAAS,EAAE;MACTC,UAAU,EAAE,CADH;MAETC,aAAa,EAAE;IAFN,CAbc;IAiBzBC,YAAY,EAAE;MACZC,SAAS,EAAE,EADC;MAEZb,UAAU,EAAE,MAFA;MAGZc,YAAY,EAAE,KAHF;MAIZ,gBAAgB;QACdA,YAAY,EAAE;MADA,CAJJ;MAOZ,WAAW;QACTC,eAAe,YAAKtB,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,UAAjB,CAA4BS,KAAjC;MADN,CAPC;MAUZ,sBAAsB;QACpBD,eAAe,YAAKtB,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,UAAjB,CAA4BS,KAAjC;MADK,CAVV;MAaZ,4BAA4B;QAC1BD,eAAe,YAAKtB,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,UAAjB,CAA4BS,KAAjC;MADW;IAbhB,CAjBW;IAkCzBC,eAAe,EAAE;MACf,6BAA6B;QAC3BC,OAAO,cAAOzB,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAxB;MADoB;IADd,CAlCQ;IAuCzBoB,gBAAgB,EAAE;MAChBC,IAAI,EAAE,MADU;MAEhBf,UAAU,sBAAeZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBe,MAAjB,CAAwBC,KAAvC,CAFM;MAGhB,6BAA6B;QAC3BC,WAAW,EAAE;MADc;IAHb,CAvCO;IA8CzBC,iBAAiB,EAAE;MACjBC,QAAQ,EAAEhC,KAAK,CAACI,EAAN,CAAS6B,UAAT,CAAoBC,UAApB,CAA+BF,QADxB;MAEjBG,UAAU,EAAE;IAFK,CA9CM;IAkDzBC,oBAAoB,oBACfpC,KAAK,CAACI,EAAN,CAAS6B,UAAT,CAAoBI,aADL;EAlDK,CAAZ;AAAA,CAAf;;AAuDA,eAAetC,MAAf"}

package/dist/legacy/NotificationPanel/Notification/Notification.js

@@ -0,0 +1,119 @@
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.reflect.construct.js";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/es.array.concat.js";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import moment from "moment/moment";
+
+var Notification = /*#__PURE__*/function (_Component) {
+  _inherits(Notification, _Component);
+
+  var _super = _createSuper(Notification);
+
+  function Notification() {
+    var _this;
+
+    _classCallCheck(this, Notification);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "getTime", function () {
+      var _this$props$notificat = _this.props.notification,
+          date = _this$props$notificat.date,
+          isRead = _this$props$notificat.isRead;
+
+      if (!isRead) {
+        return moment(date).fromNow();
+      }
+
+      var d = moment(date);
+      var format = "D MMMM YYYY, h:mm A";
+
+      if (d.isSame(Date.now(), "week")) {
+        format = "ddd, h:mm A";
+      }
+
+      return d.format(format);
+    });
+
+    return _this;
+  }
+
+  _createClass(Notification, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          _this$props$notificat2 = _this$props.notification,
+          title = _this$props$notificat2.title,
+          isRead = _this$props$notificat2.isRead,
+          icon = _this$props$notificat2.icon;
+      return /*#__PURE__*/React.createElement("div", {
+        className: clsx(classes.root, isRead && classes.read)
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes.iconContainer
+      }, icon), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        className: clsx(classes.title, isRead && classes.read)
+      }, title), /*#__PURE__*/React.createElement("div", {
+        className: clsx(classes.timeContainer, isRead && classes.read)
+      }, /*#__PURE__*/React.createElement("div", {
+        className: clsx(classes.bullet, isRead && classes.hide)
+      }), /*#__PURE__*/React.createElement("div", {
+        className: classes.time
+      }, this.getTime()))));
+    }
+  }]);
+
+  return Notification;
+}(Component);
+
+export { Notification as default };
+process.env.NODE_ENV !== "production" ? Notification.propTypes = {
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * Notification object to be rendered
+   */
+  notification: PropTypes.shape({
+    /**
+     * Title of the notification
+     */
+    title: PropTypes.string.isRequired,
+
+    /**
+     * 'true' if the notification has been read or 'false' if it has not been read
+     */
+    isRead: PropTypes.bool.isRequired,
+
+    /**
+     * date the notification was created
+     */
+    date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,
+
+    /**
+     * renderable icon that denotes the status of the notification
+     */
+    icon: PropTypes.element
+  }).isRequired
+} : void 0;
+//# sourceMappingURL=Notification.js.map

package/dist/legacy/NotificationPanel/Notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","names":["React","Component","PropTypes","clsx","moment","Notification","props","notification","date","isRead","fromNow","d","format","isSame","Date","now","classes","title","icon","root","read","iconContainer","timeContainer","bullet","hide","time","getTime","propTypes","instanceOf","Object","isRequired","shape","string","bool","oneOfType","number","object","element"],"sources":["../../../../src/NotificationPanel/Notification/Notification.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport moment from \"moment/moment\";\n\nexport default class Notification extends Component {\n  // TODO: figure out rules for how time should be presented\n  getTime = () => {\n    const {\n      notification: { date, isRead },\n    } = this.props;\n\n    if (!isRead) {\n      return moment(date).fromNow();\n    }\n\n    const d = moment(date);\n    let format = \"D MMMM YYYY, h:mm A\";\n\n    if (d.isSame(Date.now(), \"week\")) {\n      format = \"ddd, h:mm A\";\n    }\n\n    return d.format(format);\n  };\n\n  render() {\n    const {\n      classes,\n      notification: { title, isRead, icon },\n    } = this.props;\n\n    return (\n      <div className={clsx(classes.root, { [classes.read]: isRead })}>\n        <div className={classes.iconContainer}>{icon}</div>\n        <div>\n          <div className={clsx(classes.title, { [classes.read]: isRead })}>{title}</div>\n          <div className={clsx(classes.timeContainer, { [classes.read]: isRead })}>\n            <div className={clsx(classes.bullet, { [classes.hide]: isRead })} />\n            <div className={classes.time}>{this.getTime()}</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nNotification.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Notification object to be rendered\n   */\n  notification: PropTypes.shape({\n    /**\n     * Title of the notification\n     */\n    title: PropTypes.string.isRequired,\n    /**\n     * 'true' if the notification has been read or 'false' if it has not been read\n     */\n    isRead: PropTypes.bool.isRequired,\n    /**\n     * date the notification was created\n     */\n    date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n    /**\n     * renderable icon that denotes the status of the notification\n     */\n    icon: PropTypes.element,\n  }).isRequired,\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,MAAP,MAAmB,eAAnB;;IAEqBC,Y;;;;;;;;;;;;;;;;8DAET,YAAM;MACd,4BAEI,MAAKC,KAFT,CACEC,YADF;MAAA,IACkBC,IADlB,yBACkBA,IADlB;MAAA,IACwBC,MADxB,yBACwBA,MADxB;;MAIA,IAAI,CAACA,MAAL,EAAa;QACX,OAAOL,MAAM,CAACI,IAAD,CAAN,CAAaE,OAAb,EAAP;MACD;;MAED,IAAMC,CAAC,GAAGP,MAAM,CAACI,IAAD,CAAhB;MACA,IAAII,MAAM,GAAG,qBAAb;;MAEA,IAAID,CAAC,CAACE,MAAF,CAASC,IAAI,CAACC,GAAL,EAAT,EAAqB,MAArB,CAAJ,EAAkC;QAChCH,MAAM,GAAG,aAAT;MACD;;MAED,OAAOD,CAAC,CAACC,MAAF,CAASA,MAAT,CAAP;IACD,C;;;;;;;WAED,kBAAS;MACP,kBAGI,KAAKN,KAHT;MAAA,IACEU,OADF,eACEA,OADF;MAAA,yCAEET,YAFF;MAAA,IAEkBU,KAFlB,0BAEkBA,KAFlB;MAAA,IAEyBR,MAFzB,0BAEyBA,MAFzB;MAAA,IAEiCS,IAFjC,0BAEiCA,IAFjC;MAKA,oBACE;QAAK,SAAS,EAAEf,IAAI,CAACa,OAAO,CAACG,IAAT,EAAiCV,MAAjC,IAAkBO,OAAO,CAACI,IAA1B;MAApB,gBACE;QAAK,SAAS,EAAEJ,OAAO,CAACK;MAAxB,GAAwCH,IAAxC,CADF,eAEE,8CACE;QAAK,SAAS,EAAEf,IAAI,CAACa,OAAO,CAACC,KAAT,EAAkCR,MAAlC,IAAmBO,OAAO,CAACI,IAA3B;MAApB,GAAkEH,KAAlE,CADF,eAEE;QAAK,SAAS,EAAEd,IAAI,CAACa,OAAO,CAACM,aAAT,EAA0Cb,MAA1C,IAA2BO,OAAO,CAACI,IAAnC;MAApB,gBACE;QAAK,SAAS,EAAEjB,IAAI,CAACa,OAAO,CAACO,MAAT,EAAmCd,MAAnC,IAAoBO,OAAO,CAACQ,IAA5B;MAApB,EADF,eAEE;QAAK,SAAS,EAAER,OAAO,CAACS;MAAxB,GAA+B,KAAKC,OAAL,EAA/B,CAFF,CAFF,CAFF,CADF;IAYD;;;;EAvCuCzB,S;;SAArBI,Y;AA0CrB,wCAAAA,YAAY,CAACsB,SAAb,GAAyB;EACvB;AACF;AACA;EACEX,OAAO,EAAEd,SAAS,CAAC0B,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEvB,YAAY,EAAEL,SAAS,CAAC6B,KAAV,CAAgB;IAC5B;AACJ;AACA;IACId,KAAK,EAAEf,SAAS,CAAC8B,MAAV,CAAiBF,UAJI;;IAK5B;AACJ;AACA;IACIrB,MAAM,EAAEP,SAAS,CAAC+B,IAAV,CAAeH,UARK;;IAS5B;AACJ;AACA;IACItB,IAAI,EAAEN,SAAS,CAACgC,SAAV,CAAoB,CAAChC,SAAS,CAAC8B,MAAX,EAAmB9B,SAAS,CAACiC,MAA7B,EAAqCjC,SAAS,CAACkC,MAA/C,CAApB,EAA4EN,UAZtD;;IAa5B;AACJ;AACA;IACIZ,IAAI,EAAEhB,SAAS,CAACmC;EAhBY,CAAhB,EAiBXP;AAzBoB,CAAzB"}