@hitachivantara/uikit-react-core 2.23.2

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,"file":"utils.js","names":["isKey","evt","key","isKeypress","isOneOfKeys","keys","some","getFocusableChildren","el","querySelectorAll","setFocusTo","focus"],"sources":["../../src/Focus/utils.js"],"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"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,GAAD,EAAMC,GAAN;EAAA,OAAc,IAAAC,iBAAA,EAAWF,GAAX,EAAgBC,GAAhB,CAAd;AAAA,CAAd;;;;AAEA,IAAME,WAAW,GAAG,SAAdA,WAAc,CAACH,GAAD,EAAMI,IAAN;EAAA,OAAeA,IAAI,CAACC,IAAL,CAAU,UAACJ,GAAD;IAAA,OAASF,KAAK,CAACC,GAAD,EAAMC,GAAN,CAAd;EAAA,CAAV,CAAf;AAAA,CAApB;;;;AAEA,IAAMK,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,EAAD;EAAA,OAClCA,EAAE,CAACC,gBAAH,CAAoB,0CAApB,KAAmE,EADjC;AAAA,CAA7B;;;;AAGA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACF,EAAD,EAAQ;EAChCA,EAAE,CAACG,KAAH;AACD,CAFM"}

package/dist/Footer/Footer.d.ts

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

package/dist/Footer/Footer.js

@@ -0,0 +1,107 @@
+"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, {
+    variant: "sText",
+    className: classes.copyright
+  }, copyright), links && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.separator
+  }), links));
+};
+
+process.env.NODE_ENV !== "production" ? 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
+} : void 0;
+
+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,"file":"Footer.js","names":["HvFooter","props","className","classes","name","copyright","Date","getFullYear","links","others","clsx","root","rightContainer","separator","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles"],"sources":["../../src/Footer/Footer.js"],"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 variant=\"sText\" className={classes.copyright}>\n          {copyright}\n        </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"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;EAC1B,IACEC,SADF,GAOID,KAPJ,CACEC,SADF;EAAA,IAEEC,OAFF,GAOIF,KAPJ,CAEEE,OAFF;EAAA,kBAOIF,KAPJ,CAGEG,IAHF;EAAA,IAGEA,IAHF,4BAGS,iBAHT;EAAA,uBAOIH,KAPJ,CAIEI,SAJF;EAAA,IAIEA,SAJF,4EAI+C,IAAIC,IAAJ,GAAWC,WAAX,EAJ/C;EAAA,IAKEC,KALF,GAOIP,KAPJ,CAKEO,KALF;EAAA,IAMKC,MANL,0CAOIR,KAPJ;EASA,oBACE;IAAQ,SAAS,EAAE,IAAAS,aAAA,EAAKR,SAAL,EAAgBC,OAAO,CAACQ,IAAxB;EAAnB,GAAsDF,MAAtD,gBACE,6BAAC,cAAD;IAAc,OAAO,EAAC,eAAtB;IAAsC,SAAS,EAAEN,OAAO,CAACC;EAAzD,GACGA,IADH,CADF,eAIE;IAAK,SAAS,EAAED,OAAO,CAACS;EAAxB,gBACE,6BAAC,cAAD;IAAc,OAAO,EAAC,OAAtB;IAA8B,SAAS,EAAET,OAAO,CAACE;EAAjD,GACGA,SADH,CADF,EAIGG,KAAK,iBAAI;IAAK,SAAS,EAAEL,OAAO,CAACU;EAAxB,EAJZ,EAKGL,KALH,CAJF,CADF;AAcD,CAxBD;;AA0BA,wCAAAR,QAAQ,CAACc,SAAT,GAAqB;EACnB;AACF;AACA;EACEZ,SAAS,EAAEa,kBAAA,CAAUC,MAJF;;EAKnB;AACF;AACA;EACEb,OAAO,EAAEY,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIZ,IAAI,EAAEW,kBAAA,CAAUC,MARO;;IASvB;AACJ;AACA;IACIJ,cAAc,EAAEG,kBAAA,CAAUC,MAZH;;IAavB;AACJ;AACA;IACIX,SAAS,EAAEU,kBAAA,CAAUC,MAhBE;;IAiBvB;AACJ;AACA;IACIR,KAAK,EAAEO,kBAAA,CAAUC,MApBM;;IAqBvB;AACJ;AACA;IACIH,SAAS,EAAEE,kBAAA,CAAUC;EAxBE,CAAhB,EAyBNE,UAjCgB;EAkCnBd,IAAI,EAAEW,kBAAA,CAAUI,IAlCG;EAmCnBd,SAAS,EAAEU,kBAAA,CAAUI,IAnCF;EAoCnBX,KAAK,EAAEO,kBAAA,CAAUI;AApCE,CAArB;;eAuCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEjB,IAAI,EAAE;AAAR,CAAnB,EAAyCJ,QAAzC,C"}

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,"file":"index.js","names":[],"sources":["../../src/Footer/index.js"],"sourcesContent":["export { default } from \"./Footer\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

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

package/dist/Footer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","flexDirection","padding","spacing","height","bottom","zIndex","appBar","backgroundColor","palette","atmo1","boxShadow","atmo5","breakpoints","only","name","marginBottom","rightContainer","marginLeft","textAlign","copyright","separator","width","acce1","margin","links"],"sources":["../../src/Footer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    padding: theme.spacing(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.atmo5}`,\n    [theme.breakpoints.only(\"xs\")]: {\n      height: \"unset\",\n      flexDirection: \"column\",\n      padding: theme.spacing(\"sm\"),\n    },\n  },\n  name: {\n    [theme.breakpoints.only(\"xs\")]: {\n      marginBottom: theme.spacing(\"xs\"),\n    },\n  },\n  rightContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    marginLeft: \"auto\",\n    [theme.breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      marginLeft: \"unset\",\n    },\n  },\n  copyright: {\n    [theme.breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      marginBottom: theme.spacing(\"xs\"),\n    },\n  },\n  separator: {\n    width: 1,\n    height: 16,\n    backgroundColor: theme.palette.acce1,\n    margin: theme.spacing(0, \"xs\"),\n    [theme.breakpoints.only(\"xs\")]: {\n      display: \"none\",\n    },\n  },\n  links: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI;MACFC,OAAO,EAAE,MADP;MAEFC,UAAU,EAAE,QAFV;MAGFC,aAAa,EAAE,KAHb;MAIFC,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd,EAAiB,IAAjB,CAJP;MAKFC,MAAM,EAAE,EALN;MAMFC,MAAM,EAAE,CANN;MAOFC,MAAM,EAAET,KAAK,CAACS,MAAN,CAAaC,MAPnB;MAQFC,eAAe,EAAEX,KAAK,CAACY,OAAN,CAAcC,KAR7B;MASFC,SAAS,qBAAcd,KAAK,CAACY,OAAN,CAAcG,KAA5B;IATP,GAUDf,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAVC,EAU8B;MAC9BV,MAAM,EAAE,OADsB;MAE9BH,aAAa,EAAE,QAFe;MAG9BC,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,IAAd;IAHqB,CAV9B,CADqB;IAiBzBY,IAAI,oCACDlB,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CADC,EAC8B;MAC9BE,YAAY,EAAEnB,KAAK,CAACM,OAAN,CAAc,IAAd;IADgB,CAD9B,CAjBqB;IAsBzBc,cAAc;MACZlB,OAAO,EAAE,MADG;MAEZC,UAAU,EAAE,QAFA;MAGZC,aAAa,EAAE,KAHH;MAIZiB,UAAU,EAAE;IAJA,GAKXrB,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CALW,EAKoB;MAC9Bb,aAAa,EAAE,QADe;MAE9BkB,SAAS,EAAE,QAFmB;MAG9BD,UAAU,EAAE;IAHkB,CALpB,CAtBW;IAiCzBE,SAAS,oCACNvB,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CADM,EACyB;MAC9Bb,aAAa,EAAE,QADe;MAE9Be,YAAY,EAAEnB,KAAK,CAACM,OAAN,CAAc,IAAd;IAFgB,CADzB,CAjCgB;IAuCzBkB,SAAS;MACPC,KAAK,EAAE,CADA;MAEPlB,MAAM,EAAE,EAFD;MAGPI,eAAe,EAAEX,KAAK,CAACY,OAAN,CAAcc,KAHxB;MAIPC,MAAM,EAAE3B,KAAK,CAACM,OAAN,CAAc,CAAd,EAAiB,IAAjB;IAJD,GAKNN,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CALM,EAKyB;MAC9Bf,OAAO,EAAE;IADqB,CALzB,CAvCgB;IAgDzB0B,KAAK,EAAE;EAhDkB,CAAZ;AAAA,CAAf;;eAmDe7B,M"}

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

@@ -0,0 +1,28 @@
+import { StandardProps } from "@material-ui/core";
+import { HvFormStatus } from "../FormElement";
+
+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 type HvAdornmentClassKey =
+  | "root"
+  | "icon"
+  | "adornment"
+  | "adornmentIcon"
+  | "adornmentButton"
+  | "hideIcon"
+
+export default function HvAdornment(props: HvAdornmentProps): JSX.Element | null;

package/dist/Forms/Adornment/Adornment.js

@@ -0,0 +1,165 @@
+"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 HvAdornment = function HvAdornment(props) {
+  var _HvBaseInput$;
+
+  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,
+      _useContext$descripto = _useContext.descriptors,
+      descriptors = _useContext$descripto === void 0 ? {} : _useContext$descripto;
+
+  var HvBaseInput = descriptors.HvBaseInput;
+  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,
+    type: "button",
+    tabIndex: -1,
+    "aria-controls": HvBaseInput === null || HvBaseInput === void 0 ? void 0 : (_HvBaseInput$ = HvBaseInput[0]) === null || _HvBaseInput$ === void 0 ? void 0 : _HvBaseInput$.id,
+    className: (0, _clsx.default)(className, classes.root, classes.adornment, classes.adornmentButton, !displayIcon && classes.hideIcon),
+    onClick: onClick,
+    onKeyDown: function onKeyDown() {}
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.icon
+  }, icon)) : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    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));
+};
+
+process.env.NODE_ENV !== "production" ? 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
+} : void 0;
+
+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,"file":"Adornment.js","names":["HvAdornment","props","id","classes","className","icon","showWhen","onClick","isVisible","undefined","others","useContext","HvFormElementContext","elementStatus","descriptors","HvBaseInput","displayIcon","isClickable","clsx","root","adornment","adornmentButton","hideIcon","adornmentIcon","propTypes","PropTypes","string","shape","iconAction","node","isRequired","oneOf","func","bool","withStyles","styles","name"],"sources":["../../../src/Forms/Adornment/Adornment.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport styles from \"./styles\";\n\nconst HvAdornment = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    icon,\n    showWhen = \"\",\n    onClick,\n    isVisible = undefined,\n    ...others\n  } = props;\n  const { elementStatus = \"\", descriptors = {} } = useContext(HvFormElementContext);\n  const { HvBaseInput } = descriptors;\n\n  const displayIcon = isVisible ?? (showWhen === \"\" || elementStatus === showWhen);\n\n  const isClickable = !!onClick;\n\n  return isClickable ? (\n    <button\n      id={id}\n      type=\"button\"\n      tabIndex={-1}\n      aria-controls={HvBaseInput?.[0]?.id}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentButton, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      onClick={onClick}\n      onKeyDown={() => {}}\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </button>\n  ) : (\n    <div\n      id={id}\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"],"mappings":"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"}

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,"file":"index.js","names":[],"sources":["../../../src/Forms/Adornment/index.js"],"sourcesContent":["export { default } from \"./Adornment\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

package/dist/Forms/Adornment/styles.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {
+  root: {},
+  icon: {
+    width: 30,
+    height: 30
+  },
+  adornment: {
+    backgroundColor: "transparent",
+    border: "none",
+    padding: 0,
+    margin: 0,
+    cursor: "pointer"
+  },
+  adornmentButton: {
+    cursor: "pointer"
+  },
+  adornmentIcon: {
+    cursor: "default"
+  },
+  hideIcon: {
+    display: "none"
+  }
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","icon","width","height","adornment","backgroundColor","border","padding","margin","cursor","adornmentButton","adornmentIcon","hideIcon","display"],"sources":["../../../src/Forms/Adornment/styles.js"],"sourcesContent":["const styles = {\n  root: {},\n  icon: {\n    width: 30,\n    height: 30,\n  },\n  adornment: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  adornmentButton: {\n    cursor: \"pointer\",\n  },\n  adornmentIcon: {\n    cursor: \"default\",\n  },\n  hideIcon: {\n    display: \"none\",\n  },\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE,EADO;EAEbC,IAAI,EAAE;IACJC,KAAK,EAAE,EADH;IAEJC,MAAM,EAAE;EAFJ,CAFO;EAMbC,SAAS,EAAE;IACTC,eAAe,EAAE,aADR;IAETC,MAAM,EAAE,MAFC;IAGTC,OAAO,EAAE,CAHA;IAITC,MAAM,EAAE,CAJC;IAKTC,MAAM,EAAE;EALC,CANE;EAabC,eAAe,EAAE;IACfD,MAAM,EAAE;EADO,CAbJ;EAgBbE,aAAa,EAAE;IACbF,MAAM,EAAE;EADK,CAhBF;EAmBbG,QAAQ,EAAE;IACRC,OAAO,EAAE;EADD;AAnBG,CAAf;eAwBed,M"}

package/dist/Forms/BaseInput/BaseInput.d.ts

@@ -0,0 +1,33 @@
+import { StandardProps, InputProps } from "@material-ui/core";
+
+export interface HvBaseInputProps
+  extends StandardProps<InputProps, HvBaseInputClassKey, "onChange">{
+  /**
+   * Called back when the value is changed.
+   */
+  onChange?: (
+    event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined,
+    value: string
+  ) => string;
+  /**
+   * If true, the input element will be required.
+   */
+  required?: boolean;
+  /**
+   * Denotes if the input is in an invalid state.
+   */
+  invalid?: boolean;
+}
+
+export type HvBaseInputClassKey =
+  | "root"
+  | "inputRoot"
+  | "inputRootDisabled"
+  | "inputRootInvalid"
+  | "inputRootFocused"
+  | "input"
+  | "inputDisabled"
+  | "multiLine"
+  | "@global";
+
+export default function HvBaseInput(props: HvBaseInputProps): JSX.Element | null;