@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","names":["React","clsx","PropTypes","withStyles","HvTypography","styles","HvFooter","props","className","classes","name","copyright","Date","getFullYear","links","others","root","rightContainer","separator","propTypes","string","shape","isRequired","node"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,YAAT,QAA6B,IAA7B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,QAAQ,GAAIC,KAAD,IAAW;EAC1B,MAAM;IACJC,SADI;IAEJC,OAFI;IAGJC,IAAI,GAAG,iBAHH;IAIJC,SAAS,GAAI,iCAAgC,IAAIC,IAAJ,GAAWC,WAAX,EAAyB,wBAJlE;IAKJC;EALI,IAOFP,KAPJ;EAAA,MAMKQ,MANL,4BAOIR,KAPJ;;EASA,oBACE;IAAQ,SAAS,EAAEN,IAAI,CAACO,SAAD,EAAYC,OAAO,CAACO,IAApB;EAAvB,GAAsDD,MAAtD,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAC,eAAtB;IAAsC,SAAS,EAAEN,OAAO,CAACC;EAAzD,GACGA,IADH,CADF,eAIE;IAAK,SAAS,EAAED,OAAO,CAACQ;EAAxB,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAC,OAAtB;IAA8B,SAAS,EAAER,OAAO,CAACE;EAAjD,GACGA,SADH,CADF,EAIGG,KAAK,iBAAI;IAAK,SAAS,EAAEL,OAAO,CAACS;EAAxB,EAJZ,EAKGJ,KALH,CAJF,CADF;AAcD,CAxBD;;AA0BA,wCAAAR,QAAQ,CAACa,SAAT,GAAqB;EACnB;AACF;AACA;EACEX,SAAS,EAAEN,SAAS,CAACkB,MAJF;;EAKnB;AACF;AACA;EACEX,OAAO,EAAEP,SAAS,CAACmB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEd,SAAS,CAACkB,MAJO;;IAKvB;AACJ;AACA;IACIV,IAAI,EAAER,SAAS,CAACkB,MARO;;IASvB;AACJ;AACA;IACIH,cAAc,EAAEf,SAAS,CAACkB,MAZH;;IAavB;AACJ;AACA;IACIT,SAAS,EAAET,SAAS,CAACkB,MAhBE;;IAiBvB;AACJ;AACA;IACIN,KAAK,EAAEZ,SAAS,CAACkB,MApBM;;IAqBvB;AACJ;AACA;IACIF,SAAS,EAAEhB,SAAS,CAACkB;EAxBE,CAAhB,EAyBNE,UAjCgB;EAkCnBZ,IAAI,EAAER,SAAS,CAACqB,IAlCG;EAmCnBZ,SAAS,EAAET,SAAS,CAACqB,IAnCF;EAoCnBT,KAAK,EAAEZ,SAAS,CAACqB;AApCE,CAArB;AAuCA,eAAepB,UAAU,CAACE,MAAD,EAAS;EAAEK,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyCJ,QAAzC,CAAf"}

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

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

package/dist/modern/Footer/index.js

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

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

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

package/dist/modern/Footer/styles.js

@@ -0,0 +1,53 @@
+const styles = theme => ({
+  root: {
+    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 ${theme.palette.atmo5}`,
+    [theme.breakpoints.only("xs")]: {
+      height: "unset",
+      flexDirection: "column",
+      padding: theme.spacing("sm")
+    }
+  },
+  name: {
+    [theme.breakpoints.only("xs")]: {
+      marginBottom: theme.spacing("xs")
+    }
+  },
+  rightContainer: {
+    display: "flex",
+    alignItems: "center",
+    flexDirection: "row",
+    marginLeft: "auto",
+    [theme.breakpoints.only("xs")]: {
+      flexDirection: "column",
+      textAlign: "center",
+      marginLeft: "unset"
+    }
+  },
+  copyright: {
+    [theme.breakpoints.only("xs")]: {
+      flexDirection: "column",
+      marginBottom: theme.spacing("xs")
+    }
+  },
+  separator: {
+    width: 1,
+    height: 16,
+    backgroundColor: theme.palette.acce1,
+    margin: theme.spacing(0, "xs"),
+    [theme.breakpoints.only("xs")]: {
+      display: "none"
+    }
+  },
+  links: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,UAAU,EAAE,QAFR;IAGJC,aAAa,EAAE,KAHX;IAIJC,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd,EAAiB,IAAjB,CAJL;IAKJC,MAAM,EAAE,EALJ;IAMJC,MAAM,EAAE,CANJ;IAOJC,MAAM,EAAET,KAAK,CAACS,MAAN,CAAaC,MAPjB;IAQJC,eAAe,EAAEX,KAAK,CAACY,OAAN,CAAcC,KAR3B;IASJC,SAAS,EAAG,YAAWd,KAAK,CAACY,OAAN,CAAcG,KAAM,EATvC;IAUJ,CAACf,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;MAC9BV,MAAM,EAAE,OADsB;MAE9BH,aAAa,EAAE,QAFe;MAG9BC,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,IAAd;IAHqB;EAV5B,CADmB;EAiBzBY,IAAI,EAAE;IACJ,CAAClB,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;MAC9BE,YAAY,EAAEnB,KAAK,CAACM,OAAN,CAAc,IAAd;IADgB;EAD5B,CAjBmB;EAsBzBc,cAAc,EAAE;IACdlB,OAAO,EAAE,MADK;IAEdC,UAAU,EAAE,QAFE;IAGdC,aAAa,EAAE,KAHD;IAIdiB,UAAU,EAAE,MAJE;IAKd,CAACrB,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;MAC9Bb,aAAa,EAAE,QADe;MAE9BkB,SAAS,EAAE,QAFmB;MAG9BD,UAAU,EAAE;IAHkB;EALlB,CAtBS;EAiCzBE,SAAS,EAAE;IACT,CAACvB,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;MAC9Bb,aAAa,EAAE,QADe;MAE9Be,YAAY,EAAEnB,KAAK,CAACM,OAAN,CAAc,IAAd;IAFgB;EADvB,CAjCc;EAuCzBkB,SAAS,EAAE;IACTC,KAAK,EAAE,CADE;IAETlB,MAAM,EAAE,EAFC;IAGTI,eAAe,EAAEX,KAAK,CAACY,OAAN,CAAcc,KAHtB;IAITC,MAAM,EAAE3B,KAAK,CAACM,OAAN,CAAc,CAAd,EAAiB,IAAjB,CAJC;IAKT,CAACN,KAAK,CAACgB,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;MAC9Bf,OAAO,EAAE;IADqB;EALvB,CAvCc;EAgDzB0B,KAAK,EAAE;AAhDkB,CAAZ,CAAf;;AAmDA,eAAe7B,MAAf"}

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

@@ -0,0 +1,127 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "className", "icon", "showWhen", "onClick", "isVisible"];
+import React, { useContext } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { HvFormElementContext } from "../FormElement";
+import styles from "./styles";
+
+const HvAdornment = props => {
+  var _HvBaseInput$;
+
+  const {
+    id,
+    classes,
+    className,
+    icon,
+    showWhen = "",
+    onClick,
+    isVisible = undefined
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const {
+    elementStatus = "",
+    descriptors = {}
+  } = useContext(HvFormElementContext);
+  const {
+    HvBaseInput
+  } = descriptors;
+  const displayIcon = isVisible !== null && isVisible !== void 0 ? isVisible : showWhen === "" || elementStatus === showWhen;
+  const isClickable = !!onClick;
+  return isClickable ? /*#__PURE__*/React.createElement("button", _extends({
+    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: clsx(className, classes.root, classes.adornment, classes.adornmentButton, !displayIcon && classes.hideIcon),
+    onClick: onClick,
+    onKeyDown: () => {}
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: classes.icon
+  }, icon)) : /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: clsx(className, classes.root, classes.adornment, classes.adornmentIcon, !displayIcon && classes.hideIcon),
+    role: "presentation"
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: classes.icon
+  }, icon));
+};
+
+process.env.NODE_ENV !== "production" ? HvAdornment.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root container of the input.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to all adornments
+     */
+    adornment: PropTypes.string,
+
+    /**
+     * Styles applied to the adornment when acting as a button.
+     */
+    adornmentIcon: PropTypes.string,
+
+    /**
+     * Styles applied to the adornment when acting as a button.
+     */
+    adornmentButton: PropTypes.string,
+
+    /**
+     * Styles applied to icon on action.
+     */
+    iconAction: PropTypes.string,
+
+    /**
+     * Styles applied to the icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Styles applied to the icon when it's supposed to be hidden.
+     */
+    hideIcon: PropTypes.string
+  }),
+
+  /**
+   * The icon to be added into the input.
+   */
+  icon: PropTypes.node.isRequired,
+
+  /**
+   * When the adornment should be displayed.
+   */
+  showWhen: PropTypes.oneOf(["standBy", "valid", "invalid"]),
+
+  /**
+   * Function to be executed when this element is clicked.
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * If this property is defined the adornment visibility will be exclusively controlled by this value.
+   */
+  isVisible: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvAdornment"
+})(HvAdornment);
+//# sourceMappingURL=Adornment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Adornment.js","names":["React","useContext","PropTypes","clsx","withStyles","HvFormElementContext","styles","HvAdornment","props","id","classes","className","icon","showWhen","onClick","isVisible","undefined","others","elementStatus","descriptors","HvBaseInput","displayIcon","isClickable","root","adornment","adornmentButton","hideIcon","adornmentIcon","propTypes","string","shape","iconAction","node","isRequired","oneOf","func","bool","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/modern/Forms/Adornment/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+const 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"
+  }
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,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;AAwBA,eAAed,MAAf"}

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

package/dist/modern/Forms/BaseInput/BaseInput.js

@@ -0,0 +1,209 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["placeholder", "classes", "className", "id", "disabled", "inputProps", "inputRef", "onChange", "value", "multiline", "defaultValue", "required", "invalid"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React, { useContext } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { Input, withStyles } from "@material-ui/core";
+import { setId } from "../../utils";
+import { HvFormElementContext } from "../FormElement";
+import styles from "./styles";
+/**
+ * An Input component that only posses the most basic functionalities.
+ * It should be used alongside the other form elements to construct a proper accessible form.
+ */
+
+const HvBaseInput = props => {
+  var _HvHelperText$, _HvLabel$, _HvSuggestions$;
+
+  const {
+    placeholder,
+    classes,
+    className = "",
+    id,
+    disabled = false,
+    inputProps,
+    inputRef,
+    onChange,
+    value,
+    multiline = false,
+    defaultValue,
+    required = false,
+    invalid = false
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const {
+    elementId,
+    elementName,
+    elementStatus,
+    elementValue,
+    elementDisabled,
+    descriptors = {}
+  } = useContext(HvFormElementContext);
+
+  const onChangeHandler = event => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(event, event.target.value);
+  };
+
+  const localInvalid = invalid || elementStatus === "invalid";
+  const localValue = value !== null && value !== void 0 ? value : elementValue;
+  const localDisabled = disabled || elementDisabled;
+  const localId = id !== null && id !== void 0 ? id : setId(elementId, "input");
+  const {
+    HvLabel,
+    HvHelperText,
+    HvSuggestions
+  } = descriptors;
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    id: localId,
+    name: elementName,
+    defaultValue: defaultValue,
+    value: localValue,
+    disabled: localDisabled,
+    placeholder: placeholder,
+    onChange: onChangeHandler,
+    classes: {
+      input: classes.input,
+      focused: classes.inputRootFocused,
+      disabled: classes.inputDisabled,
+      multiline: classes.multiLine
+    },
+    className: clsx(classes.inputRoot, className, localDisabled && classes.inputRootDisabled, localInvalid && classes.inputRootInvalid),
+    inputProps: _objectSpread({
+      required,
+      "aria-required": required || undefined,
+      "aria-invalid": localInvalid || undefined,
+      "aria-describedby": HvHelperText === null || HvHelperText === void 0 ? void 0 : (_HvHelperText$ = HvHelperText[0]) === null || _HvHelperText$ === void 0 ? void 0 : _HvHelperText$.id,
+      "aria-labelledby": HvLabel === null || HvLabel === void 0 ? void 0 : (_HvLabel$ = HvLabel[0]) === null || _HvLabel$ === void 0 ? void 0 : _HvLabel$.id,
+      "aria-controls": HvSuggestions === null || HvSuggestions === void 0 ? void 0 : (_HvSuggestions$ = HvSuggestions[0]) === null || _HvSuggestions$ === void 0 ? void 0 : _HvSuggestions$.id
+    }, inputProps),
+    inputRef: inputRef,
+    multiline: multiline
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? HvBaseInput.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root container of the input.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to input root which is comprising of everything but the labels and descriptions.
+     */
+    inputRoot: PropTypes.string,
+
+    /**
+     * Styles applied to input root when it is disabled.
+     */
+    inputRootDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to input root when it is invalid.
+     */
+    inputRootInvalid: PropTypes.string,
+
+    /**
+     * Styles applied to input root when it is focused.
+     */
+    inputRootFocused: PropTypes.string,
+
+    /**
+     * Styles applied to input html element.
+     */
+    input: PropTypes.string,
+
+    /**
+     * Styles applied to input html element when it is disabled.
+     */
+    inputDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to input html element when it is multiline mode.
+     */
+    multiLine: PropTypes.string,
+
+    /**
+     * IE11 specific styling.
+     */
+    "@global": PropTypes.string
+  }).isRequired,
+
+  /**
+   * Label inside the input used to help user.
+   */
+  placeholder: PropTypes.string,
+
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps: PropTypes.instanceOf(Object),
+
+  /**
+   * Allows passing a ref to the underlying input
+   */
+  inputRef: PropTypes.shape({
+    current: PropTypes.any
+  }),
+
+  /**
+   * If ´true´ the input is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * The function that will be executed onChange, allows modification of the input,
+   * it receives the value. If a new value should be presented it must returned it.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * The value of the input, when controlled.
+   */
+  value: PropTypes.string,
+
+  /**
+   * The initial value of the input, when uncontrolled.
+   */
+  defaultValue: PropTypes.string,
+
+  /**
+   * If true, a textarea element will be rendered.
+   */
+  multiline: PropTypes.bool,
+
+  /**
+   * If true, the input element will be required.
+   */
+  required: PropTypes.bool,
+
+  /**
+   * Denotes if the input is in an invalid state.
+   */
+  invalid: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvBaseInput"
+})(HvBaseInput);
+//# sourceMappingURL=BaseInput.js.map

package/dist/modern/Forms/BaseInput/BaseInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInput.js","names":["React","useContext","PropTypes","clsx","Input","withStyles","setId","HvFormElementContext","styles","HvBaseInput","props","placeholder","classes","className","id","disabled","inputProps","inputRef","onChange","value","multiline","defaultValue","required","invalid","others","elementId","elementName","elementStatus","elementValue","elementDisabled","descriptors","onChangeHandler","event","target","localInvalid","localValue","localDisabled","localId","HvLabel","HvHelperText","HvSuggestions","input","focused","inputRootFocused","inputDisabled","multiLine","inputRoot","inputRootDisabled","inputRootInvalid","undefined","propTypes","string","shape","root","isRequired","instanceOf","Object","current","any","bool","func","name"],"sources":["../../../../src/Forms/BaseInput/BaseInput.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input, withStyles } from \"@material-ui/core\";\nimport { setId } from \"../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport styles from \"./styles\";\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nconst HvBaseInput = (props) => {\n  const {\n    placeholder,\n    classes,\n    className = \"\",\n    id,\n    disabled = false,\n    inputProps,\n    inputRef,\n    onChange,\n    value,\n    multiline = false,\n    defaultValue,\n    required = false,\n    invalid = false,\n    ...others\n  } = props;\n  const {\n    elementId,\n    elementName,\n    elementStatus,\n    elementValue,\n    elementDisabled,\n    descriptors = {},\n  } = useContext(HvFormElementContext);\n\n  const onChangeHandler = (event) => {\n    onChange?.(event, event.target.value);\n  };\n\n  const localInvalid = invalid || elementStatus === \"invalid\";\n  const localValue = value ?? elementValue;\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"input\");\n  const { HvLabel, HvHelperText, HvSuggestions } = descriptors;\n\n  return (\n    <Input\n      id={localId}\n      name={elementName}\n      defaultValue={defaultValue}\n      value={localValue}\n      disabled={localDisabled}\n      placeholder={placeholder}\n      onChange={onChangeHandler}\n      classes={{\n        input: classes.input,\n        focused: classes.inputRootFocused,\n        disabled: classes.inputDisabled,\n        multiline: classes.multiLine,\n      }}\n      className={clsx(classes.inputRoot, className, {\n        [classes.inputRootDisabled]: localDisabled,\n        [classes.inputRootInvalid]: localInvalid,\n      })}\n      inputProps={{\n        required,\n        \"aria-required\": required || undefined,\n        \"aria-invalid\": localInvalid || undefined,\n        \"aria-describedby\": HvHelperText?.[0]?.id,\n        \"aria-labelledby\": HvLabel?.[0]?.id,\n        \"aria-controls\": HvSuggestions?.[0]?.id,\n        ...inputProps,\n      }}\n      inputRef={inputRef}\n      multiline={multiline}\n      {...others}\n    />\n  );\n};\n\nHvBaseInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: 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 input root which is comprising of everything but the labels and descriptions.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input root when it is invalid.\n     */\n    inputRootInvalid: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    multiLine: PropTypes.string,\n    /**\n     * IE11 specific styling.\n     */\n    \"@global\": PropTypes.string,\n  }).isRequired,\n  /**\n   * Label inside the input used to help user.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: PropTypes.shape({ current: PropTypes.any }),\n  /**\n   * If ´true´ the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The value of the input, when controlled.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input, when uncontrolled.\n   */\n  defaultValue: PropTypes.string,\n  /**\n   * If true, a textarea element will be rendered.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * If true, the input element will be required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Denotes if the input is in an invalid state.\n   */\n  invalid: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvBaseInput\" })(HvBaseInput);\n"],"mappings":"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"}

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

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

package/dist/modern/Forms/BaseInput/index.js

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

package/dist/modern/Forms/BaseInput/index.js.map

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

package/dist/modern/Forms/BaseInput/styles.js

@@ -0,0 +1,87 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { outlineStyles } from "../../Focus/styles";
+
+const styles = theme => ({
+  root: {
+    minWidth: "150px",
+    maxWidth: "610px"
+  },
+  inputRoot: {
+    margin: 0,
+    width: "100%",
+    borderStyle: "solid",
+    borderWidth: " 0 0 1px 0",
+    backgroundColor: theme.hv.palette.atmosphere.atmo1,
+    borderColor: theme.hv.palette.atmosphere.atmo6,
+    "&:hover": {
+      borderStyle: "solid",
+      borderWidth: " 0 0 1px 0",
+      borderColor: theme.hv.palette.accent.acce1,
+      background: theme.hv.palette.atmosphere.atmo1
+    }
+  },
+  inputRootDisabled: {
+    borderColor: theme.hv.palette.atmosphere.atmo6,
+    background: theme.hv.palette.atmosphere.atmo4,
+    "&:hover": {
+      borderColor: theme.hv.palette.atmosphere.atmo6,
+      background: theme.hv.palette.atmosphere.atmo4,
+      cursor: "not-allowed"
+    },
+    cursor: "not-allowed"
+  },
+  inputRootFocused: _objectSpread(_objectSpread({
+    borderStyle: "solid",
+    borderWidth: " 0 0 1px 0",
+    borderColor: theme.hv.palette.accent.acce1,
+    background: theme.hv.palette.atmosphere.atmo1
+  }, outlineStyles), {}, {
+    "&:hover": {
+      borderStyle: "solid",
+      borderWidth: "0 0 1px 0",
+      borderColor: theme.hv.palette.accent.acce1,
+      background: theme.hv.palette.atmosphere.atmo1
+    }
+  }),
+  inputRootInvalid: {
+    borderColor: theme.hv.palette.semantic.sema4,
+    "&:hover": {
+      borderColor: theme.hv.palette.semantic.sema4
+    }
+  },
+  input: _objectSpread(_objectSpread({
+    height: `20px`,
+    marginLeft: theme.hv.spacing.xs,
+    marginRight: theme.hv.spacing.xs,
+    padding: "6px 0 5px"
+  }, theme.hv.typography.normalText), {}, {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    "&::placeholder": _objectSpread(_objectSpread({}, theme.hv.typography.placeholderText), {}, {
+      opacity: 1
+    }),
+    "&::-ms-clear": {
+      display: "none"
+    }
+  }),
+  inputDisabled: {
+    cursor: "not-allowed"
+  },
+  multiLine: {
+    padding: 0
+  },
+  "@global": {
+    "input:-webkit-autofill": {
+      "-webkit-box-shadow": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,
+      "-webkit-text-fill-color": theme.hv.typography.normalText.color
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map