@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Forms/FormElement/FormElement.d.ts

@@ -0,0 +1,79 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvFormStatus = "standBy" | "valid" | "invalid";
+
+export type HvFormElementClassKey = "root";
+
+export interface HvFormElementProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFormElementClassKey, "onChange"> {
+  /**
+   * Components that will receive the form context values.
+   */
+  children?: React.ReactNode;
+
+  /**
+   * Name of the form element.
+   *
+   * Part of a name/value pair, should be the name property of the undeling native input.
+   */
+  name?: string;
+  /**
+   * Current value of the form element.
+   *
+   * Part of a name/value pair, should be the value property of the undeling native input.
+   */
+  value?: any;
+
+  /**
+   * The label of the form element.
+   *
+   * The form element must be labeled for accessibility reasons.
+   * If not provided, an aria-label or aria-labelledby must be provided instead.
+   */
+  label?: React.ReactNode;
+  /**
+   * Provide additional descriptive text for the form element.
+   */
+  description?: React.ReactNode;
+
+  /**
+   * Whether the form element is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Indicates that the form element is not editable.
+   */
+  readOnly?: boolean;
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  required?: boolean;
+
+  /**
+   * The status of the form element.
+   *
+   * Valid is correct, invalid is incorrect and standBy means no validations have run.
+   *
+   * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
+   * or "invalid" after any change to the state.
+   */
+  status?: HvFormStatus;
+  /**
+   * The error message to show when `status` is "invalid".
+   */
+  statusMessage?: React.ReactNode;
+  /**
+   * Identifies the element that provides an error message for the form element.
+   *
+   * Will only be used when the validation status is invalid.
+   */
+  "aria-errormessage"?: string;
+
+  /**
+   * The callback fired when the value changes.
+   */
+  onChange?: (event: Event, value: any) => void;
+}
+
+export default function HvFormElement(props: HvFormElementProps): JSX.Element | null;

package/dist/modern/Forms/FormElement/FormElement.js

@@ -0,0 +1,154 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "children", "id", "name", "value", "disabled", "required", "readOnly", "status"];
+import React, { useMemo } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import useUniqueId from "../../useUniqueId";
+import { findDescriptors } from "./utils/FormUtils";
+import { HvFormElementContextProvider } from "./context/FormElementContext";
+import { HvFormElementValueContextProvider } from "./context/FormElementValueContext";
+import { HvFormElementDescriptorsContextProvider } from "./context/FormElementDescriptorsContext";
+import styles from "./styles";
+/**
+ * The FormElement intends to establish the base API for form elements and also to
+ * ensure state consistency among children in relation to ids, validation status, etc..
+ *
+ * FormElement and its provided building blocks can be used when implementing a custom
+ * use case not covered by ready-to-use form elements.
+ * Most of these form elements offer a Base version with minimal wiring and logic, with
+ * the intent of also serving as building blocks for such cases.
+ */
+
+const HvFormElement = props => {
+  const {
+    classes,
+    className,
+    children,
+    id,
+    name,
+    value,
+    disabled = false,
+    required = false,
+    readOnly = false,
+    status = "standBy"
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const elementId = useUniqueId(id, "hvformelement");
+  const contextValue = useMemo(() => ({
+    elementId,
+    elementName: name,
+    elementStatus: status,
+    elementDisabled: disabled,
+    elementRequired: required,
+    elementReadOnly: readOnly
+  }), [disabled, elementId, name, readOnly, required, status]);
+  const descriptors = useMemo(() => findDescriptors(children), [children]);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: clsx(className, classes.root)
+  }, others), /*#__PURE__*/React.createElement(HvFormElementContextProvider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(HvFormElementValueContextProvider, {
+    value: value
+  }, /*#__PURE__*/React.createElement(HvFormElementDescriptorsContextProvider, {
+    value: descriptors
+  }, children))));
+};
+
+HvFormElement.formElementType = "formelement";
+HvFormElement.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the FormElement.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Components that will receive the form context values.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Component identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Name of the form element.
+   *
+   * Part of a name/value pair, should be the name property of the underling native input.
+   */
+  name: PropTypes.string,
+
+  /**
+   * Current value of the form element.
+   *
+   * Part of a name/value pair, should be the value property of the underling native input.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: PropTypes.any,
+
+  /**
+   * The label of the form element.
+   *
+   * The form element must be labeled for accessibility reasons.
+   * If not provided, an aria-label or aria-labelledby must be provided instead.
+   */
+  label: PropTypes.node,
+
+  /**
+   * Provide additional descriptive text for the form element.
+   */
+  description: PropTypes.node,
+
+  /**
+   * Whether the form element is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Indicates that the form element is not editable.
+   */
+  readOnly: PropTypes.bool,
+
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  required: PropTypes.bool,
+
+  /**
+   * The status of the form element.
+   *
+   * Valid is correct, invalid is incorrect and standBy means no validations have run.
+   *
+   * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
+   * or "invalid" after any change to the state.
+   */
+  status: PropTypes.oneOf(["standBy", "valid", "invalid"]),
+
+  /**
+   * The error message to show when `status` is "invalid".
+   */
+  statusMessage: PropTypes.string,
+
+  /**
+   * The callback fired when the value changes.
+   */
+  onChange: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvFormElement"
+})(HvFormElement);
+//# sourceMappingURL=FormElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Forms/FormElement/FormElement.js"],"names":["React","useMemo","clsx","PropTypes","withStyles","useUniqueId","findDescriptors","HvFormElementContextProvider","HvFormElementValueContextProvider","HvFormElementDescriptorsContextProvider","styles","HvFormElement","props","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","contextValue","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","root","formElementType","propTypes","string","shape","isRequired","node","any","label","description","bool","oneOf","statusMessage","onChange","func"],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport useUniqueId from \"../../useUniqueId\";\n\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport styles from \"./styles\";\n\n/**\n * The FormElement intends to establish the base API for form elements and also to\n * ensure state consistency among children in relation to ids, validation status, etc..\n *\n * FormElement and its provided building blocks can be used when implementing a custom\n * use case not covered by ready-to-use form elements.\n * Most of these form elements offer a Base version with minimal wiring and logic, with\n * the intent of also serving as building blocks for such cases.\n */\nconst HvFormElement = (props) => {\n  const {\n    classes,\n    className,\n\n    children,\n\n    id,\n    name,\n    value,\n\n    disabled = false,\n    required = false,\n    readOnly = false,\n\n    status = \"standBy\",\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n\nHvFormElement.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 to the FormElement.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Components that will receive the form context values.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * Component identifier.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name: PropTypes.string,\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n\n  /**\n   * Whether the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvFormElement\" })(HvFormElement);\n"],"file":"FormElement.js"}

package/dist/modern/Forms/FormElement/context/FormElementContext.js

@@ -0,0 +1,6 @@
+import React from "react";
+export const HvFormElementContext = /*#__PURE__*/React.createContext({});
+export const HvFormElementContextProvider = HvFormElementContext.Provider;
+export const HvFormElementContextConsumer = HvFormElementContext.Consumer;
+export default HvFormElementContext;
+//# sourceMappingURL=FormElementContext.js.map

package/dist/modern/Forms/FormElement/context/FormElementContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Forms/FormElement/context/FormElementContext.js"],"names":["React","HvFormElementContext","createContext","HvFormElementContextProvider","Provider","HvFormElementContextConsumer","Consumer"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,MAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAN,CAAoB,EAApB,CAA7B;AAEP,OAAO,MAAMC,4BAA4B,GAAGF,oBAAoB,CAACG,QAA1D;AACP,OAAO,MAAMC,4BAA4B,GAAGJ,oBAAoB,CAACK,QAA1D;AACP,eAAeL,oBAAf","sourcesContent":["import React from \"react\";\n\nexport const HvFormElementContext = React.createContext({});\n\nexport const HvFormElementContextProvider = HvFormElementContext.Provider;\nexport const HvFormElementContextConsumer = HvFormElementContext.Consumer;\nexport default HvFormElementContext;\n"],"file":"FormElementContext.js"}

package/dist/modern/Forms/FormElement/context/FormElementDescriptorsContext.js

@@ -0,0 +1,6 @@
+import React from "react";
+export const HvFormElementDescriptorsContext = /*#__PURE__*/React.createContext({});
+export const HvFormElementDescriptorsContextProvider = HvFormElementDescriptorsContext.Provider;
+export const HvFormElementDescriptorsContextConsumer = HvFormElementDescriptorsContext.Consumer;
+export default HvFormElementDescriptorsContext;
+//# sourceMappingURL=FormElementDescriptorsContext.js.map

package/dist/modern/Forms/FormElement/context/FormElementDescriptorsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Forms/FormElement/context/FormElementDescriptorsContext.js"],"names":["React","HvFormElementDescriptorsContext","createContext","HvFormElementDescriptorsContextProvider","Provider","HvFormElementDescriptorsContextConsumer","Consumer"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,MAAMC,+BAA+B,gBAAGD,KAAK,CAACE,aAAN,CAAoB,EAApB,CAAxC;AAEP,OAAO,MAAMC,uCAAuC,GAAGF,+BAA+B,CAACG,QAAhF;AACP,OAAO,MAAMC,uCAAuC,GAAGJ,+BAA+B,CAACK,QAAhF;AACP,eAAeL,+BAAf","sourcesContent":["import React from \"react\";\n\nexport const HvFormElementDescriptorsContext = React.createContext({});\n\nexport const HvFormElementDescriptorsContextProvider = HvFormElementDescriptorsContext.Provider;\nexport const HvFormElementDescriptorsContextConsumer = HvFormElementDescriptorsContext.Consumer;\nexport default HvFormElementDescriptorsContext;\n"],"file":"FormElementDescriptorsContext.js"}

package/dist/modern/Forms/FormElement/context/FormElementValueContext.js

@@ -0,0 +1,6 @@
+import React from "react";
+export const HvFormElementValueContext = /*#__PURE__*/React.createContext(undefined);
+export const HvFormElementValueContextProvider = HvFormElementValueContext.Provider;
+export const HvFormElementValueContextConsumer = HvFormElementValueContext.Consumer;
+export default HvFormElementValueContext;
+//# sourceMappingURL=FormElementValueContext.js.map

package/dist/modern/Forms/FormElement/context/FormElementValueContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Forms/FormElement/context/FormElementValueContext.js"],"names":["React","HvFormElementValueContext","createContext","undefined","HvFormElementValueContextProvider","Provider","HvFormElementValueContextConsumer","Consumer"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,MAAMC,yBAAyB,gBAAGD,KAAK,CAACE,aAAN,CAAoBC,SAApB,CAAlC;AAEP,OAAO,MAAMC,iCAAiC,GAAGH,yBAAyB,CAACI,QAApE;AACP,OAAO,MAAMC,iCAAiC,GAAGL,yBAAyB,CAACM,QAApE;AACP,eAAeN,yBAAf","sourcesContent":["import React from \"react\";\n\nexport const HvFormElementValueContext = React.createContext(undefined);\n\nexport const HvFormElementValueContextProvider = HvFormElementValueContext.Provider;\nexport const HvFormElementValueContextConsumer = HvFormElementValueContext.Consumer;\nexport default HvFormElementValueContext;\n"],"file":"FormElementValueContext.js"}

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

@@ -0,0 +1,3 @@
+export { default } from "./FormElement";
+export * from "./FormElement";
+export * from "./context/FormElementContext";

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

@@ -0,0 +1,6 @@
+export { default } from "./FormElement";
+export * from "./context/FormElementContext";
+export * from "./context/FormElementValueContext";
+export * from "./context/FormElementDescriptorsContext";
+export * from "./utils/FormUtils";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Forms/FormElement/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,cAAc,8BAAd;AACA,cAAc,mCAAd;AACA,cAAc,yCAAd;AACA,cAAc,mBAAd","sourcesContent":["export { default } from \"./FormElement\";\nexport * from \"./context/FormElementContext\";\nexport * from \"./context/FormElementValueContext\";\nexport * from \"./context/FormElementDescriptorsContext\";\nexport * from \"./utils/FormUtils\";\n"],"file":"index.js"}

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

@@ -0,0 +1,6 @@
+const styles = () => ({
+  root: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Forms/FormElement/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Forms/FormElement/styles.js"],"names":["styles","root"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;AACpBC,EAAAA,IAAI,EAAE;AADc,CAAP,CAAf;;AAIA,eAAeD,MAAf","sourcesContent":["const styles = () => ({\n  root: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Forms/FormElement/utils/FormUtils.js

@@ -0,0 +1,82 @@
+import React from "react";
+/**
+ * Scans the element's children looking for the children IDs that match the different form element types.
+ * This function will produce an object that has a key for each provided name
+ * Inside each key there will be an array with each id of the found descriptor.
+ *
+ * @param {Array} children - The children inside the form element to scan.
+ * @param {Object} descriptors - Initial descriptors map (used for recursion).
+ *
+ */
+
+const findDescriptors = (children, descriptors = {
+  input: [],
+  label: [],
+  description: [],
+  controlled: [],
+  errormessage: [],
+  // TODO: refactor this out
+  HvCalendarHeader: []
+}) => {
+  React.Children.forEach(children, child => {
+    var _child$type, _child$props, _child$type2;
+
+    if (child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && _child$type.formElementType && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.id) {
+      var _descriptors$child$ty, _child$props2, _child$props3;
+
+      (_descriptors$child$ty = descriptors[child.type.formElementType]) === null || _descriptors$child$ty === void 0 ? void 0 : _descriptors$child$ty.push({
+        id: (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.id,
+        htmlFor: (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.htmlFor
+      });
+    }
+
+    if ((child === null || child === void 0 ? void 0 : (_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.formElementType) !== "formelement") {
+      var _child$props4;
+
+      findDescriptors(child === null || child === void 0 ? void 0 : (_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.children, descriptors);
+    }
+  });
+  return descriptors;
+};
+
+const getIdReferenceListFor = (formElementType, descriptors, filterFor = null) => {
+  var _descriptors$formElem, _descriptors$formElem2;
+
+  const referenceList = descriptors === null || descriptors === void 0 ? void 0 : (_descriptors$formElem = descriptors[formElementType]) === null || _descriptors$formElem === void 0 ? void 0 : (_descriptors$formElem2 = _descriptors$formElem.filter(d => d.htmlFor !== filterFor)) === null || _descriptors$formElem2 === void 0 ? void 0 : _descriptors$formElem2.map(d => d.id).join(" ").trim();
+  return referenceList !== "" ? referenceList : undefined;
+};
+
+const getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {
+  var _descriptors$formElem3, _descriptors$formElem4, _descriptors$formElem5;
+
+  const referenceList = descriptors === null || descriptors === void 0 ? void 0 : (_descriptors$formElem3 = descriptors[formElementType]) === null || _descriptors$formElem3 === void 0 ? void 0 : (_descriptors$formElem4 = _descriptors$formElem3.filter(d => d.htmlFor !== filterFor)) === null || _descriptors$formElem4 === void 0 ? void 0 : (_descriptors$formElem5 = _descriptors$formElem4.map(d => d.id)) === null || _descriptors$formElem5 === void 0 ? void 0 : _descriptors$formElem5[0];
+  return referenceList !== "" ? referenceList : undefined;
+};
+
+const buildFormElementPropsFromContext = (props, context) => {
+  return {
+    name: props.name || (context === null || context === void 0 ? void 0 : context.elementName),
+    disabled: props.disabled !== undefined ? props.disabled : context === null || context === void 0 ? void 0 : context.elementDisabled,
+    readOnly: props.readOnly !== undefined ? props.readOnly : context === null || context === void 0 ? void 0 : context.elementReadOnly,
+    required: props.required !== undefined ? props.required : context === null || context === void 0 ? void 0 : context.elementRequired,
+    status: props.status || (context === null || context === void 0 ? void 0 : context.elementStatus)
+  };
+};
+
+const buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {
+  const arias = {
+    "aria-labelledby": (props === null || props === void 0 ? void 0 : props["aria-labelledby"]) !== undefined ? props === null || props === void 0 ? void 0 : props["aria-labelledby"] : getIdReferenceListFor("label", context === null || context === void 0 ? void 0 : context.descriptors, inputId),
+    "aria-describedby": (props === null || props === void 0 ? void 0 : props["aria-describedby"]) !== undefined ? props === null || props === void 0 ? void 0 : props["aria-describedby"] : getIdReferenceListFor("description", context === null || context === void 0 ? void 0 : context.descriptors),
+    "aria-controls": (props === null || props === void 0 ? void 0 : props["aria-controls"]) !== undefined ? props === null || props === void 0 ? void 0 : props["aria-controls"] : getIdReferenceListFor("controlled", context === null || context === void 0 ? void 0 : context.descriptors)
+  };
+
+  if (isInvalid) {
+    arias["aria-invalid"] = isInvalid;
+    arias["aria-errormessage"] = (props === null || props === void 0 ? void 0 : props["aria-errormessage"]) !== undefined ? props === null || props === void 0 ? void 0 : props["aria-errormessage"] : getIdReferenceFor("errormessage", context === null || context === void 0 ? void 0 : context.descriptors);
+  }
+
+  return arias;
+};
+
+export { findDescriptors, getIdReferenceListFor, getIdReferenceFor, buildFormElementPropsFromContext, buildAriaPropsFromContext };
+//# sourceMappingURL=FormUtils.js.map

package/dist/modern/Forms/FormElement/utils/FormUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Forms/FormElement/utils/FormUtils.js"],"names":["React","findDescriptors","children","descriptors","input","label","description","controlled","errormessage","HvCalendarHeader","Children","forEach","child","type","formElementType","props","id","push","htmlFor","getIdReferenceListFor","filterFor","referenceList","filter","d","map","join","trim","undefined","getIdReferenceFor","buildFormElementPropsFromContext","context","name","elementName","disabled","elementDisabled","readOnly","elementReadOnly","required","elementRequired","status","elementStatus","buildAriaPropsFromContext","isInvalid","inputId","arias"],"mappings":"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","sourcesContent":["import React from \"react\";\n\n/**\n * Scans the element's children looking for the children IDs that match the different form element types.\n * This function will produce an object that has a key for each provided name\n * Inside each key there will be an array with each id of the found descriptor.\n *\n * @param {Array} children - The children inside the form element to scan.\n * @param {Object} descriptors - Initial descriptors map (used for recursion).\n *\n */\nconst findDescriptors = (\n  children,\n  descriptors = {\n    input: [],\n    label: [],\n    description: [],\n    controlled: [],\n    errormessage: [],\n\n    // TODO: refactor this out\n    HvCalendarHeader: [],\n  }\n) => {\n  React.Children.forEach(children, (child) => {\n    if (child?.type?.formElementType && child.props?.id) {\n      descriptors[child.type.formElementType]?.push({\n        id: child.props?.id,\n        htmlFor: child.props?.htmlFor,\n      });\n    }\n\n    if (child?.type?.formElementType !== \"formelement\") {\n      findDescriptors(child?.props?.children, descriptors);\n    }\n  });\n\n  return descriptors;\n};\n\nconst getIdReferenceListFor = (formElementType, descriptors, filterFor = null) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)\n    .join(\" \")\n    .trim();\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {\n  const referenceList = descriptors?.[formElementType]\n    ?.filter((d) => d.htmlFor !== filterFor)\n    ?.map((d) => d.id)?.[0];\n\n  return referenceList !== \"\" ? referenceList : undefined;\n};\n\nconst buildFormElementPropsFromContext = (props, context) => {\n  return {\n    name: props.name || context?.elementName,\n    disabled: props.disabled !== undefined ? props.disabled : context?.elementDisabled,\n    readOnly: props.readOnly !== undefined ? props.readOnly : context?.elementReadOnly,\n    required: props.required !== undefined ? props.required : context?.elementRequired,\n    status: props.status || context?.elementStatus,\n  };\n};\n\nconst buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {\n  const arias = {\n    \"aria-labelledby\":\n      props?.[\"aria-labelledby\"] !== undefined\n        ? props?.[\"aria-labelledby\"]\n        : getIdReferenceListFor(\"label\", context?.descriptors, inputId),\n    \"aria-describedby\":\n      props?.[\"aria-describedby\"] !== undefined\n        ? props?.[\"aria-describedby\"]\n        : getIdReferenceListFor(\"description\", context?.descriptors),\n    \"aria-controls\":\n      props?.[\"aria-controls\"] !== undefined\n        ? props?.[\"aria-controls\"]\n        : getIdReferenceListFor(\"controlled\", context?.descriptors),\n  };\n\n  if (isInvalid) {\n    arias[\"aria-invalid\"] = isInvalid;\n    arias[\"aria-errormessage\"] =\n      props?.[\"aria-errormessage\"] !== undefined\n        ? props?.[\"aria-errormessage\"]\n        : getIdReferenceFor(\"errormessage\", context?.descriptors);\n  }\n\n  return arias;\n};\n\nexport {\n  findDescriptors,\n  getIdReferenceListFor,\n  getIdReferenceFor,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n};\n"],"file":"FormUtils.js"}

package/dist/modern/Forms/FormElement/validationStates.js

@@ -0,0 +1,12 @@
+const validationState = Object.freeze({
+  standBy: "standBy",
+  valid: "valid",
+  invalid: "invalid"
+});
+
+const isValid = compareState => compareState === validationState.valid;
+
+const isInvalid = compareState => compareState === validationState.invalid;
+
+export { validationState as default, isInvalid, isValid };
+//# sourceMappingURL=validationStates.js.map

package/dist/modern/Forms/FormElement/validationStates.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Forms/FormElement/validationStates.js"],"names":["validationState","Object","freeze","standBy","valid","invalid","isValid","compareState","isInvalid","default"],"mappings":"AAAA,MAAMA,eAAe,GAAGC,MAAM,CAACC,MAAP,CAAc;AACpCC,EAAAA,OAAO,EAAE,SAD2B;AAEpCC,EAAAA,KAAK,EAAE,OAF6B;AAGpCC,EAAAA,OAAO,EAAE;AAH2B,CAAd,CAAxB;;AAMA,MAAMC,OAAO,GAAIC,YAAD,IAAkBA,YAAY,KAAKP,eAAe,CAACI,KAAnE;;AACA,MAAMI,SAAS,GAAID,YAAD,IAAkBA,YAAY,KAAKP,eAAe,CAACK,OAArE;;AAEA,SAASL,eAAe,IAAIS,OAA5B,EAAqCD,SAArC,EAAgDF,OAAhD","sourcesContent":["const validationState = Object.freeze({\n  standBy: \"standBy\",\n  valid: \"valid\",\n  invalid: \"invalid\",\n});\n\nconst isValid = (compareState) => compareState === validationState.valid;\nconst isInvalid = (compareState) => compareState === validationState.invalid;\n\nexport { validationState as default, isInvalid, isValid };\n"],"file":"validationStates.js"}

package/dist/modern/Forms/InfoMessage/InfoMessage.d.ts

@@ -0,0 +1,17 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvInfoMessageClassKey = "root" | "infoDisabled" | "gutter";
+
+export interface HvInfoMessageProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvInfoMessageClassKey> {
+  /**
+   * If `true` the input is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * If `true` the info message won't have margins.
+   */
+  disableGutter?: boolean;
+}
+
+export default function HvInfoMessage(props: HvInfoMessageProps): JSX.Element | null;

package/dist/modern/Forms/InfoMessage/InfoMessage.js

@@ -0,0 +1,98 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["label", "children", "classes", "className", "id", "disabled", "disableGutter"];
+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 { HvTypography } from "../..";
+import { setId } from "../../utils";
+import styles from "./styles";
+/**
+ * Provides the user with additional descriptive text for the form element.
+ */
+
+const HvInfoMessage = props => {
+  const {
+    label,
+    children,
+    classes,
+    className,
+    id,
+    disabled,
+    disableGutter = false
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const {
+    elementId,
+    elementDisabled
+  } = useContext(HvFormElementContext);
+  const localDisabled = disabled || elementDisabled;
+  const localId = id !== null && id !== void 0 ? id : setId(elementId, "description");
+  return /*#__PURE__*/React.createElement(HvTypography, _extends({
+    id: localId,
+    className: clsx(className, classes.root, localDisabled && classes.infoDisabled, !disableGutter && classes.gutter),
+    variant: "normalText",
+    component: "label"
+  }, others), children);
+};
+
+HvInfoMessage.formElementType = "description";
+HvInfoMessage.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 information text.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied when the text should be shown.
+     */
+    infoDisabled: PropTypes.string,
+
+    /**
+     * Separation for the message.
+     */
+    gutter: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The children to label.
+   * If defined the aria-labelledby prop will be overriden for this element id.
+   */
+  children: PropTypes.node,
+
+  /**
+   * The text to be shown by the label.
+   */
+  label: PropTypes.node,
+
+  /**
+   * If `true` the label is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * If `true` the info message won't have margins.
+   */
+  disableGutter: PropTypes.bool
+};
+export default withStyles(styles, {
+  name: "HvInfoMessage"
+})(HvInfoMessage);
+//# sourceMappingURL=InfoMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Forms/InfoMessage/InfoMessage.js"],"names":["React","useContext","PropTypes","clsx","withStyles","HvFormElementContext","HvTypography","setId","styles","HvInfoMessage","props","label","children","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","localDisabled","localId","root","infoDisabled","gutter","formElementType","propTypes","string","shape","isRequired","node","bool","name"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,oBAAT,QAAqC,gBAArC;AACA,SAASC,YAAT,QAA6B,OAA7B;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,KAAD,IAAW;AAC/B,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,EALI;AAMJC,IAAAA,QANI;AAOJC,IAAAA,aAAa,GAAG;AAPZ,MASFP,KATJ;AAAA,QAQKQ,MARL,4BASIR,KATJ;;AAUA,QAAM;AAAES,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAAiCnB,UAAU,CAACI,oBAAD,CAAjD;AACA,QAAMgB,aAAa,GAAGL,QAAQ,IAAII,eAAlC;AACA,QAAME,OAAO,GAAGP,EAAH,aAAGA,EAAH,cAAGA,EAAH,GAASR,KAAK,CAACY,SAAD,EAAY,aAAZ,CAA3B;AAEA,sBACE,oBAAC,YAAD;AACE,IAAA,EAAE,EAAEG,OADN;AAEE,IAAA,SAAS,EAAEnB,IAAI,CAACW,SAAD,EAAYD,OAAO,CAACU,IAApB,EACWF,aADX,IACZR,OAAO,CAACW,YADI,EAEK,CAACP,aAFN,IAEZJ,OAAO,CAACY,MAFI,CAFjB;AAME,IAAA,OAAO,EAAC,YANV;AAOE,IAAA,SAAS,EAAC;AAPZ,KAQMP,MARN,GAUGN,QAVH,CADF;AAcD,CA7BD;;AA+BAH,aAAa,CAACiB,eAAd,GAAgC,aAAhC;AAEAjB,aAAa,CAACkB,SAAd,GAA0B;AACxB;AACF;AACA;AACEb,EAAAA,SAAS,EAAEZ,SAAS,CAAC0B,MAJG;;AAKxB;AACF;AACA;AACEb,EAAAA,EAAE,EAAEb,SAAS,CAAC0B,MARU;;AASxB;AACF;AACA;AACEf,EAAAA,OAAO,EAAEX,SAAS,CAAC2B,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAErB,SAAS,CAAC0B,MAJO;;AAKvB;AACJ;AACA;AACIJ,IAAAA,YAAY,EAAEtB,SAAS,CAAC0B,MARD;;AASvB;AACJ;AACA;AACIH,IAAAA,MAAM,EAAEvB,SAAS,CAAC0B;AAZK,GAAhB,EAaNE,UAzBqB;;AA0BxB;AACF;AACA;AACA;AACElB,EAAAA,QAAQ,EAAEV,SAAS,CAAC6B,IA9BI;;AA+BxB;AACF;AACA;AACEpB,EAAAA,KAAK,EAAET,SAAS,CAAC6B,IAlCO;;AAmCxB;AACF;AACA;AACEf,EAAAA,QAAQ,EAAEd,SAAS,CAAC8B,IAtCI;;AAuCxB;AACF;AACA;AACEf,EAAAA,aAAa,EAAEf,SAAS,CAAC8B;AA1CD,CAA1B;AA6CA,eAAe5B,UAAU,CAACI,MAAD,EAAS;AAAEyB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CxB,aAA9C,CAAf","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 { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with additional descriptive text for the form element.\n */\nconst HvInfoMessage = (props) => {\n  const {\n    label,\n    children,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = props;\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"description\");\n\n  return (\n    <HvTypography\n      id={localId}\n      className={clsx(className, classes.root, {\n        [classes.infoDisabled]: localDisabled,\n        [classes.gutter]: !disableGutter,\n      })}\n      variant=\"normalText\"\n      component=\"label\"\n      {...others}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvInfoMessage.formElementType = \"description\";\n\nHvInfoMessage.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 information text.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when the text should be shown.\n     */\n    infoDisabled: PropTypes.string,\n    /**\n     * Separation for the message.\n     */\n    gutter: PropTypes.string,\n  }).isRequired,\n  /**\n   * The children to label.\n   * If defined the aria-labelledby prop will be overriden for this element id.\n   */\n  children: PropTypes.node,\n  /**\n   * The text to be shown by the label.\n   */\n  label: PropTypes.node,\n  /**\n   * If `true` the label is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the info message won't have margins.\n   */\n  disableGutter: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvInfoMessage\" })(HvInfoMessage);\n"],"file":"InfoMessage.js"}

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+const styles = theme => ({
+  root: {
+    display: "inline-block"
+  },
+  infoDisabled: {
+    color: theme.hv.palette.atmosphere.atmo5
+  },
+  gutter: {
+    padding: theme.hvSpacing(0, 0, "6px", "xs")
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Forms/InfoMessage/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Forms/InfoMessage/styles.js"],"names":["styles","theme","root","display","infoDisabled","color","hv","palette","atmosphere","atmo5","gutter","padding","hvSpacing"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE;AADL,GADmB;AAIzBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,KAAK,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADvB,GAJW;AAOzBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAEV,KAAK,CAACW,SAAN,CAAgB,CAAhB,EAAmB,CAAnB,EAAsB,KAAtB,EAA6B,IAA7B;AADH;AAPiB,CAAZ,CAAf;;AAYA,eAAeZ,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n  },\n  infoDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  gutter: {\n    padding: theme.hvSpacing(0, 0, \"6px\", \"xs\"),\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Forms/Label/Label.d.ts

@@ -0,0 +1,25 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvLabelClassKey = "root" | "labelDisabled" | "childGutter";
+
+export interface HvLabelProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLabelClassKey> {
+  /**
+   * The text to be shown by the label.
+   */
+  label?: React.ReactNode;
+  /**
+   * If `true` the label is displayed with a disabled style.
+   */
+  disabled?: boolean;
+  /**
+   * The id of the form element the label is bound to.
+   */
+  htmlFor?: string;
+  /**
+   * If `true`, the label will indicate that the form element is required (an `*` after the label text).
+   */
+  required?: boolean;
+}
+
+export default function HvLabel(props: HvLabelProps): JSX.Element | null;