@hitachivantara/uikit-react-lab 2.6.18

package/dist/modern/Loading/Loading.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvLoadingProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLoadingClassKey> {
+  /**
+   * The size of the loading indicator.
+   */
+  size?: "regular" | "small";
+
+  /**
+   * The position where the loading indicator is to be positioned in,
+   * center of the page or inline in the container where its inserted.
+   */
+  position?: "center" | "inline";
+
+  /**
+   * The text to be displayed.
+   */
+  text?: string;
+}
+
+export type HvLoadingClassKey =
+  | "input"
+  | "characterCounter"
+  | "inline"
+  | "separator"
+  | "maxCharacter"
+  | "currentCounter"
+  | "disabled";
+
+export default function HvLoading(props: HvLoadingProps): JSX.Element | null;

package/dist/modern/Loading/Loading.js

@@ -0,0 +1,72 @@
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import isEmpty from "lodash/isEmpty";
+import { withStyles } from "@material-ui/core";
+import { HvTypography, withDeprecated } from "@hitachivantara/uikit-react-core";
+import styles from "./styles";
+/**
+ * A Loading Component component, still in development.
+ */
+
+const Loading = ({
+  classes,
+  size,
+  position,
+  text
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.loading, {
+      "center": classes.centerPosition,
+      "inline": classes.inlinePosition
+    }[position])
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.loadingBar, size)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.loadingBar, size)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.loadingBar, size)
+  })), !isEmpty(text) ? /*#__PURE__*/React.createElement("div", {
+    className: classes.loadingText
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "normalText"
+  }, text)) : null);
+};
+
+process.env.NODE_ENV !== "production" ? Loading.propTypes = {
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: PropTypes.PropTypes.shape({
+    loadingBar: PropTypes.string,
+    loadingText: PropTypes.string,
+    loading: PropTypes.string,
+    centerPosition: PropTypes.string,
+    inlinePosition: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The size of the loading indicator.
+   */
+  size: PropTypes.oneOf(["regular", "small"]),
+
+  /**
+   * The position where the loading indicator is to be positioned in,
+   * center of the page or inline in the container where its inserted.
+   */
+  position: PropTypes.oneOf(["center", "inline"]),
+
+  /**
+   * The text to be displayed.
+   */
+  text: PropTypes.string
+} : void 0;
+Loading.defaultProps = {
+  size: "regular",
+  position: "center",
+  text: ""
+};
+export default withDeprecated(withStyles(styles, {
+  name: "HvLoading"
+})(Loading), "Please use the Loading component in the Core Package");
+//# sourceMappingURL=Loading.js.map

package/dist/modern/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","names":["React","PropTypes","clsx","isEmpty","withStyles","HvTypography","withDeprecated","styles","Loading","classes","size","position","text","loading","centerPosition","inlinePosition","loadingBar","loadingText","propTypes","shape","string","isRequired","oneOf","defaultProps","name"],"sources":["../../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography, withDeprecated } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * A Loading Component component, still in development.\n */\nconst Loading = ({ classes, size, position, text }) => {\n  return (\n    <div\n      className={clsx(classes.loading, {\n        [classes.centerPosition]: position === \"center\",\n        [classes.inlinePosition]: position === \"inline\",\n      })}\n    >\n      <div>\n        <div className={clsx(classes.loadingBar, size)} />\n        <div className={clsx(classes.loadingBar, size)} />\n        <div className={clsx(classes.loadingBar, size)} />\n      </div>\n      {!isEmpty(text) ? (\n        <div className={classes.loadingText}>\n          <HvTypography variant=\"normalText\">{text}</HvTypography>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nLoading.propTypes = {\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    loadingBar: PropTypes.string,\n    loadingText: PropTypes.string,\n    loading: PropTypes.string,\n    centerPosition: PropTypes.string,\n    inlinePosition: PropTypes.string,\n  }).isRequired,\n  /**\n   * The size of the loading indicator.\n   */\n  size: PropTypes.oneOf([\"regular\", \"small\"]),\n  /**\n   * The position where the loading indicator is to be positioned in,\n   * center of the page or inline in the container where its inserted.\n   */\n  position: PropTypes.oneOf([\"center\", \"inline\"]),\n  /**\n   * The text to be displayed.\n   */\n  text: PropTypes.string,\n};\n\nLoading.defaultProps = {\n  size: \"regular\",\n  position: \"center\",\n  text: \"\",\n};\n\nexport default withDeprecated(\n  withStyles(styles, { name: \"HvLoading\" })(Loading),\n  \"Please use the Loading component in the Core Package\"\n);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,YAAT,EAAuBC,cAAvB,QAA6C,kCAA7C;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,OAAO,GAAG,CAAC;EAAEC,OAAF;EAAWC,IAAX;EAAiBC,QAAjB;EAA2BC;AAA3B,CAAD,KAAuC;EACrD,oBACE;IACE,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACI,OAAT;MAC0B,QAD1B,EACZJ,OAAO,CAACK,cADI;MAE0B,QAF1B,EAEZL,OAAO,CAACM;IAFI,EACaJ,QADb;EADjB,gBAME,8CACE;IAAK,SAAS,EAAET,IAAI,CAACO,OAAO,CAACO,UAAT,EAAqBN,IAArB;EAApB,EADF,eAEE;IAAK,SAAS,EAAER,IAAI,CAACO,OAAO,CAACO,UAAT,EAAqBN,IAArB;EAApB,EAFF,eAGE;IAAK,SAAS,EAAER,IAAI,CAACO,OAAO,CAACO,UAAT,EAAqBN,IAArB;EAApB,EAHF,CANF,EAWG,CAACP,OAAO,CAACS,IAAD,CAAR,gBACC;IAAK,SAAS,EAAEH,OAAO,CAACQ;EAAxB,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAoCL,IAApC,CADF,CADD,GAIG,IAfN,CADF;AAmBD,CApBD;;AAsBA,wCAAAJ,OAAO,CAACU,SAAR,GAAoB;EAClB;AACF;AACA;EACET,OAAO,EAAER,SAAS,CAACA,SAAV,CAAoBkB,KAApB,CAA0B;IACjCH,UAAU,EAAEf,SAAS,CAACmB,MADW;IAEjCH,WAAW,EAAEhB,SAAS,CAACmB,MAFU;IAGjCP,OAAO,EAAEZ,SAAS,CAACmB,MAHc;IAIjCN,cAAc,EAAEb,SAAS,CAACmB,MAJO;IAKjCL,cAAc,EAAEd,SAAS,CAACmB;EALO,CAA1B,EAMNC,UAVe;;EAWlB;AACF;AACA;EACEX,IAAI,EAAET,SAAS,CAACqB,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CAdY;;EAelB;AACF;AACA;AACA;EACEX,QAAQ,EAAEV,SAAS,CAACqB,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CAnBQ;;EAoBlB;AACF;AACA;EACEV,IAAI,EAAEX,SAAS,CAACmB;AAvBE,CAApB;AA0BAZ,OAAO,CAACe,YAAR,GAAuB;EACrBb,IAAI,EAAE,SADe;EAErBC,QAAQ,EAAE,QAFW;EAGrBC,IAAI,EAAE;AAHe,CAAvB;AAMA,eAAeN,cAAc,CAC3BF,UAAU,CAACG,MAAD,EAAS;EAAEiB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA0ChB,OAA1C,CAD2B,EAE3B,sDAF2B,CAA7B"}

package/dist/modern/Loading/LoadingWithDelay.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvLoadingProps } from "./Loading";
+
+export interface HvLoadingWithDelayProps extends HvLoadingProps {
+  /**
+   * The amount of milliseconds that the component should wait before showing the Loading
+   */
+  delay?: number;
+}
+
+export default function HvLoadingWithDelay(props: HvLoadingWithDelayProps): JSX.Element | null;

package/dist/modern/Loading/LoadingWithDelay.js

@@ -0,0 +1,92 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["delay"];
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useState, useEffect } from "react";
+import { withStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+import { withDeprecated } from "@hitachivantara/uikit-react-core";
+import Loading from "./Loading";
+import styles from "./styles";
+
+const LoadingWithDelay = _ref => {
+  let {
+    delay = 0
+  } = _ref,
+      loadingProps = _objectWithoutProperties(_ref, _excluded);
+
+  const [shouldDisplay, setShouldDisplay] = useState(false);
+  useEffect(() => {
+    const timer = setTimeout(() => setShouldDisplay(true), delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, []);
+  return shouldDisplay && /*#__PURE__*/React.createElement(Loading, loadingProps);
+};
+
+process.env.NODE_ENV !== "production" ? LoadingWithDelay.propTypes = {
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: PropTypes.PropTypes.shape({
+    /**
+     * The class applied on the text area input box.
+     */
+    input: PropTypes.string,
+
+    /**
+     * The class applied on the character counter.
+     */
+    characterCounter: PropTypes.string,
+
+    /**
+     * The class controlling the layout of the counter.
+     */
+    inline: PropTypes.string,
+
+    /**
+     * The class applied to the separator element of the character counter.
+     */
+    separator: PropTypes.string,
+
+    /**
+     * The class applied to the max counter element of the character counter.
+     */
+    maxCharacter: PropTypes.string,
+
+    /**
+     * The class applied to the current counter element of the character counter.
+     */
+    currentCounter: PropTypes.string,
+
+    /**
+     * The class applied to the character counter when it is disabled.
+     */
+    disabled: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The size of the loading indicator.
+   */
+  size: PropTypes.oneOf(["regular", "small"]),
+
+  /**
+   * The position where the loading indicator is to be positioned in,
+   * center of the page or inline in the container where its inserted.
+   */
+  position: PropTypes.oneOf(["center", "inline"]),
+
+  /**
+   * The text to be displayed.
+   */
+  text: PropTypes.string,
+
+  /**
+   * The amount of milliseconds that the component should wait before showing the Loading
+   */
+  delay: PropTypes.number
+} : void 0;
+export default withDeprecated(withStyles(styles, {
+  name: "HvLoadingWithDelay"
+})(LoadingWithDelay), "Please use the Loading component in the Core Package");
+//# sourceMappingURL=LoadingWithDelay.js.map

package/dist/modern/Loading/LoadingWithDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingWithDelay.js","names":["React","useState","useEffect","withStyles","PropTypes","withDeprecated","Loading","styles","LoadingWithDelay","delay","loadingProps","shouldDisplay","setShouldDisplay","timer","setTimeout","clearTimeout","propTypes","classes","shape","input","string","characterCounter","inline","separator","maxCharacter","currentCounter","disabled","isRequired","size","oneOf","position","text","number","name"],"sources":["../../../src/Loading/LoadingWithDelay.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { withStyles } from \"@material-ui/core\";\nimport PropTypes from \"prop-types\";\nimport { withDeprecated } from \"@hitachivantara/uikit-react-core\";\nimport Loading from \"./Loading\";\nimport styles from \"./styles\";\n\nconst LoadingWithDelay = ({ delay = 0, ...loadingProps }) => {\n  const [shouldDisplay, setShouldDisplay] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setShouldDisplay(true), delay);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, []);\n\n  return shouldDisplay && <Loading {...loadingProps} />;\n};\n\nLoadingWithDelay.propTypes = {\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * The class applied on the text area input box.\n     */\n    input: PropTypes.string,\n    /**\n     * The class applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * The class controlling the layout of the counter.\n     */\n    inline: PropTypes.string,\n    /**\n     * The class applied to the separator element of the character counter.\n     */\n    separator: PropTypes.string,\n    /**\n     * The class applied to the max counter element of the character counter.\n     */\n    maxCharacter: PropTypes.string,\n    /**\n     * The class applied to the current counter element of the character counter.\n     */\n    currentCounter: PropTypes.string,\n    /**\n     * The class applied to the character counter when it is disabled.\n     */\n    disabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * The size of the loading indicator.\n   */\n  size: PropTypes.oneOf([\"regular\", \"small\"]),\n  /**\n   * The position where the loading indicator is to be positioned in,\n   * center of the page or inline in the container where its inserted.\n   */\n  position: PropTypes.oneOf([\"center\", \"inline\"]),\n  /**\n   * The text to be displayed.\n   */\n  text: PropTypes.string,\n  /**\n   * The amount of milliseconds that the component should wait before showing the Loading\n   */\n  delay: PropTypes.number,\n};\n\nexport default withDeprecated(\n  withStyles(styles, { name: \"HvLoadingWithDelay\" })(LoadingWithDelay),\n  \"Please use the Loading component in the Core Package\"\n);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,cAAT,QAA+B,kCAA/B;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,gBAAgB,GAAG,QAAoC;EAAA,IAAnC;IAAEC,KAAK,GAAG;EAAV,CAAmC;EAAA,IAAnBC,YAAmB;;EAC3D,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCX,QAAQ,CAAC,KAAD,CAAlD;EAEAC,SAAS,CAAC,MAAM;IACd,MAAMW,KAAK,GAAGC,UAAU,CAAC,MAAMF,gBAAgB,CAAC,IAAD,CAAvB,EAA+BH,KAA/B,CAAxB;IAEA,OAAO,MAAM;MACXM,YAAY,CAACF,KAAD,CAAZ;IACD,CAFD;EAGD,CANQ,EAMN,EANM,CAAT;EAQA,OAAOF,aAAa,iBAAI,oBAAC,OAAD,EAAaD,YAAb,CAAxB;AACD,CAZD;;AAcA,wCAAAF,gBAAgB,CAACQ,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEC,OAAO,EAAEb,SAAS,CAACA,SAAV,CAAoBc,KAApB,CAA0B;IACjC;AACJ;AACA;IACIC,KAAK,EAAEf,SAAS,CAACgB,MAJgB;;IAKjC;AACJ;AACA;IACIC,gBAAgB,EAAEjB,SAAS,CAACgB,MARK;;IASjC;AACJ;AACA;IACIE,MAAM,EAAElB,SAAS,CAACgB,MAZe;;IAajC;AACJ;AACA;IACIG,SAAS,EAAEnB,SAAS,CAACgB,MAhBY;;IAiBjC;AACJ;AACA;IACII,YAAY,EAAEpB,SAAS,CAACgB,MApBS;;IAqBjC;AACJ;AACA;IACIK,cAAc,EAAErB,SAAS,CAACgB,MAxBO;;IAyBjC;AACJ;AACA;IACIM,QAAQ,EAAEtB,SAAS,CAACgB;EA5Ba,CAA1B,EA6BNO,UAjCwB;;EAkC3B;AACF;AACA;EACEC,IAAI,EAAExB,SAAS,CAACyB,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CArCqB;;EAsC3B;AACF;AACA;AACA;EACEC,QAAQ,EAAE1B,SAAS,CAACyB,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CA1CiB;;EA2C3B;AACF;AACA;EACEE,IAAI,EAAE3B,SAAS,CAACgB,MA9CW;;EA+C3B;AACF;AACA;EACEX,KAAK,EAAEL,SAAS,CAAC4B;AAlDU,CAA7B;AAqDA,eAAe3B,cAAc,CAC3BF,UAAU,CAACI,MAAD,EAAS;EAAE0B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDzB,gBAAnD,CAD2B,EAE3B,sDAF2B,CAA7B"}

package/dist/modern/Loading/index.d.ts

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

package/dist/modern/Loading/index.js

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

package/dist/modern/Loading/index.js.map

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

package/dist/modern/Loading/styles.js

@@ -0,0 +1,76 @@
+const interval = 0.11;
+
+const styles = theme => ({
+  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: `${interval * 2}s`
+      },
+      "&:nth-child(3)": {
+        animationDelay: `${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: `${interval}s`
+      },
+      "&:nth-child(3)": {
+        animationDelay: `${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/modern/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,MAAMA,QAAQ,GAAG,IAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,OAAO,EAAE;IACPC,SAAS,EAAE;EADJ,CADgB;EAKzBC,cAAc,EAAE;IACdC,KAAK,EAAE,MADO;IAEdC,MAAM,EAAE,MAFM;IAGdC,OAAO,EAAE,MAHK;IAIdC,UAAU,EAAE,QAJE;IAKdC,cAAc,EAAE;EALF,CALS;EAazBC,cAAc,EAAE;IACdC,SAAS,EAAE;EADG,CAbS;EAiBzBC,UAAU,EAAE;IACVL,OAAO,EAAE,cADC;IAEVM,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAF/B;IAIV,aAAa;MACXC,SAAS,EAAE,0CADA;MAEXb,KAAK,EAAE,KAFI;MAGXC,MAAM,EAAE,MAHG;MAIXa,MAAM,EAAE,KAJG;MAMX,kBAAkB;QAChBC,cAAc,EAAE;MADA,CANP;MASX,kBAAkB;QAChBA,cAAc,EAAG,GAAErB,QAAQ,GAAG,CAAE;MADhB,CATP;MAYX,kBAAkB;QAChBqB,cAAc,EAAG,GAAErB,QAAQ,GAAG,CAAE;MADhB;IAZP,CAJH;IAqBV,WAAW;MACTmB,SAAS,EAAE,wCADF;MAETb,KAAK,EAAE,KAFE;MAGTC,MAAM,EAAE,MAHC;MAITa,MAAM,EAAE,iBAJC;MAMT,kBAAkB;QAChBC,cAAc,EAAE;MADA,CANT;MAST,kBAAkB;QAChBA,cAAc,EAAG,GAAErB,QAAS;MADZ,CATT;MAYT,kBAAkB;QAChBqB,cAAc,EAAG,GAAErB,QAAQ,GAAG,CAAE;MADhB;IAZT;EArBD,CAjBa;EAwDzB,8BAA8B;IAC5B,MAAM;MACJsB,SAAS,EAAE,UADP;MAEJR,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;IAFrC,CADsB;IAK5B,OAAO;MACLI,SAAS,EAAE,eADN;MAELR,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBM;IAFpC;EALqB,CAxDL;EAmEzB,4BAA4B;IAC1B,MAAM;MACJD,SAAS,EAAE,UADP;MAEJR,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;IAFrC,CADoB;IAK1B,OAAO;MACLI,SAAS,EAAE;IADN;EALmB,CAnEH;EA6EzBE,WAAW,EAAE;IACXZ,SAAS,EAAE;EADA;AA7EY,CAAZ,CAAf;;AAkFA,eAAeX,MAAf"}

package/dist/modern/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/modern/NavigationAnchors/NavigationAnchors.js

@@ -0,0 +1,243 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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";
+const RETRY_MAX = 5;
+/**
+ * A navigation component to help in changing views, still in development
+ */
+
+class NavigationAnchors extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "afterLoadScrollIntoView", () => {
+      const hashValue = document.location.hash.split("#")[1] || "";
+      let ele = document.getElementById(hashValue);
+      let retry = 0;
+      this.checkRenderedInterval = setInterval(() => {
+        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(this, "checkScroll", () => {
+      const {
+        throttle
+      } = this.state;
+
+      if (!throttle) {
+        const selectedIndex = this.hasScrolledIntoView();
+
+        if (selectedIndex > -1) {
+          this.setState({
+            selectedIndex
+          });
+        }
+
+        this.setState({
+          throttle: true
+        });
+        setTimeout(() => {
+          this.setState({
+            throttle: false
+          });
+        }, 100);
+      }
+    });
+
+    _defineProperty(this, "hasScrolledIntoView", () => {
+      const {
+        options,
+        scrollElementId
+      } = this.props; // Select last nav item if user has scrolled to bottom of page
+
+      const page = document.getElementById(scrollElementId);
+
+      if (!!page && page.scrollHeight - page.scrollTop === page.offsetHeight) {
+        return options.length - 1;
+      }
+
+      const bounds = this.scrollEle.getBoundingClientRect();
+      const midPoint = bounds.top + window.scrollY + bounds.height / 2; // Find index of element where top is between the top and mid point of container
+
+      for (let i = 0; i < options.length; i += 1) {
+        const ele = document.getElementById(options[i].value);
+
+        if (ele) {
+          const rect = ele.getBoundingClientRect();
+          const 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(this, "handleListItemClick", (event, id, index) => {
+      this.setState({
+        selectedIndex: index
+      });
+      const ele = document.getElementById(id);
+
+      if (ele) {
+        ele.scrollIntoView({
+          behavior: "smooth"
+        });
+      }
+
+      const {
+        href,
+        onClick,
+        options
+      } = this.props;
+
+      if (!href && onClick) {
+        onClick(event, index);
+      } else if (href) {
+        window.history.pushState({}, "", `#${options[index].value}`);
+      }
+    });
+
+    this.state = {
+      selectedIndex: props.selectedIndex || 0,
+      throttle: false
+    };
+  }
+
+  componentDidMount() {
+    const {
+      scrollElementId
+    } = this.props;
+    this.afterLoadScrollIntoView(); // Check if scrolled
+
+    this.scrollEle = document.getElementById(scrollElementId);
+
+    if (this.scrollEle) {
+      this.scrollEle.addEventListener("wheel", this.checkScroll);
+    }
+  }
+
+  componentWillUnmount() {
+    if (this.scrollEle) {
+      this.scrollEle.removeEventListener("wheel", this.checkScroll);
+    }
+
+    clearInterval(this.checkRenderedInterval);
+  } // afterLoadScrollIntoView waits for the elements to be rendered on the page
+
+
+  render() {
+    const {
+      classes,
+      options,
+      floating
+    } = this.props;
+    const {
+      selectedIndex
+    } = this.state;
+    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((option, index) => /*#__PURE__*/React.createElement(ListItem, {
+      button: true,
+      classes: {
+        selected: classes.listItemSelected,
+        root: classes.listItemRoot,
+        gutters: classes.listItemGutters
+      },
+      key: option.key || option.label,
+      onClick: event => this.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
+    })))));
+  }
+
+}
+
+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((propValue, key, componentName, location, propFullName) => {
+    if (propValue[key].label === undefined || propValue[key].value === undefined) {
+      return new Error(`Invalid prop "${propFullName}" supplied to "${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/modern/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","Component","constructor","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","componentDidMount","afterLoadScrollIntoView","addEventListener","checkScroll","componentWillUnmount","removeEventListener","render","classes","floating","drawer","dense","paper","drawerPaper","drawerPaperPositionInherit","root","listRoot","listDense","map","option","selected","listItemSelected","listItemRoot","gutters","listItemGutters","key","label","handleListItemClick","primary","listItemTextSelected","listItemTextDense","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/modern/NavigationAnchors/index.d.ts

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

package/dist/modern/NavigationAnchors/index.js

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

package/dist/modern/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"}