@hitachivantara/uikit-react-core 3.52.5

package/dist/BaseDropdown/BaseDropdownContext/index.js.map

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

package/dist/BaseDropdown/index.d.ts

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

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

package/dist/BaseDropdown/index.js.map

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

package/dist/BaseDropdown/styles.js

@@ -0,0 +1,135 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../Focus/styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      width: "100%",
+      position: "relative"
+    },
+    anchor: {
+      display: "inline-block",
+      width: "100%"
+    },
+    rootDisabled: {
+      cursor: "not-allowed",
+      "&:focus": {
+        outline: "none"
+      }
+    },
+    container: {
+      zIndex: theme.zIndex.tooltip
+    },
+    containedPopper: {
+      width: "100%"
+    },
+    header: {
+      cursor: "pointer",
+      userSelect: "none",
+      position: "relative",
+      background: theme.hv.palette.atmosphere.atmo1,
+      border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo4),
+      "&:hover": {
+        border: "1px solid ".concat(theme.hv.palette.accent.acce1)
+      },
+      borderRadius: "2px",
+      "&:focus": {
+        outline: "none"
+      },
+      "&.focus-visible": _objectSpread(_objectSpread({}, _styles.outlineStyles), {}, {
+        border: "1px solid ".concat(theme.hv.palette.accent.acce1)
+      })
+    },
+    headerOpen: {
+      border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1),
+      boxShadow: theme.hv.shadows[1],
+      "&:hover": {
+        border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1),
+        boxShadow: theme.hv.shadows[1]
+      }
+    },
+    headerOpenUp: {
+      borderRadius: "0px 0px 2px 2px"
+    },
+    headerOpenDown: {
+      borderRadius: "2px 2px 0px 0px"
+    },
+    headerDisabled: {
+      pointerEvents: "none",
+      border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo4),
+      background: theme.hv.palette.atmosphere.atmo3,
+      "&:hover": {
+        border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo4)
+      },
+      cursor: "not-allowed"
+    },
+    arrow: {
+      position: "absolute",
+      pointerEvents: "none",
+      top: -1,
+      right: -1
+    },
+    selection: {
+      display: "flex",
+      alignItems: "center",
+      height: theme.hv.spacing.md,
+      padding: theme.hvSpacing(0, "md", 0, "xs")
+    },
+    placeholder: {
+      display: "block"
+    },
+    selectionDisabled: _objectSpread({}, theme.hv.typography.placeholderText),
+    panel: {
+      position: "relative",
+      boxShadow: theme.hv.shadows[1]
+    },
+    inputExtensionOpen: {
+      height: theme.hv.spacing.xs,
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    inputExtensionLeftPosition: {
+      marginLeft: "auto"
+    },
+    inputExtensionOpenShadow: {
+      boxShadow: "0px 8px 0px ".concat(theme.hv.palette.atmosphere.atmo1, ", 0px 0px 9px 0px rgba(65,65,65,.12)")
+    },
+    inputExtensionFloatRight: {
+      float: "left"
+    },
+    inputExtensionFloatLeft: {
+      float: "right"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/BaseDropdown/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/BaseDropdown/styles.js"],"names":["styles","theme","root","width","position","anchor","display","rootDisabled","cursor","outline","container","zIndex","tooltip","containedPopper","header","userSelect","background","hv","palette","atmosphere","atmo1","border","atmo4","accent","acce1","borderRadius","outlineStyles","headerOpen","boxShadow","shadows","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","atmo3","arrow","top","right","selection","alignItems","height","spacing","md","padding","hvSpacing","placeholder","selectionDisabled","typography","placeholderText","panel","inputExtensionOpen","xs","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"mappings":"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","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  anchor: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  container: {\n    zIndex: theme.zIndex.tooltip,\n  },\n  containedPopper: {\n    width: \"100%\",\n  },\n  header: {\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    position: \"relative\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    borderRadius: \"2px\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  headerOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  headerOpenUp: {\n    borderRadius: \"0px 0px 2px 2px\",\n  },\n  headerOpenDown: {\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: -1,\n    right: -1,\n  },\n  selection: {\n    display: \"flex\",\n    alignItems: \"center\",\n    height: theme.hv.spacing.md,\n    padding: theme.hvSpacing(0, \"md\", 0, \"xs\"),\n  },\n  placeholder: {\n    display: \"block\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n  },\n  panel: {\n    position: \"relative\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  inputExtensionOpen: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/BaseInput/BaseInput.d.ts

@@ -0,0 +1,59 @@
+import { StandardProps, InputProps } from "@material-ui/core";
+
+export type HvBaseInputClassKey =
+  | "root"
+  | "disabled"
+  | "invalid"
+  | "resizable"
+  | "inputRoot"
+  | "inputRootFocused"
+  | "inputRootDisabled"
+  | "inputRootMultiline"
+  | "input"
+  | "inputResizable"
+  | "inputBorderContainer"
+  | "readOnly";
+
+export interface HvBaseInputProps
+  extends StandardProps<InputProps, HvBaseInputClassKey, "onChange"> {
+  /**
+   * 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?: (event: React.ChangeEvent<HTMLInputElement>, value: any) => void;
+
+  /**
+   * If true and multiline is also true the textarea element will be resizable.
+   */
+  resizable?: boolean;
+
+  /**
+   * Denotes if the input is in an invalid state.
+   */
+  invalid?: boolean;
+}
+
+export default function HvBaseInput(props: HvBaseInputProps): JSX.Element | null;
+
+export interface HvBaseInputValidationMessagesProps {
+  /**
+   * The value when a validation fails.
+   */
+  error?: string;
+  /**
+   * The message that appears when there are too many characters.
+   */
+  maxCharError?: string;
+  /**
+   * The message that appears when there are too few characters.
+   */
+  minCharError?: string;
+  /**
+   * The message that appears when the input is empty and required.
+   */
+  requiredError?: string;
+  /**
+   * The message that appears when the input is value is incompatible with the expected type.
+   */
+  typeMismatchError?: string;
+}

package/dist/BaseInput/BaseInput.js

@@ -0,0 +1,291 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.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");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 _utils = require("../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _FormElement = require("../Forms/FormElement");
+
+var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "required", "readOnly", "disabled", "onChange", "type", "placeholder", "multiline", "resizable", "invalid", "inputRef", "inputProps"];
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+/**
+ * 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.
+ */
+var HvBaseInput = function HvBaseInput(props) {
+  var classes = props.classes,
+      _props$className = props.className,
+      className = _props$className === void 0 ? "" : _props$className,
+      id = props.id,
+      name = props.name,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      required = props.required,
+      readOnly = props.readOnly,
+      disabled = props.disabled,
+      onChange = props.onChange,
+      _props$type = props.type,
+      type = _props$type === void 0 ? "text" : _props$type,
+      placeholder = props.placeholder,
+      _props$multiline = props.multiline,
+      multiline = _props$multiline === void 0 ? false : _props$multiline,
+      _props$resizable = props.resizable,
+      resizable = _props$resizable === void 0 ? false : _props$resizable,
+      _props$invalid = props.invalid,
+      invalid = _props$invalid === void 0 ? false : _props$invalid,
+      inputRef = props.inputRef,
+      _props$inputProps = props.inputProps,
+      inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var formElementContext = (0, _react.useContext)(_FormElement.HvFormElementContext);
+  var formElementProps = (0, _FormElement.buildFormElementPropsFromContext)(props, formElementContext);
+  var localInvalid = invalid || formElementProps.status === "invalid";
+  var formElementDescriptorsContext = (0, _react.useContext)(_FormElement.HvFormElementDescriptorsContext);
+  var ariaProps = (0, _FormElement.buildAriaPropsFromContext)(inputProps, formElementDescriptorsContext, localInvalid, id);
+
+  var onChangeHandler = function onChangeHandler(event) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(event, event.target.value);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.root, className, formElementProps.disabled && classes.disabled, localInvalid && classes.invalid, multiline && resizable && classes.resizable, readOnly && classes.readOnly)
+  }, /*#__PURE__*/_react.default.createElement(_core.Input, (0, _extends2.default)({
+    id: id,
+    name: formElementProps.name,
+    value: value,
+    defaultValue: defaultValue,
+    type: type,
+    placeholder: placeholder,
+    readOnly: formElementProps.readOnly,
+    disabled: formElementProps.disabled,
+    onChange: onChangeHandler,
+    classes: {
+      root: classes.inputRoot,
+      focused: classes.inputRootFocused,
+      disabled: classes.inputRootDisabled,
+      multiline: classes.inputRootMultiline,
+      input: (0, _clsx.default)(classes.input, !formElementProps.disabled && resizable && classes.inputResizable)
+    },
+    inputProps: _objectSpread(_objectSpread({
+      // avoid the required attribute at the root node
+      required: formElementProps.required
+    }, inputProps), ariaProps),
+    inputRef: inputRef,
+    multiline: multiline,
+    rows: 10
+  }, others)), !multiline && /*#__PURE__*/_react.default.createElement("div", {
+    role: "presentation",
+    className: classes.inputBorderContainer
+  }));
+};
+
+HvBaseInput.formElementType = "input";
+HvBaseInput.propTypes = {
+  /**
+   * 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 the root container of the input when it is disabled.
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root container of the input when it is invalid.
+     */
+    invalid: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root container of the input when it is resizable.
+     */
+    resizable: _propTypes.default.string,
+
+    /**
+     * Styles applied to input root which is the input that encloses all the other elements.
+     */
+    inputRoot: _propTypes.default.string,
+
+    /**
+     * Styles applied to input root when it is focused.
+     */
+    inputRootFocused: _propTypes.default.string,
+
+    /**
+     * Styles applied to input html element when it is disabled.
+     */
+    inputRootDisabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to input html element when it is multiline mode.
+     */
+    inputRootMultiline: _propTypes.default.string,
+
+    /**
+     * Styles applied to input html element.
+     */
+    input: _propTypes.default.string,
+
+    /**
+     * Styles applied to input html element when it is resizable.
+     */
+    inputResizable: _propTypes.default.string,
+
+    /**
+     * Styles applied to the container of the border element.
+     */
+    inputBorderContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the container of the border element, when in read only mode.
+     */
+    readOnly: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * The input name.
+   */
+  name: _propTypes.default.string,
+
+  /**
+   * The value of the input, when controlled.
+   */
+  value: _propTypes.default.string,
+
+  /**
+   * The initial value of the input, when uncontrolled.
+   */
+  defaultValue: _propTypes.default.string,
+
+  /**
+   * If `true` the input is disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * Indicates that the input is not editable.
+   */
+  readOnly: _propTypes.default.bool,
+
+  /**
+   * If true, the input element will be required.
+   */
+  required: _propTypes.default.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.default.func,
+
+  /**
+   * The input type.
+   */
+  type: _propTypes.default.string,
+
+  /**
+   * Label inside the input used to help user.
+   */
+  placeholder: _propTypes.default.string,
+
+  /**
+   * If true, a textarea element will be rendered.
+   */
+  multiline: _propTypes.default.bool,
+
+  /**
+   * If true and multiline is also true the textarea element will be resizable.
+   */
+  resizable: _propTypes.default.bool,
+
+  /**
+   * Denotes if the input is in an invalid state.
+   */
+  invalid: _propTypes.default.bool,
+
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Allows passing a ref to the underlying input
+   */
+  inputRef: _utils.refType
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvBaseInput"
+})(HvBaseInput);
+
+exports.default = _default;
+//# sourceMappingURL=BaseInput.js.map

package/dist/BaseInput/BaseInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/BaseInput/BaseInput.js"],"names":["HvBaseInput","props","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","HvFormElementContext","formElementProps","localInvalid","status","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","onChangeHandler","event","target","root","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputBorderContainer","formElementType","propTypes","PropTypes","string","shape","isRequired","bool","func","instanceOf","Object","refType","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;AAOA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;AAC7B,MACEC,OADF,GA4BID,KA5BJ,CACEC,OADF;AAAA,yBA4BID,KA5BJ,CAEEE,SAFF;AAAA,MAEEA,SAFF,iCAEc,EAFd;AAAA,MAIEC,EAJF,GA4BIH,KA5BJ,CAIEG,EAJF;AAAA,MAKEC,IALF,GA4BIJ,KA5BJ,CAKEI,IALF;AAAA,MAOEC,KAPF,GA4BIL,KA5BJ,CAOEK,KAPF;AAAA,MAQEC,YARF,GA4BIN,KA5BJ,CAQEM,YARF;AAAA,MAUEC,QAVF,GA4BIP,KA5BJ,CAUEO,QAVF;AAAA,MAWEC,QAXF,GA4BIR,KA5BJ,CAWEQ,QAXF;AAAA,MAYEC,QAZF,GA4BIT,KA5BJ,CAYES,QAZF;AAAA,MAcEC,QAdF,GA4BIV,KA5BJ,CAcEU,QAdF;AAAA,oBA4BIV,KA5BJ,CAgBEW,IAhBF;AAAA,MAgBEA,IAhBF,4BAgBS,MAhBT;AAAA,MAkBEC,WAlBF,GA4BIZ,KA5BJ,CAkBEY,WAlBF;AAAA,yBA4BIZ,KA5BJ,CAoBEa,SApBF;AAAA,MAoBEA,SApBF,iCAoBc,KApBd;AAAA,yBA4BIb,KA5BJ,CAqBEc,SArBF;AAAA,MAqBEA,SArBF,iCAqBc,KArBd;AAAA,uBA4BId,KA5BJ,CAsBEe,OAtBF;AAAA,MAsBEA,OAtBF,+BAsBY,KAtBZ;AAAA,MAwBEC,QAxBF,GA4BIhB,KA5BJ,CAwBEgB,QAxBF;AAAA,0BA4BIhB,KA5BJ,CAyBEiB,UAzBF;AAAA,MAyBEA,UAzBF,kCAyBe,EAzBf;AAAA,MA2BKC,MA3BL,0CA4BIlB,KA5BJ;AA8BA,MAAMmB,kBAAkB,GAAG,uBAAWC,iCAAX,CAA3B;AACA,MAAMC,gBAAgB,GAAG,mDAAiCrB,KAAjC,EAAwCmB,kBAAxC,CAAzB;AAEA,MAAMG,YAAY,GAAGP,OAAO,IAAIM,gBAAgB,CAACE,MAAjB,KAA4B,SAA5D;AAEA,MAAMC,6BAA6B,GAAG,uBAAWC,4CAAX,CAAtC;AACA,MAAMC,SAAS,GAAG,4CAChBT,UADgB,EAEhBO,6BAFgB,EAGhBF,YAHgB,EAIhBnB,EAJgB,CAAlB;;AAOA,MAAMwB,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;AACjClB,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGkB,KAAH,EAAUA,KAAK,CAACC,MAAN,CAAaxB,KAAvB,CAAR;AACD,GAFD;;AAIA,sBACE;AACE,IAAA,SAAS,EAAE,mBAAKJ,OAAO,CAAC6B,IAAb,EAAmB5B,SAAnB,EACWmB,gBAAgB,CAACZ,QAD5B,IACRR,OAAO,CAACQ,QADA,EAEUa,YAFV,IAERrB,OAAO,CAACc,OAFA,EAGYF,SAHZ,IAGyBC,SAHzB,IAGRb,OAAO,CAACa,SAHA,EAIWN,QAJX,IAIRP,OAAO,CAACO,QAJA;AADb,kBAQE,6BAAC,WAAD;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,IAAI,EAAEkB,gBAAgB,CAACjB,IAFzB;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,YAAY,EAAEC,YAJhB;AAKE,IAAA,IAAI,EAAEK,IALR;AAME,IAAA,WAAW,EAAEC,WANf;AAOE,IAAA,QAAQ,EAAES,gBAAgB,CAACb,QAP7B;AAQE,IAAA,QAAQ,EAAEa,gBAAgB,CAACZ,QAR7B;AASE,IAAA,QAAQ,EAAEkB,eATZ;AAUE,IAAA,OAAO,EAAE;AACPG,MAAAA,IAAI,EAAE7B,OAAO,CAAC8B,SADP;AAEPC,MAAAA,OAAO,EAAE/B,OAAO,CAACgC,gBAFV;AAGPxB,MAAAA,QAAQ,EAAER,OAAO,CAACiC,iBAHX;AAIPrB,MAAAA,SAAS,EAAEZ,OAAO,CAACkC,kBAJZ;AAKPC,MAAAA,KAAK,EAAE,mBAAKnC,OAAO,CAACmC,KAAb,EACqB,CAACf,gBAAgB,CAACZ,QADvC,IACmDK,SADnD,IACJb,OAAO,CAACoC,cADJ;AALA,KAVX;AAmBE,IAAA,UAAU;AACR;AACA9B,MAAAA,QAAQ,EAAEc,gBAAgB,CAACd;AAFnB,OAGLU,UAHK,GAILS,SAJK,CAnBZ;AAyBE,IAAA,QAAQ,EAAEV,QAzBZ;AA0BE,IAAA,SAAS,EAAEH,SA1Bb;AA2BE,IAAA,IAAI,EAAE;AA3BR,KA4BMK,MA5BN,EARF,EAsCG,CAACL,SAAD,iBAAc;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAEZ,OAAO,CAACqC;AAA5C,IAtCjB,CADF;AA0CD,CA1FD;;AA4FAvC,WAAW,CAACwC,eAAZ,GAA8B,OAA9B;AAEAxC,WAAW,CAACyC,SAAZ,GAAwB;AACtB;AACF;AACA;AACEtC,EAAAA,SAAS,EAAEuC,mBAAUC,MAJC;;AAKtB;AACF;AACA;AACEzC,EAAAA,OAAO,EAAEwC,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIb,IAAAA,IAAI,EAAEW,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIjC,IAAAA,QAAQ,EAAEgC,mBAAUC,MARG;;AASvB;AACJ;AACA;AACI3B,IAAAA,OAAO,EAAE0B,mBAAUC,MAZI;;AAavB;AACJ;AACA;AACI5B,IAAAA,SAAS,EAAE2B,mBAAUC,MAhBE;;AAkBvB;AACJ;AACA;AACIX,IAAAA,SAAS,EAAEU,mBAAUC,MArBE;;AAsBvB;AACJ;AACA;AACIT,IAAAA,gBAAgB,EAAEQ,mBAAUC,MAzBL;;AA0BvB;AACJ;AACA;AACIR,IAAAA,iBAAiB,EAAEO,mBAAUC,MA7BN;;AA8BvB;AACJ;AACA;AACIP,IAAAA,kBAAkB,EAAEM,mBAAUC,MAjCP;;AAmCvB;AACJ;AACA;AACIN,IAAAA,KAAK,EAAEK,mBAAUC,MAtCM;;AAuCvB;AACJ;AACA;AACIL,IAAAA,cAAc,EAAEI,mBAAUC,MA1CH;;AA4CvB;AACJ;AACA;AACIJ,IAAAA,oBAAoB,EAAEG,mBAAUC,MA/CT;;AAgDvB;AACJ;AACA;AACIlC,IAAAA,QAAQ,EAAEiC,mBAAUC;AAnDG,GAAhB,EAoDNE,UA5DmB;;AA8DtB;AACF;AACA;AACEzC,EAAAA,EAAE,EAAEsC,mBAAUC,MAjEQ;;AAkEtB;AACF;AACA;AACEtC,EAAAA,IAAI,EAAEqC,mBAAUC,MArEM;;AAuEtB;AACF;AACA;AACErC,EAAAA,KAAK,EAAEoC,mBAAUC,MA1EK;;AA2EtB;AACF;AACA;AACEpC,EAAAA,YAAY,EAAEmC,mBAAUC,MA9EF;;AAgFtB;AACF;AACA;AACEjC,EAAAA,QAAQ,EAAEgC,mBAAUI,IAnFE;;AAoFtB;AACF;AACA;AACErC,EAAAA,QAAQ,EAAEiC,mBAAUI,IAvFE;;AAwFtB;AACF;AACA;AACEtC,EAAAA,QAAQ,EAAEkC,mBAAUI,IA3FE;;AA6FtB;AACF;AACA;AACA;AACEnC,EAAAA,QAAQ,EAAE+B,mBAAUK,IAjGE;;AAmGtB;AACF;AACA;AACEnC,EAAAA,IAAI,EAAE8B,mBAAUC,MAtGM;;AAwGtB;AACF;AACA;AACE9B,EAAAA,WAAW,EAAE6B,mBAAUC,MA3GD;;AA6GtB;AACF;AACA;AACE7B,EAAAA,SAAS,EAAE4B,mBAAUI,IAhHC;;AAiHtB;AACF;AACA;AACE/B,EAAAA,SAAS,EAAE2B,mBAAUI,IApHC;;AAqHtB;AACF;AACA;AACE9B,EAAAA,OAAO,EAAE0B,mBAAUI,IAxHG;;AA0HtB;AACF;AACA;AACE5B,EAAAA,UAAU,EAAEwB,mBAAUM,UAAV,CAAqBC,MAArB,CA7HU;;AA8HtB;AACF;AACA;AACEhC,EAAAA,QAAQ,EAAEiC;AAjIY,CAAxB;;eAoIe,sBAAWC,eAAX,EAAmB;AAAE9C,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA4CL,WAA5C,C","sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input, withStyles } from \"@material-ui/core\";\nimport { refType } from \"../utils\";\nimport styles from \"./styles\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\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    classes,\n    className = \"\",\n\n    id,\n    name,\n\n    value,\n    defaultValue,\n\n    required,\n    readOnly,\n    disabled,\n\n    onChange,\n\n    type = \"text\",\n\n    placeholder,\n\n    multiline = false,\n    resizable = false,\n    invalid = false,\n\n    inputRef,\n    inputProps = {},\n\n    ...others\n  } = props;\n\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(props, formElementContext);\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(HvFormElementDescriptorsContext);\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (event) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <div\n      className={clsx(classes.root, className, {\n        [classes.disabled]: formElementProps.disabled,\n        [classes.invalid]: localInvalid,\n        [classes.resizable]: multiline && resizable,\n        [classes.readOnly]: readOnly,\n      })}\n    >\n      <Input\n        id={id}\n        name={formElementProps.name}\n        value={value}\n        defaultValue={defaultValue}\n        type={type}\n        placeholder={placeholder}\n        readOnly={formElementProps.readOnly}\n        disabled={formElementProps.disabled}\n        onChange={onChangeHandler}\n        classes={{\n          root: classes.inputRoot,\n          focused: classes.inputRootFocused,\n          disabled: classes.inputRootDisabled,\n          multiline: classes.inputRootMultiline,\n          input: clsx(classes.input, {\n            [classes.inputResizable]: !formElementProps.disabled && resizable,\n          }),\n        }}\n        inputProps={{\n          // avoid the required attribute at the root node\n          required: formElementProps.required,\n          ...inputProps,\n          ...ariaProps,\n        }}\n        inputRef={inputRef}\n        multiline={multiline}\n        rows={10}\n        {...others}\n      />\n      {!multiline && <div role=\"presentation\" className={classes.inputBorderContainer} />}\n    </div>\n  );\n};\n\nHvBaseInput.formElementType = \"input\";\n\nHvBaseInput.propTypes = {\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 the root container of the input when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is resizable.\n     */\n    resizable: PropTypes.string,\n\n    /**\n     * Styles applied to input root which is the input that encloses all the other elements.\n     */\n    inputRoot: 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 when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    inputRootMultiline: PropTypes.string,\n\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is resizable.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the border element.\n     */\n    inputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the container of the border element, when in read only mode.\n     */\n    readOnly: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n\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  /**\n   * If `true` the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If true, the input element will be required.\n   */\n  required: PropTypes.bool,\n\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  /**\n   * The input type.\n   */\n  type: PropTypes.string,\n\n  /**\n   * Label inside the input used to help user.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * If true, a textarea element will be rendered.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * If true and multiline is also true the textarea element will be resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Denotes if the input is in an invalid state.\n   */\n  invalid: PropTypes.bool,\n\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: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseInput\" })(HvBaseInput);\n"],"file":"BaseInput.js"}

package/dist/BaseInput/index.d.ts

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

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

package/dist/BaseInput/index.js.map

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