@hitachivantara/uikit-react-core 3.52.5

package/dist/Focus/styles.js

@@ -0,0 +1,73 @@
+"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.outlineStyles = 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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var outlineStyles = {
+  outlineColor: "#52A8EC",
+  outlineStyle: "solid",
+  outlineWidth: "0px",
+  outlineOffset: "-1px",
+  boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
+};
+exports.outlineStyles = outlineStyles;
+var styles = {
+  root: {},
+  selected: {},
+  disabled: {},
+  focusDisabled: {
+    outline: "none",
+    "& *:focus": {
+      outline: "none"
+    },
+    "& *": {
+      outline: "none !important"
+    }
+  },
+  focused: _objectSpread(_objectSpread({}, outlineStyles), {}, {
+    "@media (-webkit-min-device-pixel-ratio:0)": _objectSpread({}, outlineStyles)
+  }),
+  externalReference: {
+    position: "relative"
+  },
+  falseFocus: _objectSpread(_objectSpread({
+    width: "98%",
+    height: "98%",
+    position: "absolute",
+    zIndex: "1"
+  }, outlineStyles), {}, {
+    "@media (-webkit-min-device-pixel-ratio:0)": _objectSpread({}, outlineStyles),
+    top: 0,
+    left: "0.5%",
+    backgroundColor: "transparent",
+    pointerEvents: "none"
+  }),
+  focus: {}
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Focus/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Focus/styles.js"],"names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","root","selected","disabled","focusDisabled","outline","focused","externalReference","position","falseFocus","width","height","zIndex","top","left","backgroundColor","pointerEvents","focus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,IAAMA,aAAa,GAAG;AAC3BC,EAAAA,YAAY,EAAE,SADa;AAE3BC,EAAAA,YAAY,EAAE,OAFa;AAG3BC,EAAAA,YAAY,EAAE,KAHa;AAI3BC,EAAAA,aAAa,EAAE,MAJY;AAK3BC,EAAAA,SAAS,EAAE;AALgB,CAAtB;;AAQP,IAAMC,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,EADO;AAEbC,EAAAA,QAAQ,EAAE,EAFG;AAGbC,EAAAA,QAAQ,EAAE,EAHG;AAIbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,OAAO,EAAE,MADI;AAEb,iBAAa;AACXA,MAAAA,OAAO,EAAE;AADE,KAFA;AAKb,WAAO;AACLA,MAAAA,OAAO,EAAE;AADJ;AALM,GAJF;AAabC,EAAAA,OAAO,kCACFZ,aADE;AAEL,mEACKA,aADL;AAFK,IAbM;AAmBba,EAAAA,iBAAiB,EAAE;AACjBC,IAAAA,QAAQ,EAAE;AADO,GAnBN;AAsBbC,EAAAA,UAAU;AACRC,IAAAA,KAAK,EAAE,KADC;AAERC,IAAAA,MAAM,EAAE,KAFA;AAGRH,IAAAA,QAAQ,EAAE,UAHF;AAIRI,IAAAA,MAAM,EAAE;AAJA,KAKLlB,aALK;AAMR,mEACKA,aADL,CANQ;AASRmB,IAAAA,GAAG,EAAE,CATG;AAURC,IAAAA,IAAI,EAAE,MAVE;AAWRC,IAAAA,eAAe,EAAE,aAXT;AAYRC,IAAAA,aAAa,EAAE;AAZP,IAtBG;AAoCbC,EAAAA,KAAK,EAAE;AApCM,CAAf;eAuCejB,M","sourcesContent":["export const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = {\n  root: {},\n  selected: {},\n  disabled: {},\n  focusDisabled: {\n    outline: \"none\",\n    \"& *:focus\": {\n      outline: \"none\",\n    },\n    \"& *\": {\n      outline: \"none !important\",\n    },\n  },\n  focused: {\n    ...outlineStyles,\n    \"@media (-webkit-min-device-pixel-ratio:0)\": {\n      ...outlineStyles,\n    },\n  },\n  externalReference: {\n    position: \"relative\",\n  },\n  falseFocus: {\n    width: \"98%\",\n    height: \"98%\",\n    position: \"absolute\",\n    zIndex: \"1\",\n    ...outlineStyles,\n    \"@media (-webkit-min-device-pixel-ratio:0)\": {\n      ...outlineStyles,\n    },\n    top: 0,\n    left: \"0.5%\",\n    backgroundColor: \"transparent\",\n    pointerEvents: \"none\",\n  },\n  focus: {},\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Focus/utils.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setFocusTo = exports.isOneOfKeys = exports.isKey = exports.getFocusableChildren = void 0;
+
+require("core-js/modules/es.object.to-string.js");
+
+var _utils = require("../utils");
+
+var isKey = function isKey(evt, key) {
+  return (0, _utils.isKeypress)(evt, key);
+};
+
+exports.isKey = isKey;
+
+var isOneOfKeys = function isOneOfKeys(evt, keys) {
+  return keys.some(function (key) {
+    return isKey(evt, key);
+  });
+};
+
+exports.isOneOfKeys = isOneOfKeys;
+
+var getFocusableChildren = function getFocusableChildren(el) {
+  return el.querySelectorAll("input, button, select, textarea, a[href]") || [];
+};
+
+exports.getFocusableChildren = getFocusableChildren;
+
+var setFocusTo = function setFocusTo(el) {
+  el.focus();
+};
+
+exports.setFocusTo = setFocusTo;
+//# sourceMappingURL=utils.js.map

package/dist/Focus/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Focus/utils.js"],"names":["isKey","evt","key","isOneOfKeys","keys","some","getFocusableChildren","el","querySelectorAll","setFocusTo","focus"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,GAAD,EAAMC,GAAN;AAAA,SAAc,uBAAWD,GAAX,EAAgBC,GAAhB,CAAd;AAAA,CAAd;;;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACF,GAAD,EAAMG,IAAN;AAAA,SAAeA,IAAI,CAACC,IAAL,CAAU,UAACH,GAAD;AAAA,WAASF,KAAK,CAACC,GAAD,EAAMC,GAAN,CAAd;AAAA,GAAV,CAAf;AAAA,CAApB;;;;AAEA,IAAMI,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,EAAD;AAAA,SAClCA,EAAE,CAACC,gBAAH,CAAoB,0CAApB,KAAmE,EADjC;AAAA,CAA7B;;;;AAGA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACF,EAAD,EAAQ;AAChCA,EAAAA,EAAE,CAACG,KAAH;AACD,CAFM","sourcesContent":["import { isKeypress } from \"../utils\";\n\nexport const isKey = (evt, key) => isKeypress(evt, key);\n\nexport const isOneOfKeys = (evt, keys) => keys.some((key) => isKey(evt, key));\n\nexport const getFocusableChildren = (el) =>\n  el.querySelectorAll(\"input, button, select, textarea, a[href]\") || [];\n\nexport const setFocusTo = (el) => {\n  el.focus();\n};\n"],"file":"utils.js"}

package/dist/Footer/Footer.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvFooterClassKey =
+  | "root"
+  | "name"
+  | "rightContainer"
+  | "copyright"
+  | "links"
+  | "separator";
+
+export interface HvFooterProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFooterClassKey> {
+  name?: React.ReactNode;
+  copyright?: React.ReactNode;
+  links?: React.ReactNode;
+}
+
+export default function HvFooter(props: HvFooterProps): JSX.Element | null;

package/dist/Footer/Footer.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.function.name.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _ = require("..");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["className", "classes", "name", "copyright", "links"];
+
+/**
+ * A Footer is a way of providing extra information at the end of a page.
+ */
+var HvFooter = function HvFooter(props) {
+  var className = props.className,
+      classes = props.classes,
+      _props$name = props.name,
+      name = _props$name === void 0 ? "Hitachi Vantara" : _props$name,
+      _props$copyright = props.copyright,
+      copyright = _props$copyright === void 0 ? "\xA9 Hitachi Vantara Corporation ".concat(new Date().getFullYear(), ". All Rights Reserved.") : _props$copyright,
+      links = props.links,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("footer", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+    variant: "highlightText",
+    className: classes.name
+  }, name), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.rightContainer
+  }, /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+    className: classes.copyright
+  }, copyright), links && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.separator
+  }), links));
+};
+
+HvFooter.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to name label on the left.
+     */
+    name: _propTypes.default.string,
+
+    /**
+     * Styles applied to right container, with copyright and links.
+     */
+    rightContainer: _propTypes.default.string,
+
+    /**
+     *  Styles applied to copyright label on the right.
+     */
+    copyright: _propTypes.default.string,
+
+    /**
+     * Styles applied to the links node on the right
+     */
+    links: _propTypes.default.string,
+
+    /**
+     * Styles applied to the separator between copyright and links
+     */
+    separator: _propTypes.default.string
+  }).isRequired,
+  name: _propTypes.default.node,
+  copyright: _propTypes.default.node,
+  links: _propTypes.default.node
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvFooter"
+})(HvFooter);
+
+exports.default = _default;
+//# sourceMappingURL=Footer.js.map

package/dist/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Footer/Footer.js"],"names":["HvFooter","props","className","classes","name","copyright","Date","getFullYear","links","others","root","rightContainer","separator","propTypes","PropTypes","string","shape","isRequired","node","styles"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,MACEC,SADF,GAOID,KAPJ,CACEC,SADF;AAAA,MAEEC,OAFF,GAOIF,KAPJ,CAEEE,OAFF;AAAA,oBAOIF,KAPJ,CAGEG,IAHF;AAAA,MAGEA,IAHF,4BAGS,iBAHT;AAAA,yBAOIH,KAPJ,CAIEI,SAJF;AAAA,MAIEA,SAJF,4EAI+C,IAAIC,IAAJ,GAAWC,WAAX,EAJ/C;AAAA,MAKEC,KALF,GAOIP,KAPJ,CAKEO,KALF;AAAA,MAMKC,MANL,0CAOIR,KAPJ;AASA,sBACE;AAAQ,IAAA,SAAS,EAAE,mBAAKC,SAAL,EAAgBC,OAAO,CAACO,IAAxB;AAAnB,KAAsDD,MAAtD,gBACE,6BAAC,cAAD;AAAc,IAAA,OAAO,EAAC,eAAtB;AAAsC,IAAA,SAAS,EAAEN,OAAO,CAACC;AAAzD,KACGA,IADH,CADF,eAIE;AAAK,IAAA,SAAS,EAAED,OAAO,CAACQ;AAAxB,kBACE,6BAAC,cAAD;AAAc,IAAA,SAAS,EAAER,OAAO,CAACE;AAAjC,KAA6CA,SAA7C,CADF,EAEGG,KAAK,iBAAI;AAAK,IAAA,SAAS,EAAEL,OAAO,CAACS;AAAxB,IAFZ,EAGGJ,KAHH,CAJF,CADF;AAYD,CAtBD;;AAwBAR,QAAQ,CAACa,SAAT,GAAqB;AACnB;AACF;AACA;AACEX,EAAAA,SAAS,EAAEY,mBAAUC,MAJF;;AAKnB;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEW,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEI,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIX,IAAAA,IAAI,EAAEU,mBAAUC,MARO;;AASvB;AACJ;AACA;AACIJ,IAAAA,cAAc,EAAEG,mBAAUC,MAZH;;AAavB;AACJ;AACA;AACIV,IAAAA,SAAS,EAAES,mBAAUC,MAhBE;;AAiBvB;AACJ;AACA;AACIP,IAAAA,KAAK,EAAEM,mBAAUC,MApBM;;AAqBvB;AACJ;AACA;AACIH,IAAAA,SAAS,EAAEE,mBAAUC;AAxBE,GAAhB,EAyBNE,UAjCgB;AAkCnBb,EAAAA,IAAI,EAAEU,mBAAUI,IAlCG;AAmCnBb,EAAAA,SAAS,EAAES,mBAAUI,IAnCF;AAoCnBV,EAAAA,KAAK,EAAEM,mBAAUI;AApCE,CAArB;;eAuCe,sBAAWC,eAAX,EAAmB;AAAEf,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAyCJ,QAAzC,C","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nconst HvFooter = (props) => {\n  const {\n    className,\n    classes,\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    ...others\n  } = props;\n\n  return (\n    <footer className={clsx(className, classes.root)} {...others}>\n      <HvTypography variant=\"highlightText\" className={classes.name}>\n        {name}\n      </HvTypography>\n      <div className={classes.rightContainer}>\n        <HvTypography className={classes.copyright}>{copyright}</HvTypography>\n        {links && <div className={classes.separator} />}\n        {links}\n      </div>\n    </footer>\n  );\n};\n\nHvFooter.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to name label on the left.\n     */\n    name: PropTypes.string,\n    /**\n     * Styles applied to right container, with copyright and links.\n     */\n    rightContainer: PropTypes.string,\n    /**\n     *  Styles applied to copyright label on the right.\n     */\n    copyright: PropTypes.string,\n    /**\n     * Styles applied to the links node on the right\n     */\n    links: PropTypes.string,\n    /**\n     * Styles applied to the separator between copyright and links\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  name: PropTypes.node,\n  copyright: PropTypes.node,\n  links: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvFooter\" })(HvFooter);\n"],"file":"Footer.js"}

package/dist/Footer/index.d.ts

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

package/dist/Footer/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 _Footer.default;
+  }
+});
+
+var _Footer = _interopRequireDefault(require("./Footer"));
+//# sourceMappingURL=index.js.map

package/dist/Footer/index.js.map

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

package/dist/Footer/styles.js

@@ -0,0 +1,60 @@
+"use strict";
+
+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"));
+
+var styles = function styles(theme) {
+  return {
+    root: (0, _defineProperty2.default)({
+      display: "flex",
+      alignItems: "center",
+      flexDirection: "row",
+      padding: theme.hvSpacing(0, "sm"),
+      height: 40,
+      bottom: 0,
+      zIndex: theme.zIndex.appBar,
+      backgroundColor: theme.palette.atmo1,
+      boxShadow: "0 -1px 0 ".concat(theme.palette.atmo4)
+    }, theme.breakpoints.down("sm"), {
+      height: "unset",
+      flexDirection: "column",
+      padding: theme.hvSpacing("sm")
+    }),
+    name: (0, _defineProperty2.default)({}, theme.breakpoints.down("sm"), {
+      marginBottom: theme.hvSpacing("xs")
+    }),
+    rightContainer: (0, _defineProperty2.default)({
+      display: "flex",
+      alignItems: "center",
+      flexDirection: "row",
+      marginLeft: "auto"
+    }, theme.breakpoints.down("sm"), {
+      flexDirection: "column",
+      textAlign: "center",
+      marginLeft: "unset"
+    }),
+    copyright: (0, _defineProperty2.default)({}, theme.breakpoints.down("sm"), {
+      flexDirection: "column",
+      marginBottom: theme.hvSpacing("xs")
+    }),
+    separator: (0, _defineProperty2.default)({
+      width: 1,
+      height: 16,
+      backgroundColor: theme.palette.acce1,
+      margin: theme.hvSpacing(0, "xs")
+    }, theme.breakpoints.down("sm"), {
+      display: "none"
+    }),
+    links: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Footer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Footer/styles.js"],"names":["styles","theme","root","display","alignItems","flexDirection","padding","hvSpacing","height","bottom","zIndex","appBar","backgroundColor","palette","atmo1","boxShadow","atmo4","breakpoints","down","name","marginBottom","rightContainer","marginLeft","textAlign","copyright","separator","width","acce1","margin","links"],"mappings":";;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI;AACFC,MAAAA,OAAO,EAAE,MADP;AAEFC,MAAAA,UAAU,EAAE,QAFV;AAGFC,MAAAA,aAAa,EAAE,KAHb;AAIFC,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAJP;AAKFC,MAAAA,MAAM,EAAE,EALN;AAMFC,MAAAA,MAAM,EAAE,CANN;AAOFC,MAAAA,MAAM,EAAET,KAAK,CAACS,MAAN,CAAaC,MAPnB;AAQFC,MAAAA,eAAe,EAAEX,KAAK,CAACY,OAAN,CAAcC,KAR7B;AASFC,MAAAA,SAAS,qBAAcd,KAAK,CAACY,OAAN,CAAcG,KAA5B;AATP,OAUDf,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAVC,EAU8B;AAC9BV,MAAAA,MAAM,EAAE,OADsB;AAE9BH,MAAAA,aAAa,EAAE,QAFe;AAG9BC,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAHqB,KAV9B,CADqB;AAiBzBY,IAAAA,IAAI,oCACDlB,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CADC,EAC8B;AAC9BE,MAAAA,YAAY,EAAEnB,KAAK,CAACM,SAAN,CAAgB,IAAhB;AADgB,KAD9B,CAjBqB;AAsBzBc,IAAAA,cAAc;AACZlB,MAAAA,OAAO,EAAE,MADG;AAEZC,MAAAA,UAAU,EAAE,QAFA;AAGZC,MAAAA,aAAa,EAAE,KAHH;AAIZiB,MAAAA,UAAU,EAAE;AAJA,OAKXrB,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CALW,EAKoB;AAC9Bb,MAAAA,aAAa,EAAE,QADe;AAE9BkB,MAAAA,SAAS,EAAE,QAFmB;AAG9BD,MAAAA,UAAU,EAAE;AAHkB,KALpB,CAtBW;AAiCzBE,IAAAA,SAAS,oCACNvB,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CADM,EACyB;AAC9Bb,MAAAA,aAAa,EAAE,QADe;AAE9Be,MAAAA,YAAY,EAAEnB,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAFgB,KADzB,CAjCgB;AAuCzBkB,IAAAA,SAAS;AACPC,MAAAA,KAAK,EAAE,CADA;AAEPlB,MAAAA,MAAM,EAAE,EAFD;AAGPI,MAAAA,eAAe,EAAEX,KAAK,CAACY,OAAN,CAAcc,KAHxB;AAIPC,MAAAA,MAAM,EAAE3B,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AAJD,OAKNN,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CALM,EAKyB;AAC9Bf,MAAAA,OAAO,EAAE;AADqB,KALzB,CAvCgB;AAgDzB0B,IAAAA,KAAK,EAAE;AAhDkB,GAAZ;AAAA,CAAf;;eAmDe7B,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    padding: theme.hvSpacing(0, \"sm\"),\n    height: 40,\n    bottom: 0,\n    zIndex: theme.zIndex.appBar,\n    backgroundColor: theme.palette.atmo1,\n    boxShadow: `0 -1px 0 ${theme.palette.atmo4}`,\n    [theme.breakpoints.down(\"sm\")]: {\n      height: \"unset\",\n      flexDirection: \"column\",\n      padding: theme.hvSpacing(\"sm\"),\n    },\n  },\n  name: {\n    [theme.breakpoints.down(\"sm\")]: {\n      marginBottom: theme.hvSpacing(\"xs\"),\n    },\n  },\n  rightContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    marginLeft: \"auto\",\n    [theme.breakpoints.down(\"sm\")]: {\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      marginLeft: \"unset\",\n    },\n  },\n  copyright: {\n    [theme.breakpoints.down(\"sm\")]: {\n      flexDirection: \"column\",\n      marginBottom: theme.hvSpacing(\"xs\"),\n    },\n  },\n  separator: {\n    width: 1,\n    height: 16,\n    backgroundColor: theme.palette.acce1,\n    margin: theme.hvSpacing(0, \"xs\"),\n    [theme.breakpoints.down(\"sm\")]: {\n      display: \"none\",\n    },\n  },\n  links: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Forms/Adornment/Adornment.d.ts

@@ -0,0 +1,28 @@
+import { StandardProps } from "@material-ui/core";
+import { HvFormStatus } from "../FormElement";
+
+export type HvAdornmentClassKey =
+  | "root"
+  | "icon"
+  | "adornment"
+  | "adornmentIcon"
+  | "adornmentButton"
+  | "hideIcon"
+
+export interface HvAdornmentProps
+extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvAdornmentClassKey> {
+  /**
+   * The icon to be added into the input.
+   */
+  icon: React.ReactNode;
+  /**
+   * When the input aligment should be displayed
+   */
+  showWhen?: HvFormStatus;
+  /**
+   * If this property is defined the adornment visibility will be exclusively controlled by this value.
+   */
+  isVisible?: boolean;
+}
+
+export default function HvAdornment(props: HvAdornmentProps): JSX.Element | null;

package/dist/Forms/Adornment/Adornment.js

@@ -0,0 +1,186 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.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;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _FormElement = require("../FormElement");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "classes", "className", "icon", "showWhen", "onClick", "isVisible"];
+
+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; }
+
+var preventDefault = function preventDefault(event) {
+  return event.preventDefault();
+};
+
+var noop = function noop() {};
+/**
+ * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.
+ * E.g., the reveal password button.
+ *
+ * In addition to the showWhen feature, which uses the form element's context validation state to determine
+ * its visibility, this component also ensures that it does not steal focus from the input and that it is
+ * not accessible using the keyboard.
+ *
+ * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,
+ * or by using a regular icon button or toggle button instead.
+ */
+
+
+var HvAdornment = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _input$;
+
+  var id = props.id,
+      classes = props.classes,
+      className = props.className,
+      icon = props.icon,
+      _props$showWhen = props.showWhen,
+      showWhen = _props$showWhen === void 0 ? "" : _props$showWhen,
+      onClick = props.onClick,
+      _props$isVisible = props.isVisible,
+      isVisible = _props$isVisible === void 0 ? undefined : _props$isVisible,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useContext = (0, _react.useContext)(_FormElement.HvFormElementContext),
+      _useContext$elementSt = _useContext.elementStatus,
+      elementStatus = _useContext$elementSt === void 0 ? "" : _useContext$elementSt;
+
+  var _useContext2 = (0, _react.useContext)(_FormElement.HvFormElementDescriptorsContext),
+      input = _useContext2.input;
+
+  var displayIcon = isVisible !== null && isVisible !== void 0 ? isVisible : showWhen === "" || elementStatus === showWhen;
+  var isClickable = !!onClick;
+  return isClickable ? /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    id: id,
+    ref: ref,
+    type: "button",
+    tabIndex: -1,
+    "aria-controls": input === null || input === void 0 ? void 0 : (_input$ = input[0]) === null || _input$ === void 0 ? void 0 : _input$.id,
+    className: (0, _clsx.default)(className, classes.root, classes.adornment, classes.adornmentButton, !displayIcon && classes.hideIcon),
+    onClick: onClick,
+    onMouseDown: preventDefault,
+    onKeyDown: noop
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.icon
+  }, icon)) : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    ref: ref,
+    className: (0, _clsx.default)(className, classes.root, classes.adornment, classes.adornmentIcon, !displayIcon && classes.hideIcon),
+    role: "presentation"
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.icon
+  }, icon));
+});
+
+HvAdornment.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root container of the input.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to all adornments
+     */
+    adornment: _propTypes.default.string,
+
+    /**
+     * Styles applied to the adornment when acting as a button.
+     */
+    adornmentIcon: _propTypes.default.string,
+
+    /**
+     * Styles applied to the adornment when acting as a button.
+     */
+    adornmentButton: _propTypes.default.string,
+
+    /**
+     * Styles applied to icon on action.
+     */
+    iconAction: _propTypes.default.string,
+
+    /**
+     * Styles applied to the icon.
+     */
+    icon: _propTypes.default.string,
+
+    /**
+     * Styles applied to the icon when it's supposed to be hidden.
+     */
+    hideIcon: _propTypes.default.string
+  }),
+
+  /**
+   * The icon to be added into the input.
+   */
+  icon: _propTypes.default.node.isRequired,
+
+  /**
+   * When the adornment should be displayed.
+   */
+  showWhen: _propTypes.default.oneOf(["standBy", "valid", "invalid"]),
+
+  /**
+   * Function to be executed when this element is clicked.
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * If this property is defined the adornment visibility will be exclusively controlled by this value.
+   */
+  isVisible: _propTypes.default.bool
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvAdornment"
+})(HvAdornment);
+
+exports.default = _default;
+//# sourceMappingURL=Adornment.js.map

package/dist/Forms/Adornment/Adornment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Forms/Adornment/Adornment.js"],"names":["preventDefault","event","noop","HvAdornment","React","forwardRef","props","ref","id","classes","className","icon","showWhen","onClick","isVisible","undefined","others","HvFormElementContext","elementStatus","HvFormElementDescriptorsContext","input","displayIcon","isClickable","root","adornment","adornmentButton","hideIcon","adornmentIcon","propTypes","PropTypes","string","shape","iconAction","node","isRequired","oneOf","func","bool","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD;AAAA,SAAWA,KAAK,CAACD,cAAN,EAAX;AAAA,CAAvB;;AACA,IAAME,IAAI,GAAG,SAAPA,IAAO,GAAM,CAAE,CAArB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAMC,WAAW,gBAAGC,eAAMC,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA;;AACnD,MACEC,EADF,GASIF,KATJ,CACEE,EADF;AAAA,MAEEC,OAFF,GASIH,KATJ,CAEEG,OAFF;AAAA,MAGEC,SAHF,GASIJ,KATJ,CAGEI,SAHF;AAAA,MAIEC,IAJF,GASIL,KATJ,CAIEK,IAJF;AAAA,wBASIL,KATJ,CAKEM,QALF;AAAA,MAKEA,QALF,gCAKa,EALb;AAAA,MAMEC,OANF,GASIP,KATJ,CAMEO,OANF;AAAA,yBASIP,KATJ,CAOEQ,SAPF;AAAA,MAOEA,SAPF,iCAOcC,SAPd;AAAA,MAQKC,MARL,0CASIV,KATJ;;AAWA,oBAA+B,uBAAWW,iCAAX,CAA/B;AAAA,0CAAQC,aAAR;AAAA,MAAQA,aAAR,sCAAwB,EAAxB;;AAEA,qBAAkB,uBAAWC,4CAAX,CAAlB;AAAA,MAAQC,KAAR,gBAAQA,KAAR;;AAEA,MAAMC,WAAW,GAAGP,SAAH,aAAGA,SAAH,cAAGA,SAAH,GAAiBF,QAAQ,KAAK,EAAb,IAAmBM,aAAa,KAAKN,QAAvE;AAEA,MAAMU,WAAW,GAAG,CAAC,CAACT,OAAtB;AAEA,SAAOS,WAAW,gBAChB;AACE,IAAA,EAAE,EAAEd,EADN;AAEE,IAAA,GAAG,EAAED,GAFP;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,QAAQ,EAAE,CAAC,CAJb;AAKE,qBAAea,KAAf,aAAeA,KAAf,kCAAeA,KAAK,CAAG,CAAH,CAApB,4CAAe,QAAYZ,EAL7B;AAME,IAAA,SAAS,EAAE,mBAAKE,SAAL,EAAgBD,OAAO,CAACc,IAAxB,EAA8Bd,OAAO,CAACe,SAAtC,EAAiDf,OAAO,CAACgB,eAAzD,EACW,CAACJ,WADZ,IACRZ,OAAO,CAACiB,QADA,CANb;AASE,IAAA,OAAO,EAAEb,OATX;AAUE,IAAA,WAAW,EAAEb,cAVf;AAWE,IAAA,SAAS,EAAEE;AAXb,KAYMc,MAZN,gBAcE;AAAK,IAAA,SAAS,EAAEP,OAAO,CAACE;AAAxB,KAA+BA,IAA/B,CAdF,CADgB,gBAkBhB;AACE,IAAA,EAAE,EAAEH,EADN;AAEE,IAAA,GAAG,EAAED,GAFP;AAGE,IAAA,SAAS,EAAE,mBAAKG,SAAL,EAAgBD,OAAO,CAACc,IAAxB,EAA8Bd,OAAO,CAACe,SAAtC,EAAiDf,OAAO,CAACkB,aAAzD,EACW,CAACN,WADZ,IACRZ,OAAO,CAACiB,QADA,CAHb;AAME,IAAA,IAAI,EAAC;AANP,KAOMV,MAPN,gBASE;AAAK,IAAA,SAAS,EAAEP,OAAO,CAACE;AAAxB,KAA+BA,IAA/B,CATF,CAlBF;AA8BD,CAlDmB,CAApB;;AAoDAR,WAAW,CAACyB,SAAZ,GAAwB;AACtB;AACF;AACA;AACEpB,EAAAA,EAAE,EAAEqB,mBAAUC,MAJQ;;AAKtB;AACF;AACA;AACEpB,EAAAA,SAAS,EAAEmB,mBAAUC,MARC;;AAStB;AACF;AACA;AACErB,EAAAA,OAAO,EAAEoB,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIR,IAAAA,IAAI,EAAEM,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIN,IAAAA,SAAS,EAAEK,mBAAUC,MARE;;AASvB;AACJ;AACA;AACIH,IAAAA,aAAa,EAAEE,mBAAUC,MAZF;;AAavB;AACJ;AACA;AACIL,IAAAA,eAAe,EAAEI,mBAAUC,MAhBJ;;AAiBvB;AACJ;AACA;AACIE,IAAAA,UAAU,EAAEH,mBAAUC,MApBC;;AAqBvB;AACJ;AACA;AACInB,IAAAA,IAAI,EAAEkB,mBAAUC,MAxBO;;AAyBvB;AACJ;AACA;AACIJ,IAAAA,QAAQ,EAAEG,mBAAUC;AA5BG,GAAhB,CAZa;;AA0CtB;AACF;AACA;AACEnB,EAAAA,IAAI,EAAEkB,mBAAUI,IAAV,CAAeC,UA7CC;;AA8CtB;AACF;AACA;AACEtB,EAAAA,QAAQ,EAAEiB,mBAAUM,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CAjDY;;AAkDtB;AACF;AACA;AACEtB,EAAAA,OAAO,EAAEgB,mBAAUO,IArDG;;AAsDtB;AACF;AACA;AACEtB,EAAAA,SAAS,EAAEe,mBAAUQ;AAzDC,CAAxB;;eA4De,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA4CpC,WAA5C,C","sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext, HvFormElementDescriptorsContext } from \"../FormElement\";\nimport styles from \"./styles\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nconst HvAdornment = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    className,\n    icon,\n    showWhen = \"\",\n    onClick,\n    isVisible = undefined,\n    ...others\n  } = props;\n\n  const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n  const { input } = useContext(HvFormElementDescriptorsContext);\n\n  const displayIcon = isVisible ?? (showWhen === \"\" || elementStatus === showWhen);\n\n  const isClickable = !!onClick;\n\n  return isClickable ? (\n    <button\n      id={id}\n      ref={ref}\n      type=\"button\"\n      tabIndex={-1}\n      aria-controls={input?.[0]?.id}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentButton, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      onClick={onClick}\n      onMouseDown={preventDefault}\n      onKeyDown={noop}\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </button>\n  ) : (\n    <div\n      id={id}\n      ref={ref}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentIcon, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      role=\"presentation\"\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </div>\n  );\n});\n\nHvAdornment.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to all adornments\n     */\n    adornment: PropTypes.string,\n    /**\n     * Styles applied to the adornment when acting as a button.\n     */\n    adornmentIcon: PropTypes.string,\n    /**\n     * Styles applied to the adornment when acting as a button.\n     */\n    adornmentButton: PropTypes.string,\n    /**\n     * Styles applied to icon on action.\n     */\n    iconAction: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon when it's supposed to be hidden.\n     */\n    hideIcon: PropTypes.string,\n  }),\n  /**\n   * The icon to be added into the input.\n   */\n  icon: PropTypes.node.isRequired,\n  /**\n   * When the adornment should be displayed.\n   */\n  showWhen: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * Function to be executed when this element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * If this property is defined the adornment visibility will be exclusively controlled by this value.\n   */\n  isVisible: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvAdornment\" })(HvAdornment);\n"],"file":"Adornment.js"}

package/dist/Forms/Adornment/index.d.ts

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

package/dist/Forms/Adornment/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 _Adornment.default;
+  }
+});
+
+var _Adornment = _interopRequireDefault(require("./Adornment"));
+//# sourceMappingURL=index.js.map

package/dist/Forms/Adornment/index.js.map

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