@hitachivantara/uikit-react-lab 2.6.18

package/dist/NavigationAnchors/NavigationAnchors.js

@@ -0,0 +1,297 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.split.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var RETRY_MAX = 5;
+/**
+ * A navigation component to help in changing views, still in development
+ */
+
+var NavigationAnchors = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(NavigationAnchors, _React$Component);
+
+  var _super = _createSuper(NavigationAnchors);
+
+  function NavigationAnchors(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, NavigationAnchors);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
+  }
+
+  (0, _createClass2.default)(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.default.createElement(_core.Drawer, {
+        className: (0, _clsx.default)(classes.drawer, classes.dense),
+        variant: "persistent",
+        anchor: "left",
+        open: true,
+        classes: {
+          paper: (0, _clsx.default)(classes.drawerPaper, !floating && classes.drawerPaperPositionInherit)
+        }
+      }, /*#__PURE__*/_react.default.createElement(_core.List, {
+        dense: true,
+        classes: {
+          root: classes.listRoot,
+          dense: classes.listDense
+        }
+      }, options.map(function (option, index) {
+        return /*#__PURE__*/_react.default.createElement(_core.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.default.createElement(_core.ListItemText, {
+          classes: {
+            primary: (0, _clsx.default)(selectedIndex === index && classes.listItemTextSelected),
+            dense: classes.listItemTextDense
+          },
+          primary: option.label
+        }));
+      })));
+    }
+  }]);
+  return NavigationAnchors;
+}(_react.default.Component);
+
+process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
+  /**
+   *  Styles applied to the Drawer Paper element
+   */
+  classes: _propTypes.default.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.default.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.default.bool,
+
+  /**
+   * A callback called on click of every list item, if the href is false
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * Whether the anchors are always in a fixed position
+   */
+  floating: _propTypes.default.bool,
+
+  /**
+   * Currently selected index passed from the parent.
+   */
+  selectedIndex: _propTypes.default.number,
+
+  /**
+   * The Id of the scrollable container containing displayed elements
+   */
+  scrollElementId: _propTypes.default.string
+} : void 0;
+NavigationAnchors.defaultProps = {
+  href: true,
+  onClick: undefined,
+  floating: true,
+  selectedIndex: 0,
+  scrollElementId: ""
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvNavigationAnchors"
+})(NavigationAnchors);
+
+exports.default = _default;
+//# sourceMappingURL=NavigationAnchors.js.map

package/dist/NavigationAnchors/NavigationAnchors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationAnchors.js","names":["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","clsx","drawer","dense","paper","drawerPaper","drawerPaperPositionInherit","root","listRoot","listDense","map","option","selected","listItemSelected","listItemRoot","gutters","listItemGutters","key","label","handleListItemClick","primary","listItemTextSelected","listItemTextDense","React","Component","propTypes","PropTypes","instanceOf","Object","isRequired","arrayOf","propValue","componentName","propFullName","undefined","Error","bool","func","number","string","defaultProps","withStyles","styles","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/NavigationAnchors/index.d.ts

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

package/dist/NavigationAnchors/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _NavigationAnchors.default;
+  }
+});
+
+var _NavigationAnchors = _interopRequireDefault(require("./NavigationAnchors"));
+//# sourceMappingURL=index.js.map

package/dist/NavigationAnchors/index.js.map

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

package/dist/NavigationAnchors/styles.js

@@ -0,0 +1,87 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (0, _defineProperty2.default)(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)
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/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;;eAuDetC,M"}

package/dist/NotificationPanel/Notification/Notification.js

@@ -0,0 +1,153 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _moment = _interopRequireDefault(require("moment/moment"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var Notification = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Notification, _Component);
+
+  var _super = _createSuper(Notification);
+
+  function Notification() {
+    var _this;
+
+    (0, _classCallCheck2.default)(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));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getTime", function () {
+      var _this$props$notificat = _this.props.notification,
+          date = _this$props$notificat.date,
+          isRead = _this$props$notificat.isRead;
+
+      if (!isRead) {
+        return (0, _moment.default)(date).fromNow();
+      }
+
+      var d = (0, _moment.default)(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;
+  }
+
+  (0, _createClass2.default)(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.default.createElement("div", {
+        className: (0, _clsx.default)(classes.root, isRead && classes.read)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.iconContainer
+      }, icon), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _clsx.default)(classes.title, isRead && classes.read)
+      }, title), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _clsx.default)(classes.timeContainer, isRead && classes.read)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _clsx.default)(classes.bullet, isRead && classes.hide)
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.time
+      }, this.getTime()))));
+    }
+  }]);
+  return Notification;
+}(_react.Component);
+
+exports.default = Notification;
+process.env.NODE_ENV !== "production" ? Notification.propTypes = {
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: _propTypes.default.instanceOf(Object).isRequired,
+
+  /**
+   * Notification object to be rendered
+   */
+  notification: _propTypes.default.shape({
+    /**
+     * Title of the notification
+     */
+    title: _propTypes.default.string.isRequired,
+
+    /**
+     * 'true' if the notification has been read or 'false' if it has not been read
+     */
+    isRead: _propTypes.default.bool.isRequired,
+
+    /**
+     * date the notification was created
+     */
+    date: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.object]).isRequired,
+
+    /**
+     * renderable icon that denotes the status of the notification
+     */
+    icon: _propTypes.default.element
+  }).isRequired
+} : void 0;
+//# sourceMappingURL=Notification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","names":["Notification","props","notification","date","isRead","moment","fromNow","d","format","isSame","Date","now","classes","title","icon","clsx","root","read","iconContainer","timeContainer","bullet","hide","time","getTime","Component","propTypes","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;;AACA;;AACA;;AACA;;;;;;;;;;IAEqBA,Y;;;;;;;;;;;;;;;0FAET,YAAM;MACd,4BAEI,MAAKC,KAFT,CACEC,YADF;MAAA,IACkBC,IADlB,yBACkBA,IADlB;MAAA,IACwBC,MADxB,yBACwBA,MADxB;;MAIA,IAAI,CAACA,MAAL,EAAa;QACX,OAAO,IAAAC,eAAA,EAAOF,IAAP,EAAaG,OAAb,EAAP;MACD;;MAED,IAAMC,CAAC,GAAG,IAAAF,eAAA,EAAOF,IAAP,CAAV;MACA,IAAIK,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,KAAKP,KAHT;MAAA,IACEW,OADF,eACEA,OADF;MAAA,yCAEEV,YAFF;MAAA,IAEkBW,KAFlB,0BAEkBA,KAFlB;MAAA,IAEyBT,MAFzB,0BAEyBA,MAFzB;MAAA,IAEiCU,IAFjC,0BAEiCA,IAFjC;MAKA,oBACE;QAAK,SAAS,EAAE,IAAAC,aAAA,EAAKH,OAAO,CAACI,IAAb,EAAqCZ,MAArC,IAAsBQ,OAAO,CAACK,IAA9B;MAAhB,gBACE;QAAK,SAAS,EAAEL,OAAO,CAACM;MAAxB,GAAwCJ,IAAxC,CADF,eAEE,uDACE;QAAK,SAAS,EAAE,IAAAC,aAAA,EAAKH,OAAO,CAACC,KAAb,EAAsCT,MAAtC,IAAuBQ,OAAO,CAACK,IAA/B;MAAhB,GAAkEJ,KAAlE,CADF,eAEE;QAAK,SAAS,EAAE,IAAAE,aAAA,EAAKH,OAAO,CAACO,aAAb,EAA8Cf,MAA9C,IAA+BQ,OAAO,CAACK,IAAvC;MAAhB,gBACE;QAAK,SAAS,EAAE,IAAAF,aAAA,EAAKH,OAAO,CAACQ,MAAb,EAAuChB,MAAvC,IAAwBQ,OAAO,CAACS,IAAhC;MAAhB,EADF,eAEE;QAAK,SAAS,EAAET,OAAO,CAACU;MAAxB,GAA+B,KAAKC,OAAL,EAA/B,CAFF,CAFF,CAFF,CADF;IAYD;;;EAvCuCC,gB;;;AA0C1C,wCAAAxB,YAAY,CAACyB,SAAb,GAAyB;EACvB;AACF;AACA;EACEb,OAAO,EAAEc,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACE3B,YAAY,EAAEwB,kBAAA,CAAUI,KAAV,CAAgB;IAC5B;AACJ;AACA;IACIjB,KAAK,EAAEa,kBAAA,CAAUK,MAAV,CAAiBF,UAJI;;IAK5B;AACJ;AACA;IACIzB,MAAM,EAAEsB,kBAAA,CAAUM,IAAV,CAAeH,UARK;;IAS5B;AACJ;AACA;IACI1B,IAAI,EAAEuB,kBAAA,CAAUO,SAAV,CAAoB,CAACP,kBAAA,CAAUK,MAAX,EAAmBL,kBAAA,CAAUQ,MAA7B,EAAqCR,kBAAA,CAAUS,MAA/C,CAApB,EAA4EN,UAZtD;;IAa5B;AACJ;AACA;IACIf,IAAI,EAAEY,kBAAA,CAAUU;EAhBY,CAAhB,EAiBXP;AAzBoB,CAAzB"}

package/dist/NotificationPanel/Notification/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _Notification = _interopRequireDefault(require("./Notification"));
+
+var _default = (0, _withStyles.default)(_styles.default, {
+  name: "HvNotificationPanelNotification"
+})(_Notification.default);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withStyles","styles","name","Notification"],"sources":["../../../src/NotificationPanel/Notification/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport Notification from \"./Notification\";\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,IAAAA,mBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgEC,qBAAhE,C"}