@hitachivantara/uikit-react-core 3.52.5

package/dist/legacy/BaseInput/styles.js

@@ -0,0 +1,210 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+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); 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) { _defineProperty(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; }
+
+import { outlineStyles } from "../Focus/styles";
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "inline-block",
+      width: "100%",
+      position: "relative",
+      "& $inputRootMultiline": {
+        overflow: "auto",
+        border: "none"
+      },
+      "&:hover $inputRootMultiline": {
+        "& $input": {
+          border: "1px solid ".concat(theme.hv.palette.accent.acce1)
+        }
+      },
+      "&:hover $inputBorderContainer": {
+        backgroundColor: theme.hv.palette.accent.acce1
+      },
+      "&:focus-within $inputBorderContainer": {
+        backgroundColor: theme.hv.palette.accent.acce1
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "&.focus-within $inputBorderContainer": {
+        backgroundColor: theme.hv.palette.accent.acce1
+      },
+      "&:focus-within $inputRootMultiline": {
+        "& $input": {
+          border: "1px solid ".concat(theme.hv.palette.accent.acce1)
+        }
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "&.focus-within $inputRootMultiline": {
+        "& $input": {
+          border: "1px solid ".concat(theme.hv.palette.accent.acce1)
+        }
+      }
+    },
+    resizable: {
+      width: "auto"
+    },
+    readOnly: {
+      "& $inputBorderContainer": {
+        backgroundColor: "transparent"
+      },
+      "&:hover $inputBorderContainer": {
+        backgroundColor: "transparent"
+      },
+      "&:focus-within $inputBorderContainer": {
+        backgroundColor: "transparent"
+      },
+      // multiline
+      "& $inputRootMultiline": {
+        "& $input": {
+          border: "1px solid transparent"
+        }
+      },
+      "&:hover $inputRootMultiline": {
+        "& $input": {
+          border: "1px solid transparent"
+        }
+      },
+      "&:focus-within $inputRootMultiline": {
+        "& $input": {
+          border: "1px solid transparent"
+        }
+      }
+    },
+    disabled: {
+      "& $inputBorderContainer": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4
+      },
+      "&:hover $inputBorderContainer": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4
+      },
+      "& $inputRootMultiline": {
+        "& $input": {
+          backgroundColor: theme.hv.palette.atmosphere.atmo3,
+          border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo4)
+        }
+      },
+      "&:hover $inputRootMultiline": {
+        "& $input": {
+          backgroundColor: theme.hv.palette.atmosphere.atmo3,
+          border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo4)
+        }
+      }
+    },
+    invalid: {
+      "&:not($disabled)": {
+        "& $inputBorderContainer": {
+          backgroundColor: theme.hv.palette.semantic.sema4
+        },
+        "&:hover $inputBorderContainer": {
+          backgroundColor: theme.hv.palette.semantic.sema4
+        },
+        "& $inputRootMultiline": {
+          "& $input": {
+            border: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+          }
+        },
+        "&:hover $inputRootMultiline": {
+          "& $input": {
+            border: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+          }
+        },
+        "&:focus-within $inputRootMultiline": {
+          "& $input": {
+            border: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+          }
+        },
+        // IE fallback code (using focus-within-polyfill)
+        "&.focus-within $inputRootMultiline": {
+          "& $input": {
+            border: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+          }
+        }
+      }
+    },
+    inputRoot: {
+      margin: 0,
+      width: "100%",
+      borderRadius: "2px",
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    inputRootFocused: _objectSpread(_objectSpread({
+      background: theme.hv.palette.atmosphere.atmo1
+    }, outlineStyles), {}, {
+      "&:hover": {
+        background: theme.hv.palette.atmosphere.atmo1
+      }
+    }),
+    inputRootDisabled: {
+      background: theme.hv.palette.atmosphere.atmo3,
+      "&:hover": {
+        background: theme.hv.palette.atmosphere.atmo3,
+        cursor: "not-allowed"
+      },
+      cursor: "not-allowed"
+    },
+    inputRootMultiline: {
+      padding: 0,
+      backgroundColor: "transparent",
+      "& $input": {
+        border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo4),
+        borderRadius: "2px",
+        backgroundColor: theme.hv.palette.atmosphere.atmo1,
+        height: "auto",
+        minHeight: "21px",
+        padding: "5px 10px",
+        overflow: "auto",
+        marginLeft: "0px",
+        marginRight: "0px"
+      }
+    },
+    input: _objectSpread(_objectSpread({
+      height: "21px",
+      marginLeft: theme.hv.spacing.xs,
+      marginRight: theme.hv.spacing.xs,
+      padding: "6px 0 5px"
+    }, theme.hv.typography.normalText), {}, {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      outline: "none",
+      "&::placeholder": _objectSpread(_objectSpread({}, theme.hv.typography.placeholderText), {}, {
+        opacity: 1
+      }),
+      "&::-ms-clear": {
+        display: "none"
+      },
+      width: "initial",
+      flexGrow: 1
+    }),
+    inputResizable: {
+      resize: "both",
+      width: "100%"
+    },
+    inputBorderContainer: {
+      position: "absolute",
+      width: "calc(100% - 4px)",
+      height: "1px",
+      top: "31px",
+      left: "2px",
+      backgroundColor: theme.hv.palette.atmosphere.atmo4
+    },
+    "@global": {
+      "input:-webkit-autofill": {
+        "-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
+        "-webkit-text-fill-color": theme.hv.typography.normalText.color
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/BaseInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BaseInput/styles.js"],"names":["outlineStyles","styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","resizable","readOnly","disabled","atmosphere","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","atmo1","inputRootFocused","background","inputRootDisabled","cursor","inputRootMultiline","padding","height","minHeight","marginLeft","marginRight","input","spacing","xs","typography","normalText","textOverflow","outline","placeholderText","opacity","flexGrow","inputResizable","resize","inputBorderContainer","top","left","color"],"mappings":"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","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/BaseInput/validations.js

@@ -0,0 +1,213 @@
+import "core-js/modules/es.string.trim.js";
+import "core-js/modules/es.number.is-nan.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.object.freeze.js";
+import validationStates from "../Forms/FormElement/validationStates";
+/**
+ * Checks if the value is a number.
+ *
+ * @param {Number || String} num - The value to test.
+ *
+ * @returns {Boolean} - `true` if the value is a number `false` otherwise.
+ */
+
+var isNumeric = function isNumeric(num) {
+  return (// to prevent Number( <spaces> ) = 0
+    num.trim().length > 0 && !Number.isNaN(Number(num))
+  );
+};
+/**
+ * Checks if the value is an email
+ *
+ * @param {String} email - The value to test.
+ *
+ * @returns {Boolean} - `true` if the value is an email `false` otherwise.
+ */
+
+
+var isEmail = function isEmail(email) {
+  var regexp = /^[^\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;
+  return regexp.test(email);
+};
+
+export var validationTypes = Object.freeze({
+  none: "none",
+  number: "number",
+  email: "email"
+});
+/**
+ * Returns the input's validation type based in the type of the input.
+ *
+ * @param {String} type - the input type.
+ *
+ * @returns {String}    - the validation type.
+ */
+
+export var computeValidationType = function computeValidationType(type) {
+  switch (type) {
+    case "number":
+      return validationTypes.number;
+
+    case "email":
+      return validationTypes.email;
+
+    default:
+      return validationTypes.none;
+  }
+};
+/**
+ * Checks whether any integrated validation, native or not, is active.
+ */
+
+export var hasBuiltInValidations = function hasBuiltInValidations(required, validationType, minCharQuantity, maxCharQuantity, validation, inputProps) {
+  return required || validationType !== validationTypes.none || minCharQuantity != null || maxCharQuantity != null || validation != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.required) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.minLength) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.maxLength) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.min) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.max) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) != null && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) !== "text" && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) !== "password" || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.pattern) != null;
+};
+/**
+ * Returns the form element's validation state based in the validity state of the input.
+ *
+ * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).
+ *
+ * @returns {String}                - the validation state.
+ */
+
+export var computeValidationState = function computeValidationState(inputValidity, isEmptyValue) {
+  // to keep 2.x behaviour,
+  // consider that if the value is empty (and not required) we're returning to the standBy state.
+  // might not make sense, as it makes impossible to say if the user explicitly cleared the input.
+  if (inputValidity.valid && isEmptyValue) {
+    return validationStates.standBy;
+  }
+
+  return inputValidity.valid ? validationStates.valid : validationStates.invalid;
+};
+/**
+ * Returns a error message based in the validity state of the input.
+ *
+ * Only one error message is returned even if multiple validations fail.
+ * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.
+ *
+ * For further customization both status and statusMessage should be controlled and
+ * set using the onBlur callback that receives both the value and the input validity object.
+ *
+ * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).
+ * @param {Object} errorMessages    - the available localized error messages.
+ *
+ * @returns {String}                - the error message.
+ */
+
+export var computeValidationMessage = function computeValidationMessage(inputValidity, errorMessages) {
+  if (inputValidity.valid) {
+    return "";
+  }
+
+  if (inputValidity.valueMissing) {
+    return errorMessages.requiredError;
+  }
+
+  if (inputValidity.tooLong) {
+    return errorMessages.maxCharError;
+  }
+
+  if (inputValidity.tooShort) {
+    return errorMessages.minCharError;
+  }
+
+  if (inputValidity.typeMismatch) {
+    return errorMessages.typeMismatchError;
+  }
+
+  return errorMessages.error;
+};
+/**
+ * Returns a object describing the validity state of the input.
+ *
+ * It implements the native browser's ValidityState interface:
+ * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
+ *
+ * @param {DOMElement} input        - the input being validated.
+ * @param {String} value            - the inputted value.
+ * @param {Boolean} required        - if the input needs to be filled.
+ * @param {Number} minCharQuantity  - the minimum length of the value.
+ * @param {Number} maxCharQuantity  - the maximum length of the value.
+ * @param {String} validationType   - the input value type.
+ * @param {Function} validation     - a custom validation function.
+ *
+ * @returns {Object}                - the validity state of the input.
+ */
+
+export var validateInput = function validateInput(input, value, required, minCharQuantity, maxCharQuantity, validationType, validation) {
+  var _input$validity$valid, _input$validity, _input$validity2, _input$validity3, _input$validity4, _input$validity5, _input$validity6, _input$validity7, _input$validity8, _input$validity9, _input$validity10, _input$validity11;
+
+  // bootstrap validity object using browser's built-in validation
+  var inputValidity = {
+    valid: (_input$validity$valid = input === null || input === void 0 ? void 0 : (_input$validity = input.validity) === null || _input$validity === void 0 ? void 0 : _input$validity.valid) !== null && _input$validity$valid !== void 0 ? _input$validity$valid : true,
+    badInput: input === null || input === void 0 ? void 0 : (_input$validity2 = input.validity) === null || _input$validity2 === void 0 ? void 0 : _input$validity2.badInput,
+    customError: input === null || input === void 0 ? void 0 : (_input$validity3 = input.validity) === null || _input$validity3 === void 0 ? void 0 : _input$validity3.customError,
+    patternMismatch: input === null || input === void 0 ? void 0 : (_input$validity4 = input.validity) === null || _input$validity4 === void 0 ? void 0 : _input$validity4.patternMismatch,
+    rangeOverflow: input === null || input === void 0 ? void 0 : (_input$validity5 = input.validity) === null || _input$validity5 === void 0 ? void 0 : _input$validity5.rangeOverflow,
+    rangeUnderflow: input === null || input === void 0 ? void 0 : (_input$validity6 = input.validity) === null || _input$validity6 === void 0 ? void 0 : _input$validity6.rangeUnderflow,
+    stepMismatch: input === null || input === void 0 ? void 0 : (_input$validity7 = input.validity) === null || _input$validity7 === void 0 ? void 0 : _input$validity7.stepMismatch,
+    tooLong: input === null || input === void 0 ? void 0 : (_input$validity8 = input.validity) === null || _input$validity8 === void 0 ? void 0 : _input$validity8.tooLong,
+    tooShort: input === null || input === void 0 ? void 0 : (_input$validity9 = input.validity) === null || _input$validity9 === void 0 ? void 0 : _input$validity9.tooShort,
+    typeMismatch: input === null || input === void 0 ? void 0 : (_input$validity10 = input.validity) === null || _input$validity10 === void 0 ? void 0 : _input$validity10.typeMismatch,
+    valueMissing: input === null || input === void 0 ? void 0 : (_input$validity11 = input.validity) === null || _input$validity11 === void 0 ? void 0 : _input$validity11.valueMissing
+  };
+
+  if (!value) {
+    if (required) {
+      // this is redundant because we're setting the required property in the native input
+      inputValidity.valueMissing = true;
+      inputValidity.valid = false;
+    }
+  } else {
+    // we're not setting minlength and maxlength in the native input
+    // to avoid different browser's behaviours and keep the user experience consistent
+    if (minCharQuantity !== null && value.length < minCharQuantity) {
+      inputValidity.tooShort = true;
+      inputValidity.valid = false;
+    }
+
+    if (maxCharQuantity !== null && value.length > maxCharQuantity) {
+      inputValidity.tooLong = true;
+      inputValidity.valid = false;
+    } // the validationType is used instead of type
+    // for the same reason stated above
+
+
+    switch (validationType) {
+      case validationTypes.number:
+        if (!isNumeric(value)) {
+          inputValidity.typeMismatch = true;
+          inputValidity.valid = false;
+        }
+
+        break;
+
+      case validationTypes.email:
+        if (!isEmail(value)) {
+          inputValidity.typeMismatch = true;
+          inputValidity.valid = false;
+        }
+
+        break;
+
+      default:
+    }
+
+    if (validation != null && !validation(value)) {
+      inputValidity.customError = true;
+      inputValidity.valid = false;
+    }
+  }
+
+  return inputValidity;
+};
+export var DEFAULT_ERROR_MESSAGES = {
+  error: "Invalid value",
+  requiredError: "The value is required",
+  minCharError: "The value is too short",
+  maxCharError: "The value is too long",
+  typeMismatchError: "Invalid value"
+};
+//# sourceMappingURL=validations.js.map

package/dist/legacy/BaseInput/validations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BaseInput/validations.js"],"names":["validationStates","isNumeric","num","trim","length","Number","isNaN","isEmail","email","regexp","test","validationTypes","Object","freeze","none","number","computeValidationType","type","hasBuiltInValidations","required","validationType","minCharQuantity","maxCharQuantity","validation","inputProps","minLength","maxLength","min","max","pattern","computeValidationState","inputValidity","isEmptyValue","valid","standBy","invalid","computeValidationMessage","errorMessages","valueMissing","requiredError","tooLong","maxCharError","tooShort","minCharError","typeMismatch","typeMismatchError","error","validateInput","input","value","validity","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","DEFAULT_ERROR_MESSAGES"],"mappings":"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","sourcesContent":["import validationStates from \"../Forms/FormElement/validationStates\";\n\n/**\n * Checks if the value is a number.\n *\n * @param {Number || String} num - The value to test.\n *\n * @returns {Boolean} - `true` if the value is a number `false` otherwise.\n */\nconst isNumeric = (num) =>\n  // to prevent Number( <spaces> ) = 0\n  num.trim().length > 0 && !Number.isNaN(Number(num));\n\n/**\n * Checks if the value is an email\n *\n * @param {String} email - The value to test.\n *\n * @returns {Boolean} - `true` if the value is an email `false` otherwise.\n */\nconst isEmail = (email) => {\n  const regexp =\n    /^[^\\\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;\n  return regexp.test(email);\n};\n\nexport const validationTypes = Object.freeze({\n  none: \"none\",\n  number: \"number\",\n  email: \"email\",\n});\n\n/**\n * Returns the input's validation type based in the type of the input.\n *\n * @param {String} type - the input type.\n *\n * @returns {String}    - the validation type.\n */\nexport const computeValidationType = (type) => {\n  switch (type) {\n    case \"number\":\n      return validationTypes.number;\n    case \"email\":\n      return validationTypes.email;\n\n    default:\n      return validationTypes.none;\n  }\n};\n\n/**\n * Checks whether any integrated validation, native or not, is active.\n */\nexport const hasBuiltInValidations = (\n  required,\n  validationType,\n  minCharQuantity,\n  maxCharQuantity,\n  validation,\n  inputProps\n) =>\n  required ||\n  validationType !== validationTypes.none ||\n  minCharQuantity != null ||\n  maxCharQuantity != null ||\n  validation != null ||\n  inputProps?.required != null ||\n  inputProps?.minLength != null ||\n  inputProps?.maxLength != null ||\n  inputProps?.min != null ||\n  inputProps?.max != null ||\n  (inputProps?.type != null && inputProps?.type !== \"text\" && inputProps?.type !== \"password\") ||\n  inputProps?.pattern != null;\n\n/**\n * Returns the form element's validation state based in the validity state of the input.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n *\n * @returns {String}                - the validation state.\n */\nexport const computeValidationState = (inputValidity, isEmptyValue) => {\n  // to keep 2.x behaviour,\n  // consider that if the value is empty (and not required) we're returning to the standBy state.\n  // might not make sense, as it makes impossible to say if the user explicitly cleared the input.\n  if (inputValidity.valid && isEmptyValue) {\n    return validationStates.standBy;\n  }\n\n  return inputValidity.valid ? validationStates.valid : validationStates.invalid;\n};\n\n/**\n * Returns a error message based in the validity state of the input.\n *\n * Only one error message is returned even if multiple validations fail.\n * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.\n *\n * For further customization both status and statusMessage should be controlled and\n * set using the onBlur callback that receives both the value and the input validity object.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n * @param {Object} errorMessages    - the available localized error messages.\n *\n * @returns {String}                - the error message.\n */\nexport const computeValidationMessage = (inputValidity, errorMessages) => {\n  if (inputValidity.valid) {\n    return \"\";\n  }\n\n  if (inputValidity.valueMissing) {\n    return errorMessages.requiredError;\n  }\n  if (inputValidity.tooLong) {\n    return errorMessages.maxCharError;\n  }\n  if (inputValidity.tooShort) {\n    return errorMessages.minCharError;\n  }\n  if (inputValidity.typeMismatch) {\n    return errorMessages.typeMismatchError;\n  }\n\n  return errorMessages.error;\n};\n\n/**\n * Returns a object describing the validity state of the input.\n *\n * It implements the native browser's ValidityState interface:\n * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n *\n * @param {DOMElement} input        - the input being validated.\n * @param {String} value            - the inputted value.\n * @param {Boolean} required        - if the input needs to be filled.\n * @param {Number} minCharQuantity  - the minimum length of the value.\n * @param {Number} maxCharQuantity  - the maximum length of the value.\n * @param {String} validationType   - the input value type.\n * @param {Function} validation     - a custom validation function.\n *\n * @returns {Object}                - the validity state of the input.\n */\nexport const validateInput = (\n  input,\n  value,\n  required,\n  minCharQuantity,\n  maxCharQuantity,\n  validationType,\n  validation\n) => {\n  // bootstrap validity object using browser's built-in validation\n  const inputValidity = {\n    valid: input?.validity?.valid ?? true,\n    badInput: input?.validity?.badInput,\n    customError: input?.validity?.customError,\n    patternMismatch: input?.validity?.patternMismatch,\n    rangeOverflow: input?.validity?.rangeOverflow,\n    rangeUnderflow: input?.validity?.rangeUnderflow,\n    stepMismatch: input?.validity?.stepMismatch,\n    tooLong: input?.validity?.tooLong,\n    tooShort: input?.validity?.tooShort,\n    typeMismatch: input?.validity?.typeMismatch,\n    valueMissing: input?.validity?.valueMissing,\n  };\n\n  if (!value) {\n    if (required) {\n      // this is redundant because we're setting the required property in the native input\n      inputValidity.valueMissing = true;\n      inputValidity.valid = false;\n    }\n  } else {\n    // we're not setting minlength and maxlength in the native input\n    // to avoid different browser's behaviours and keep the user experience consistent\n    if (minCharQuantity !== null && value.length < minCharQuantity) {\n      inputValidity.tooShort = true;\n      inputValidity.valid = false;\n    }\n\n    if (maxCharQuantity !== null && value.length > maxCharQuantity) {\n      inputValidity.tooLong = true;\n      inputValidity.valid = false;\n    }\n\n    // the validationType is used instead of type\n    // for the same reason stated above\n    switch (validationType) {\n      case validationTypes.number:\n        if (!isNumeric(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      case validationTypes.email:\n        if (!isEmail(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      default:\n    }\n\n    if (validation != null && !validation(value)) {\n      inputValidity.customError = true;\n      inputValidity.valid = false;\n    }\n  }\n\n  return inputValidity;\n};\n\nexport const DEFAULT_ERROR_MESSAGES = {\n  error: \"Invalid value\",\n  requiredError: \"The value is required\",\n  minCharError: \"The value is too short\",\n  maxCharError: \"The value is too long\",\n  typeMismatchError: \"Invalid value\",\n};\n"],"file":"validations.js"}

package/dist/legacy/BaseRadio/BaseRadio.d.ts

@@ -0,0 +1,63 @@
+import { StandardProps, RadioProps } from "@material-ui/core";
+
+export type HvBaseRadioClassKey = "root" | "disabled" | "focusVisible";
+
+export interface HvBaseRadioProps
+  extends StandardProps<RadioProps, HvBaseRadioClassKey, "onChange"> {
+  /**
+   * Id to be applied to the root node.
+   */
+  id?: string;
+
+  /**
+   * The input name.
+   */
+  name?: string;
+  /**
+   * The value of the input.
+   *
+   * The default value is "on".
+   */
+  value?: any;
+
+  /**
+   * Indicates that user input is required.
+   */
+  required?: boolean;
+  /**
+   * Indicates that the input is not editable.
+   */
+  readOnly?: boolean;
+  /**
+   * Indicates that the input is disabled.
+   */
+  disabled?: boolean;
+
+  /**
+   * If `true` the radio button is selected, if set to `false` the radio button is not selected.
+   *
+   * When defined the radio button state becomes controlled.
+   */
+  checked?: boolean;
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked?: boolean;
+
+  /**
+   * The callback fired when the radio button is pressed.
+   */
+  onChange?: (event: Event, checked: boolean, value: any) => void;
+
+  /**
+   * Whether the selector should use semantic colors.
+   */
+  semantic?: boolean;
+
+  /**
+   * Properties passed on to the input element.
+   */
+  inputProps?: object;
+}
+
+export default function HvBaseRadio(props: HvBaseRadioProps): JSX.Element | null;