@hitachivantara/uikit-react-lab 2.6.18

package/dist/modern/NavigationAnchors/styles.js

@@ -0,0 +1,61 @@
+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; }
+
+const styles = theme => ({
+  drawerPaper: {
+    width: 200,
+    marginLeft: `${theme.hv.spacing.xs}px`,
+    background: "none",
+    borderRight: "none"
+  },
+  drawerPaperPositionInherit: {
+    position: "inherit"
+  },
+  listRoot: {
+    borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo6}`
+  },
+  listDense: {
+    paddingTop: 0,
+    paddingBottom: 0
+  },
+  listItemRoot: {
+    minHeight: 32,
+    background: "none",
+    marginBottom: "8px",
+    "&:last-child": {
+      marginBottom: "0"
+    },
+    "&:hover": {
+      backgroundColor: `${theme.hv.palette.atmosphere.atmo4}`
+    },
+    "&$listItemSelected": {
+      backgroundColor: `${theme.hv.palette.atmosphere.atmo4}`
+    },
+    "&$listItemSelected:hover": {
+      backgroundColor: `${theme.hv.palette.atmosphere.atmo4}`
+    }
+  },
+  listItemGutters: {
+    "@media (min-width: 600px)": {
+      padding: `0 ${theme.hv.spacing.xs}px`
+    }
+  },
+  listItemSelected: {
+    left: "-1px",
+    borderLeft: `4px solid ${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/modern/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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,WAAW,EAAE;IACXC,KAAK,EAAE,GADI;IAEXC,UAAU,EAAG,GAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAG,IAFxB;IAGXC,UAAU,EAAE,MAHD;IAIXC,WAAW,EAAE;EAJF,CADY;EAOzBC,0BAA0B,EAAE;IAC1BC,QAAQ,EAAE;EADgB,CAPH;EAUzBC,QAAQ,EAAE;IACRC,UAAU,EAAG,aAAYZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;EADnD,CAVe;EAazBC,SAAS,EAAE;IACTC,UAAU,EAAE,CADH;IAETC,aAAa,EAAE;EAFN,CAbc;EAiBzBC,YAAY,EAAE;IACZC,SAAS,EAAE,EADC;IAEZb,UAAU,EAAE,MAFA;IAGZc,YAAY,EAAE,KAHF;IAIZ,gBAAgB;MACdA,YAAY,EAAE;IADA,CAJJ;IAOZ,WAAW;MACTC,eAAe,EAAG,GAAEtB,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,UAAjB,CAA4BS,KAAM;IAD7C,CAPC;IAUZ,sBAAsB;MACpBD,eAAe,EAAG,GAAEtB,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,UAAjB,CAA4BS,KAAM;IADlC,CAVV;IAaZ,4BAA4B;MAC1BD,eAAe,EAAG,GAAEtB,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,UAAjB,CAA4BS,KAAM;IAD5B;EAbhB,CAjBW;EAkCzBC,eAAe,EAAE;IACf,6BAA6B;MAC3BC,OAAO,EAAG,KAAIzB,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAG;IADP;EADd,CAlCQ;EAuCzBoB,gBAAgB,EAAE;IAChBC,IAAI,EAAE,MADU;IAEhBf,UAAU,EAAG,aAAYZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBe,MAAjB,CAAwBC,KAAM,EAFvC;IAGhB,6BAA6B;MAC3BC,WAAW,EAAE;IADc;EAHb,CAvCO;EA8CzBC,iBAAiB,EAAE;IACjBC,QAAQ,EAAEhC,KAAK,CAACI,EAAN,CAAS6B,UAAT,CAAoBC,UAApB,CAA+BF,QADxB;IAEjBG,UAAU,EAAE;EAFK,CA9CM;EAkDzBC,oBAAoB,oBACfpC,KAAK,CAACI,EAAN,CAAS6B,UAAT,CAAoBI,aADL;AAlDK,CAAZ,CAAf;;AAuDA,eAAetC,MAAf"}

package/dist/modern/NotificationPanel/Notification/Notification.js

@@ -0,0 +1,90 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import moment from "moment/moment";
+export default class Notification extends Component {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "getTime", () => {
+      const {
+        notification: {
+          date,
+          isRead
+        }
+      } = this.props;
+
+      if (!isRead) {
+        return moment(date).fromNow();
+      }
+
+      const d = moment(date);
+      let format = "D MMMM YYYY, h:mm A";
+
+      if (d.isSame(Date.now(), "week")) {
+        format = "ddd, h:mm A";
+      }
+
+      return d.format(format);
+    });
+  }
+
+  render() {
+    const {
+      classes,
+      notification: {
+        title,
+        isRead,
+        icon
+      }
+    } = this.props;
+    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()))));
+  }
+
+}
+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/modern/NotificationPanel/Notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","names":["React","Component","PropTypes","clsx","moment","Notification","notification","date","isRead","props","fromNow","d","format","isSame","Date","now","render","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;AAEA,eAAe,MAAMC,YAAN,SAA2BJ,SAA3B,CAAqC;EAAA;IAAA;;IAAA,iCAExC,MAAM;MACd,MAAM;QACJK,YAAY,EAAE;UAAEC,IAAF;UAAQC;QAAR;MADV,IAEF,KAAKC,KAFT;;MAIA,IAAI,CAACD,MAAL,EAAa;QACX,OAAOJ,MAAM,CAACG,IAAD,CAAN,CAAaG,OAAb,EAAP;MACD;;MAED,MAAMC,CAAC,GAAGP,MAAM,CAACG,IAAD,CAAhB;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,CAnBiD;EAAA;;EAqBlDI,MAAM,GAAG;IACP,MAAM;MACJC,OADI;MAEJX,YAAY,EAAE;QAAEY,KAAF;QAASV,MAAT;QAAiBW;MAAjB;IAFV,IAGF,KAAKV,KAHT;IAKA,oBACE;MAAK,SAAS,EAAEN,IAAI,CAACc,OAAO,CAACG,IAAT,EAAiCZ,MAAjC,IAAkBS,OAAO,CAACI,IAA1B;IAApB,gBACE;MAAK,SAAS,EAAEJ,OAAO,CAACK;IAAxB,GAAwCH,IAAxC,CADF,eAEE,8CACE;MAAK,SAAS,EAAEhB,IAAI,CAACc,OAAO,CAACC,KAAT,EAAkCV,MAAlC,IAAmBS,OAAO,CAACI,IAA3B;IAApB,GAAkEH,KAAlE,CADF,eAEE;MAAK,SAAS,EAAEf,IAAI,CAACc,OAAO,CAACM,aAAT,EAA0Cf,MAA1C,IAA2BS,OAAO,CAACI,IAAnC;IAApB,gBACE;MAAK,SAAS,EAAElB,IAAI,CAACc,OAAO,CAACO,MAAT,EAAmChB,MAAnC,IAAoBS,OAAO,CAACQ,IAA5B;IAApB,EADF,eAEE;MAAK,SAAS,EAAER,OAAO,CAACS;IAAxB,GAA+B,KAAKC,OAAL,EAA/B,CAFF,CAFF,CAFF,CADF;EAYD;;AAvCiD;AA0CpD,wCAAAtB,YAAY,CAACuB,SAAb,GAAyB;EACvB;AACF;AACA;EACEX,OAAO,EAAEf,SAAS,CAAC2B,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEzB,YAAY,EAAEJ,SAAS,CAAC8B,KAAV,CAAgB;IAC5B;AACJ;AACA;IACId,KAAK,EAAEhB,SAAS,CAAC+B,MAAV,CAAiBF,UAJI;;IAK5B;AACJ;AACA;IACIvB,MAAM,EAAEN,SAAS,CAACgC,IAAV,CAAeH,UARK;;IAS5B;AACJ;AACA;IACIxB,IAAI,EAAEL,SAAS,CAACiC,SAAV,CAAoB,CAACjC,SAAS,CAAC+B,MAAX,EAAmB/B,SAAS,CAACkC,MAA7B,EAAqClC,SAAS,CAACmC,MAA/C,CAApB,EAA4EN,UAZtD;;IAa5B;AACJ;AACA;IACIZ,IAAI,EAAEjB,SAAS,CAACoC;EAhBY,CAAhB,EAiBXP;AAzBoB,CAAzB"}

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

@@ -0,0 +1,7 @@
+import withStyles from "@material-ui/core/styles/withStyles";
+import styles from "./styles";
+import Notification from "./Notification";
+export default withStyles(styles, {
+  name: "HvNotificationPanelNotification"
+})(Notification);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withStyles","styles","Notification","name"],"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,OAAOA,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,eAAeF,UAAU,CAACC,MAAD,EAAS;EAAEE,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgED,YAAhE,CAAf"}

package/dist/modern/NotificationPanel/Notification/styles.js

@@ -0,0 +1,45 @@
+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; }
+
+const styles = theme => ({
+  root: {
+    display: "flex",
+    minHeight: "68px",
+    backgroundColor: theme.palette.common.white,
+    color: theme.hv.palette.accent.acce1,
+    padding: `${theme.hv.spacing.sm}px ${theme.hv.spacing.sm}px`,
+    "&$read": {
+      backgroundColor: theme.hv.palette.atmosphere.atmo2
+    }
+  },
+  read: {},
+  iconContainer: {
+    width: "32px",
+    marginRight: `${theme.hv.spacing.sm}px`
+  },
+  title: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
+    marginBottom: "5px",
+    "&$read": _objectSpread({}, theme.hv.typography.normalText)
+  }),
+  timeContainer: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
+    display: "flex",
+    alignItems: "center"
+  }),
+  bullet: {
+    width: "6px",
+    height: "6px",
+    borderRadius: "50%",
+    marginRight: "6px",
+    backgroundColor: theme.palette.common.black,
+    "&$hide": {
+      display: "none"
+    }
+  },
+  hide: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","minHeight","backgroundColor","palette","common","white","color","hv","accent","acce1","padding","spacing","sm","atmosphere","atmo2","read","iconContainer","width","marginRight","title","typography","highlightText","marginBottom","normalText","timeContainer","vizText","alignItems","bullet","height","borderRadius","black","hide"],"sources":["../../../../src/NotificationPanel/Notification/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    minHeight: \"68px\",\n    backgroundColor: theme.palette.common.white,\n    color: theme.hv.palette.accent.acce1,\n    padding: `${theme.hv.spacing.sm}px ${theme.hv.spacing.sm}px`,\n\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n    },\n  },\n  read: {},\n  iconContainer: {\n    width: \"32px\",\n    marginRight: `${theme.hv.spacing.sm}px`,\n  },\n  title: {\n    ...theme.hv.typography.highlightText,\n    marginBottom: \"5px\",\n\n    \"&$read\": {\n      ...theme.hv.typography.normalText,\n    },\n  },\n  timeContainer: {\n    ...theme.hv.typography.vizText,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    width: \"6px\",\n    height: \"6px\",\n    borderRadius: \"50%\",\n    marginRight: \"6px\",\n    backgroundColor: theme.palette.common.black,\n\n    \"&$hide\": {\n      display: \"none\",\n    },\n  },\n  hide: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,SAAS,EAAE,MAFP;IAGJC,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBC,KAHlC;IAIJC,KAAK,EAAER,KAAK,CAACS,EAAN,CAASJ,OAAT,CAAiBK,MAAjB,CAAwBC,KAJ3B;IAKJC,OAAO,EAAG,GAAEZ,KAAK,CAACS,EAAN,CAASI,OAAT,CAAiBC,EAAG,MAAKd,KAAK,CAACS,EAAN,CAASI,OAAT,CAAiBC,EAAG,IALrD;IAOJ,UAAU;MACRV,eAAe,EAAEJ,KAAK,CAACS,EAAN,CAASJ,OAAT,CAAiBU,UAAjB,CAA4BC;IADrC;EAPN,CADmB;EAYzBC,IAAI,EAAE,EAZmB;EAazBC,aAAa,EAAE;IACbC,KAAK,EAAE,MADM;IAEbC,WAAW,EAAG,GAAEpB,KAAK,CAACS,EAAN,CAASI,OAAT,CAAiBC,EAAG;EAFvB,CAbU;EAiBzBO,KAAK,kCACArB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,aADpB;IAEHC,YAAY,EAAE,KAFX;IAIH,4BACKxB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBG,UADzB;EAJG,EAjBoB;EAyBzBC,aAAa,kCACR1B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,OADZ;IAEXzB,OAAO,EAAE,MAFE;IAGX0B,UAAU,EAAE;EAHD,EAzBY;EA8BzBC,MAAM,EAAE;IACNV,KAAK,EAAE,KADD;IAENW,MAAM,EAAE,KAFF;IAGNC,YAAY,EAAE,KAHR;IAINX,WAAW,EAAE,KAJP;IAKNhB,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqB0B,KALhC;IAON,UAAU;MACR9B,OAAO,EAAE;IADD;EAPJ,CA9BiB;EAyCzB+B,IAAI,EAAE;AAzCmB,CAAZ,CAAf;;AA4CA,eAAelC,MAAf"}

package/dist/modern/NotificationPanel/NotificationPanel.d.ts

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+interface Header {
+  /**
+   * The title of the header
+   */
+  headerTitle: string;
+  /**
+   * The icon that denoted close functionality
+   */
+  headerCloseImg: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+interface Notification {
+  /**
+   * Id of notification
+   */
+  id: string;
+}
+
+export type HvNotificationPanelClassKey = "panel" | "badgeBorder";
+
+export interface HvNotificationPanelProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvNotificationPanelClassKey> {
+  /**
+   * 'true' if panel is open or 'false' if the panel is not open
+   */
+  open?: boolean;
+
+  /**
+   * renderable element that opens the notification panel
+   */
+  icon: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+  /**
+   * Object that holds header properties
+   */
+  header: Header;
+  /**
+   * Array of notification object to be rendered inside the panel
+   */
+  notifications: Notification[];
+  /**
+   * renderable footer element
+   */
+  footer: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+export default function HvNotificationPanel(props: HvNotificationPanelProps): JSX.Element | null;

package/dist/modern/NotificationPanel/NotificationPanel.js

@@ -0,0 +1,153 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import map from "lodash/map";
+import { withStyles } from "@material-ui/core";
+import { HvBadge } from "@hitachivantara/uikit-react-core";
+import Panel from "./Panel";
+import Notification from "./Notification";
+import styles from "./styles";
+/**
+ * Notification Panel displays all of read and unread notifications. Still in development
+ */
+
+class HvNotificationPanel extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "handleIconClick", () => {
+      this.setState(prevState => ({
+        open: !prevState.open
+      }));
+    });
+
+    _defineProperty(this, "handleIconKeyDown", e => {
+      if (e.keyCode === 13) {
+        this.setState(prevState => ({
+          open: !prevState.open
+        }));
+      }
+    });
+
+    _defineProperty(this, "onClose", () => {
+      this.setState({
+        open: false
+      });
+    });
+
+    this.state = {
+      open: props.open
+    };
+  }
+
+  render() {
+    const {
+      classes,
+      icon,
+      header,
+      footer,
+      notifications
+    } = this.props;
+    const {
+      open
+    } = this.state;
+    const n = map(notifications, notification => /*#__PURE__*/React.createElement(Notification, {
+      key: notification.id,
+      notification: notification
+    }));
+    const panelProps = {
+      open,
+      classes: {
+        panel: classes.panel
+      },
+      onClose: this.onClose,
+      header,
+      footer,
+      notifications
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.root
+    }, /*#__PURE__*/React.createElement("div", {
+      role: "button",
+      className: classes.iconWrapper,
+      tabIndex: "0",
+      onKeyDown: this.handleIconKeyDown,
+      onClick: this.handleIconClick
+    }, /*#__PURE__*/React.createElement(HvBadge, {
+      icon: icon,
+      showCount: true,
+      count: notifications.length,
+      classes: {
+        root: classes.badgeBorder
+      }
+    })), /*#__PURE__*/React.createElement(Panel, panelProps, n));
+  }
+
+}
+
+process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
+  /**
+   * 'true' if panel is open or 'false' if the panel is not open
+   */
+  open: PropTypes.bool,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    iconWrapper: PropTypes.string,
+
+    /**
+     * styles object applied to the panel
+     */
+    panel: PropTypes.any,
+
+    /**
+     * styles object applied to badgeContainer
+     */
+    badgeBorder: PropTypes.any
+  }).isRequired,
+
+  /**
+   * renderable element that opens the notification panel
+   */
+  icon: PropTypes.element.isRequired,
+
+  /**
+   * Object that holds header properties
+   */
+  header: PropTypes.shape({
+    /**
+     * The title of the header
+     */
+    headerTitle: PropTypes.string.isRequired,
+
+    /**
+     * The icon that denoted close functionality
+     */
+    headerCloseImg: PropTypes.element.isRequired
+  }).isRequired,
+
+  /**
+   * Array of notification object to be rendered inside the panel
+   */
+  notifications: PropTypes.arrayOf(PropTypes.shape({
+    /**
+     * Id of notification
+     */
+    id: PropTypes.string.isRequired
+  })).isRequired,
+
+  /**
+   * renderable footer element
+   */
+  footer: PropTypes.element.isRequired
+} : void 0;
+HvNotificationPanel.defaultProps = {
+  open: false
+};
+export default withStyles(styles, {
+  name: "HvNotificationPanel"
+})(HvNotificationPanel);
+//# sourceMappingURL=NotificationPanel.js.map

package/dist/modern/NotificationPanel/NotificationPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationPanel.js","names":["React","Component","PropTypes","map","withStyles","HvBadge","Panel","Notification","styles","HvNotificationPanel","constructor","props","setState","prevState","open","e","keyCode","state","render","classes","icon","header","footer","notifications","n","notification","id","panelProps","panel","onClose","root","iconWrapper","handleIconKeyDown","handleIconClick","length","badgeBorder","propTypes","bool","shape","string","any","isRequired","element","headerTitle","headerCloseImg","arrayOf","defaultProps","name"],"sources":["../../../src/NotificationPanel/NotificationPanel.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport map from \"lodash/map\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvBadge } from \"@hitachivantara/uikit-react-core\";\nimport Panel from \"./Panel\";\nimport Notification from \"./Notification\";\nimport styles from \"./styles\";\n\n/**\n * Notification Panel displays all of read and unread notifications. Still in development\n */\nclass HvNotificationPanel extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      open: props.open,\n    };\n  }\n\n  handleIconClick = () => {\n    this.setState((prevState) => ({\n      open: !prevState.open,\n    }));\n  };\n\n  handleIconKeyDown = (e) => {\n    if (e.keyCode === 13) {\n      this.setState((prevState) => ({\n        open: !prevState.open,\n      }));\n    }\n  };\n\n  onClose = () => {\n    this.setState({\n      open: false,\n    });\n  };\n\n  render() {\n    const { classes, icon, header, footer, notifications } = this.props;\n    const { open } = this.state;\n\n    const n = map(notifications, (notification) => (\n      <Notification key={notification.id} notification={notification} />\n    ));\n\n    const panelProps = {\n      open,\n      classes: {\n        panel: classes.panel,\n      },\n      onClose: this.onClose,\n      header,\n      footer,\n      notifications,\n    };\n\n    return (\n      <div className={classes.root}>\n        <div\n          role=\"button\"\n          className={classes.iconWrapper}\n          tabIndex=\"0\"\n          onKeyDown={this.handleIconKeyDown}\n          onClick={this.handleIconClick}\n        >\n          <HvBadge\n            icon={icon}\n            showCount\n            count={notifications.length}\n            classes={{ root: classes.badgeBorder }}\n          />\n        </div>\n        <Panel {...panelProps}>{n}</Panel>\n      </div>\n    );\n  }\n}\n\nHvNotificationPanel.propTypes = {\n  /**\n   * 'true' if panel is open or 'false' if the panel is not open\n   */\n  open: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    iconWrapper: PropTypes.string,\n    /**\n     * styles object applied to the panel\n     */\n    panel: PropTypes.any,\n    /**\n     * styles object applied to badgeContainer\n     */\n    badgeBorder: PropTypes.any,\n  }).isRequired,\n  /**\n   * renderable element that opens the notification panel\n   */\n  icon: PropTypes.element.isRequired,\n  /**\n   * Object that holds header properties\n   */\n  header: PropTypes.shape({\n    /**\n     * The title of the header\n     */\n    headerTitle: PropTypes.string.isRequired,\n    /**\n     * The icon that denoted close functionality\n     */\n    headerCloseImg: PropTypes.element.isRequired,\n  }).isRequired,\n  /**\n   * Array of notification object to be rendered inside the panel\n   */\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of notification\n       */\n      id: PropTypes.string.isRequired,\n    })\n  ).isRequired,\n  /**\n   * renderable footer element\n   */\n  footer: PropTypes.element.isRequired,\n};\n\nHvNotificationPanel.defaultProps = {\n  open: false,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanel\" })(HvNotificationPanel);\n"],"mappings":"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"}

package/dist/modern/NotificationPanel/Panel/Panel.js

@@ -0,0 +1,133 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import _ from "lodash";
+import { HvBadge } from "@hitachivantara/uikit-react-core";
+const EnterKeyCode = 13;
+export default class Panel extends Component {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "onKeyDownClose", e => {
+      if (e.keyCode === EnterKeyCode) {
+        const {
+          onClose
+        } = this.props;
+        onClose();
+      }
+    });
+  }
+
+  render() {
+    const {
+      classes,
+      open,
+      header: {
+        headerTitle,
+        headerCloseImg
+      },
+      notifications,
+      onClose,
+      footer,
+      children
+    } = this.props;
+
+    const newNotificationCount = _.filter(notifications, notification => !notification.isRead).length;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: `${classes.root} ${open ? classes.open : ""} ${classes.panel}`,
+      ref: this.rootRef
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.header
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.titleContainer
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.title
+    }, headerTitle), /*#__PURE__*/React.createElement(HvBadge, {
+      count: newNotificationCount,
+      showCount: true
+    })), /*#__PURE__*/React.createElement("div", {
+      role: "button",
+      className: classes.close,
+      tabIndex: "0",
+      onKeyDown: this.onKeyDownClose,
+      onClick: onClose
+    }, headerCloseImg)), /*#__PURE__*/React.createElement("div", {
+      className: classes.notificationsContainer
+    }, children), /*#__PURE__*/React.createElement("div", {
+      className: classes.footerContainer
+    }, footer));
+  }
+
+}
+process.env.NODE_ENV !== "production" ? Panel.propTypes = {
+  /**
+   * 'true' if the panel is open or 'false if the panel is closed
+   */
+  open: PropTypes.bool,
+
+  /**
+   * Number of new notifications
+   */
+  notifications: PropTypes.arrayOf(PropTypes.shape({
+    /**
+     * 'true' if notification has been read; 'false' otherwise
+     */
+    isRead: PropTypes.bool.isRequired
+  }).isRequired),
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * styles applied to the panel
+     */
+    panel: PropTypes.string,
+    root: PropTypes.string,
+    open: PropTypes.string,
+    header: PropTypes.string,
+    titleContainer: PropTypes.string,
+    title: PropTypes.string,
+    close: PropTypes.string,
+    notificationsContainer: PropTypes.string,
+    footerContainer: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The function that will be executed when the panel is closed
+   */
+  onClose: PropTypes.func.isRequired,
+
+  /**
+   * Object that holds header properties
+   */
+  header: PropTypes.shape({
+    /**
+     * The title of the header
+     */
+    headerTitle: PropTypes.string.isRequired,
+
+    /**
+     * The icon that denoted close functionality
+     */
+    headerCloseImg: PropTypes.element.isRequired
+  }).isRequired,
+
+  /**
+   * The renderable footer element
+   */
+  footer: PropTypes.element.isRequired,
+
+  /**
+   * Node to be rendered
+   */
+  children: PropTypes.node
+} : void 0;
+Panel.defaultProps = {
+  open: false,
+  notifications: [],
+  children: null
+};
+//# sourceMappingURL=Panel.js.map

package/dist/modern/NotificationPanel/Panel/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","names":["React","Component","PropTypes","_","HvBadge","EnterKeyCode","Panel","e","keyCode","onClose","props","render","classes","open","header","headerTitle","headerCloseImg","notifications","footer","children","newNotificationCount","filter","notification","isRead","length","root","panel","rootRef","titleContainer","title","close","onKeyDownClose","notificationsContainer","footerContainer","propTypes","bool","arrayOf","shape","isRequired","string","func","element","node","defaultProps"],"sources":["../../../../src/NotificationPanel/Panel/Panel.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport _ from \"lodash\";\nimport { HvBadge } from \"@hitachivantara/uikit-react-core\";\n\nconst EnterKeyCode = 13;\n\nexport default class Panel extends Component {\n  onKeyDownClose = (e) => {\n    if (e.keyCode === EnterKeyCode) {\n      const { onClose } = this.props;\n      onClose();\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      open,\n      header: { headerTitle, headerCloseImg },\n      notifications,\n      onClose,\n      footer,\n      children,\n    } = this.props;\n    const newNotificationCount = _.filter(\n      notifications,\n      (notification) => !notification.isRead\n    ).length;\n\n    return (\n      <div\n        className={`${classes.root} ${open ? classes.open : \"\"} ${classes.panel}`}\n        ref={this.rootRef}\n      >\n        <div className={classes.header}>\n          <div className={classes.titleContainer}>\n            <div className={classes.title}>{headerTitle}</div>\n            <HvBadge count={newNotificationCount} showCount />\n          </div>\n          <div\n            role=\"button\"\n            className={classes.close}\n            tabIndex=\"0\"\n            onKeyDown={this.onKeyDownClose}\n            onClick={onClose}\n          >\n            {headerCloseImg}\n          </div>\n        </div>\n        <div className={classes.notificationsContainer}>{children}</div>\n        <div className={classes.footerContainer}>{footer}</div>\n      </div>\n    );\n  }\n}\n\nPanel.propTypes = {\n  /**\n   * 'true' if the panel is open or 'false if the panel is closed\n   */\n  open: PropTypes.bool,\n  /**\n   * Number of new notifications\n   */\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * 'true' if notification has been read; 'false' otherwise\n       */\n      isRead: PropTypes.bool.isRequired,\n    }).isRequired\n  ),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * styles applied to the panel\n     */\n    panel: PropTypes.string,\n    root: PropTypes.string,\n    open: PropTypes.string,\n    header: PropTypes.string,\n    titleContainer: PropTypes.string,\n    title: PropTypes.string,\n    close: PropTypes.string,\n    notificationsContainer: PropTypes.string,\n    footerContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * The function that will be executed when the panel is closed\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Object that holds header properties\n   */\n  header: PropTypes.shape({\n    /**\n     * The title of the header\n     */\n    headerTitle: PropTypes.string.isRequired,\n    /**\n     * The icon that denoted close functionality\n     */\n    headerCloseImg: PropTypes.element.isRequired,\n  }).isRequired,\n  /**\n   * The renderable footer element\n   */\n  footer: PropTypes.element.isRequired,\n  /**\n   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nPanel.defaultProps = {\n  open: false,\n  notifications: [],\n  children: null,\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,CAAP,MAAc,QAAd;AACA,SAASC,OAAT,QAAwB,kCAAxB;AAEA,MAAMC,YAAY,GAAG,EAArB;AAEA,eAAe,MAAMC,KAAN,SAAoBL,SAApB,CAA8B;EAAA;IAAA;;IAAA,wCACzBM,CAAD,IAAO;MACtB,IAAIA,CAAC,CAACC,OAAF,KAAcH,YAAlB,EAAgC;QAC9B,MAAM;UAAEI;QAAF,IAAc,KAAKC,KAAzB;QACAD,OAAO;MACR;IACF,CAN0C;EAAA;;EAQ3CE,MAAM,GAAG;IACP,MAAM;MACJC,OADI;MAEJC,IAFI;MAGJC,MAAM,EAAE;QAAEC,WAAF;QAAeC;MAAf,CAHJ;MAIJC,aAJI;MAKJR,OALI;MAMJS,MANI;MAOJC;IAPI,IAQF,KAAKT,KART;;IASA,MAAMU,oBAAoB,GAAGjB,CAAC,CAACkB,MAAF,CAC3BJ,aAD2B,EAE1BK,YAAD,IAAkB,CAACA,YAAY,CAACC,MAFL,EAG3BC,MAHF;;IAKA,oBACE;MACE,SAAS,EAAG,GAAEZ,OAAO,CAACa,IAAK,IAAGZ,IAAI,GAAGD,OAAO,CAACC,IAAX,GAAkB,EAAG,IAAGD,OAAO,CAACc,KAAM,EAD1E;MAEE,GAAG,EAAE,KAAKC;IAFZ,gBAIE;MAAK,SAAS,EAAEf,OAAO,CAACE;IAAxB,gBACE;MAAK,SAAS,EAAEF,OAAO,CAACgB;IAAxB,gBACE;MAAK,SAAS,EAAEhB,OAAO,CAACiB;IAAxB,GAAgCd,WAAhC,CADF,eAEE,oBAAC,OAAD;MAAS,KAAK,EAAEK,oBAAhB;MAAsC,SAAS;IAA/C,EAFF,CADF,eAKE;MACE,IAAI,EAAC,QADP;MAEE,SAAS,EAAER,OAAO,CAACkB,KAFrB;MAGE,QAAQ,EAAC,GAHX;MAIE,SAAS,EAAE,KAAKC,cAJlB;MAKE,OAAO,EAAEtB;IALX,GAOGO,cAPH,CALF,CAJF,eAmBE;MAAK,SAAS,EAAEJ,OAAO,CAACoB;IAAxB,GAAiDb,QAAjD,CAnBF,eAoBE;MAAK,SAAS,EAAEP,OAAO,CAACqB;IAAxB,GAA0Cf,MAA1C,CApBF,CADF;EAwBD;;AA/C0C;AAkD7C,wCAAAZ,KAAK,CAAC4B,SAAN,GAAkB;EAChB;AACF;AACA;EACErB,IAAI,EAAEX,SAAS,CAACiC,IAJA;;EAKhB;AACF;AACA;EACElB,aAAa,EAAEf,SAAS,CAACkC,OAAV,CACblC,SAAS,CAACmC,KAAV,CAAgB;IACd;AACN;AACA;IACMd,MAAM,EAAErB,SAAS,CAACiC,IAAV,CAAeG;EAJT,CAAhB,EAKGA,UANU,CARC;;EAgBhB;AACF;AACA;EACE1B,OAAO,EAAEV,SAAS,CAACmC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,KAAK,EAAExB,SAAS,CAACqC,MAJM;IAKvBd,IAAI,EAAEvB,SAAS,CAACqC,MALO;IAMvB1B,IAAI,EAAEX,SAAS,CAACqC,MANO;IAOvBzB,MAAM,EAAEZ,SAAS,CAACqC,MAPK;IAQvBX,cAAc,EAAE1B,SAAS,CAACqC,MARH;IASvBV,KAAK,EAAE3B,SAAS,CAACqC,MATM;IAUvBT,KAAK,EAAE5B,SAAS,CAACqC,MAVM;IAWvBP,sBAAsB,EAAE9B,SAAS,CAACqC,MAXX;IAYvBN,eAAe,EAAE/B,SAAS,CAACqC;EAZJ,CAAhB,EAaND,UAhCa;;EAiChB;AACF;AACA;EACE7B,OAAO,EAAEP,SAAS,CAACsC,IAAV,CAAeF,UApCR;;EAqChB;AACF;AACA;EACExB,MAAM,EAAEZ,SAAS,CAACmC,KAAV,CAAgB;IACtB;AACJ;AACA;IACItB,WAAW,EAAEb,SAAS,CAACqC,MAAV,CAAiBD,UAJR;;IAKtB;AACJ;AACA;IACItB,cAAc,EAAEd,SAAS,CAACuC,OAAV,CAAkBH;EARZ,CAAhB,EASLA,UAjDa;;EAkDhB;AACF;AACA;EACEpB,MAAM,EAAEhB,SAAS,CAACuC,OAAV,CAAkBH,UArDV;;EAsDhB;AACF;AACA;EACEnB,QAAQ,EAAEjB,SAAS,CAACwC;AAzDJ,CAAlB;AA4DApC,KAAK,CAACqC,YAAN,GAAqB;EACnB9B,IAAI,EAAE,KADa;EAEnBI,aAAa,EAAE,EAFI;EAGnBE,QAAQ,EAAE;AAHS,CAArB"}

package/dist/modern/NotificationPanel/Panel/index.js

@@ -0,0 +1,7 @@
+import withStyles from "@material-ui/core/styles/withStyles";
+import styles from "./styles";
+import Panel from "./Panel";
+export default withStyles(styles, {
+  name: "HvNotificationPanelPanel"
+})(Panel);
+//# sourceMappingURL=index.js.map

package/dist/modern/NotificationPanel/Panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withStyles","styles","Panel","name"],"sources":["../../../../src/NotificationPanel/Panel/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport Panel from \"./Panel\";\n\nexport default withStyles(styles, { name: \"HvNotificationPanelPanel\" })(Panel);\n"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,KAAP,MAAkB,SAAlB;AAEA,eAAeF,UAAU,CAACC,MAAD,EAAS;EAAEE,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDD,KAAzD,CAAf"}