@hitachivantara/uikit-react-core 5.44.1 → 5.44.3

package/dist/esm/TagsInput/TagsInput.styles.mjs

@@ -1,179 +0,0 @@
-import { chipClasses } from "@mui/material/Chip";
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../utils/classes.mjs";
-import { staticClasses as staticClasses$1 } from "../BaseInput/BaseInput.styles.mjs";
-import { staticClasses as staticClasses$2 } from "../Forms/Suggestions/Suggestions.styles.mjs";
-const { staticClasses, useClasses } = createClasses("HvTagsInput", {
-  input: {
-    width: "100%",
-    ...theme.typography.caption1
-  },
-  listItemGutters: { padding: "0 5px" },
-  listItemRoot: {
-    marginBottom: 2,
-    height: 24,
-    lineHeight: "24px",
-    "&:not(:last-child)": {
-      marginBottom: 2
-    },
-    "&$singleLine": {
-      display: "table-cell",
-      paddingTop: "2px"
-    }
-  },
-  root: { display: "inline-block", width: "100%" },
-  chipRoot: {
-    [`&.${chipClasses.root}`]: {
-      maxWidth: "none"
-    }
-  },
-  disabled: {
-    "& $tagsList": {
-      backgroundColor: theme.colors.atmo2,
-      border: `1px solid ${theme.colors.atmo4}`,
-      "&:focus-within, &:hover": {
-        border: `1px solid ${theme.colors.atmo4}`
-      }
-    }
-  },
-  readOnly: {
-    "& $tagsList": {
-      backgroundColor: theme.colors.atmo2,
-      border: `1px solid ${theme.colors.secondary_60}`,
-      "&:hover": {
-        border: `1px solid ${theme.colors.secondary_60}`
-      }
-    }
-  },
-  resizable: { width: "auto", resize: "both", overflow: "auto" },
-  invalid: {},
-  labelContainer: { float: "left", display: "flex", alignItems: "flex-start" },
-  label: { display: "block", float: "left", paddingBottom: "6px" },
-  description: { display: "block", float: "left" },
-  characterCounter: {
-    display: "block",
-    float: "right",
-    textAlign: "right",
-    marginBottom: "6px"
-  },
-  tagsList: {
-    display: "flex",
-    alignContent: "flex-start",
-    float: "left",
-    clear: "both",
-    width: "100%",
-    maxWidth: "100%",
-    height: "32px",
-    padding: 5,
-    overflow: "auto",
-    position: "relative",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    backgroundColor: theme.colors.atmo1,
-    border: `1px solid ${theme.colors.secondary_80}`,
-    borderRadius: theme.radii.base,
-    "&:hover": {
-      cursor: "text",
-      border: `1px solid ${theme.colors.primary}`
-    },
-    [`& .${staticClasses$1.inputRoot}`]: {
-      border: "none"
-    },
-    "&:focus, &:focus-within, &:focus-visible": {
-      outlineColor: "#52A8EC",
-      outlineStyle: "solid",
-      outlineWidth: "0px",
-      outlineOffset: "-1px",
-      boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
-    },
-    "&$singleLine": {
-      overflowX: "hidden",
-      overflowY: "hidden",
-      height: 32,
-      display: "table-row",
-      paddingTop: 0
-    },
-    "&$error": {
-      border: `1px solid ${theme.colors.negative}`
-    },
-    "&$invalid": {
-      border: `1px solid ${theme.colors.negative}`
-    }
-  },
-  tagInputContainerRoot: {
-    display: "flex",
-    flexGrow: 1,
-    height: 24,
-    lineHeight: "24px",
-    "&$singleLine": {
-      display: "table-cell",
-      minWidth: 60,
-      width: "100%",
-      paddingTop: "3px",
-      verticalAlign: "middle"
-    }
-  },
-  tagInputRoot: {
-    [`& .${staticClasses$1.root}`]: {
-      width: "100%",
-      border: "none",
-      "&:hover $tagInputBorderContainer": {
-        background: "none"
-      }
-    },
-    [`&& .${staticClasses$1.inputRoot}`]: {
-      marginLeft: 0,
-      marginRight: 0,
-      flex: "1 1 auto",
-      height: 24,
-      lineHeight: "24px",
-      padding: 0,
-      border: "none"
-    },
-    [`& .${staticClasses$1.inputBorderContainer}`]: {
-      border: "none",
-      background: "none"
-    },
-    [`& .${staticClasses$1.inputRootFocused}`]: {
-      outline: "none",
-      boxShadow: "none"
-    },
-    [`& .${staticClasses$1.root} .${staticClasses$1.inputRootReadOnly}`]: {
-      backgroundColor: "transparent",
-      border: "none",
-      "&:hover": {
-        border: "none"
-      }
-    },
-    [`&& .${staticClasses$1.input}`]: {
-      marginLeft: 0
-    }
-  },
-  tagSelected: {
-    outlineColor: "#52A8EC",
-    outlineStyle: "solid",
-    outlineWidth: "0px",
-    outlineOffset: "-1px",
-    boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
-  },
-  tagInputBorderContainer: {},
-  tagInputRootFocused: {},
-  tagInputRootEmpty: {},
-  singleLine: {},
-  error: { float: "left" },
-  inputExtension: {},
-  suggestionsContainer: {
-    width: "100%",
-    position: "relative",
-    top: 59,
-    [`& .${staticClasses$2.root} .${staticClasses$2.list} &`]: {
-      width: "100%"
-    }
-  },
-  suggestionList: {}
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=TagsInput.styles.mjs.map

package/dist/esm/TagsInput/TagsInput.styles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagsInput.styles.mjs","sources":["../../../src/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import { chipClasses } from \"@mui/material/Chip\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"../Forms\";\nimport { baseInputClasses } from \"../BaseInput\";\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTagsInput\", {\n  input: {\n    width: \"100%\",\n    ...theme.typography.caption1,\n  },\n  listItemGutters: { padding: \"0 5px\" },\n  listItemRoot: {\n    marginBottom: 2,\n    height: 24,\n    lineHeight: \"24px\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: 2,\n    },\n\n    \"&$singleLine\": {\n      display: \"table-cell\",\n      paddingTop: \"2px\",\n    },\n  },\n  root: { display: \"inline-block\", width: \"100%\" },\n  chipRoot: {\n    [`&.${chipClasses.root}`]: {\n      maxWidth: \"none\",\n    },\n  },\n  disabled: {\n    \"& $tagsList\": {\n      backgroundColor: theme.colors.atmo2,\n      border: `1px solid ${theme.colors.atmo4}`,\n\n      \"&:focus-within, &:hover\": {\n        border: `1px solid ${theme.colors.atmo4}`,\n      },\n    },\n  },\n  readOnly: {\n    \"& $tagsList\": {\n      backgroundColor: theme.colors.atmo2,\n      border: `1px solid ${theme.colors.secondary_60}`,\n\n      \"&:hover\": {\n        border: `1px solid ${theme.colors.secondary_60}`,\n      },\n    },\n  },\n  resizable: { width: \"auto\", resize: \"both\", overflow: \"auto\" },\n  invalid: {},\n  labelContainer: { float: \"left\", display: \"flex\", alignItems: \"flex-start\" },\n  label: { display: \"block\", float: \"left\", paddingBottom: \"6px\" },\n  description: { display: \"block\", float: \"left\" },\n  characterCounter: {\n    display: \"block\",\n    float: \"right\",\n    textAlign: \"right\",\n    marginBottom: \"6px\",\n  },\n  tagsList: {\n    display: \"flex\",\n    alignContent: \"flex-start\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    height: \"32px\",\n    padding: 5,\n    overflow: \"auto\",\n    position: \"relative\",\n\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n\n    backgroundColor: theme.colors.atmo1,\n    border: `1px solid ${theme.colors.secondary_80}`,\n    borderRadius: theme.radii.base,\n\n    \"&:hover\": {\n      cursor: \"text\",\n      border: `1px solid ${theme.colors.primary}`,\n    },\n\n    [`& .${baseInputClasses.inputRoot}`]: {\n      border: \"none\",\n    },\n\n    \"&:focus, &:focus-within, &:focus-visible\": {\n      outlineColor: \"#52A8EC\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"0px\",\n      outlineOffset: \"-1px\",\n      boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n    },\n\n    \"&$singleLine\": {\n      overflowX: \"hidden\",\n      overflowY: \"hidden\",\n      height: 32,\n      display: \"table-row\",\n      paddingTop: 0,\n    },\n\n    \"&$error\": {\n      border: `1px solid ${theme.colors.negative}`,\n    },\n\n    \"&$invalid\": {\n      border: `1px solid ${theme.colors.negative}`,\n    },\n  },\n  tagInputContainerRoot: {\n    display: \"flex\",\n    flexGrow: 1,\n    height: 24,\n    lineHeight: \"24px\",\n\n    \"&$singleLine\": {\n      display: \"table-cell\",\n      minWidth: 60,\n      width: \"100%\",\n      paddingTop: \"3px\",\n      verticalAlign: \"middle\",\n    },\n  },\n  tagInputRoot: {\n    [`& .${baseInputClasses.root}`]: {\n      width: \"100%\",\n      border: \"none\",\n      \"&:hover $tagInputBorderContainer\": {\n        background: \"none\",\n      },\n    },\n    [`&& .${baseInputClasses.inputRoot}`]: {\n      marginLeft: 0,\n      marginRight: 0,\n      flex: \"1 1 auto\",\n      height: 24,\n      lineHeight: \"24px\",\n      padding: 0,\n      border: \"none\",\n    },\n    [`& .${baseInputClasses.inputBorderContainer}`]: {\n      border: \"none\",\n      background: \"none\",\n    },\n    [`& .${baseInputClasses.inputRootFocused}`]: {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n      backgroundColor: \"transparent\",\n      border: \"none\",\n      \"&:hover\": {\n        border: \"none\",\n      },\n    },\n    [`&& .${baseInputClasses.input}`]: {\n      marginLeft: 0,\n    },\n  },\n  tagSelected: {\n    outlineColor: \"#52A8EC\",\n    outlineStyle: \"solid\",\n    outlineWidth: \"0px\",\n    outlineOffset: \"-1px\",\n    boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n  },\n  tagInputBorderContainer: {},\n  tagInputRootFocused: {},\n  tagInputRootEmpty: {},\n  singleLine: {},\n  error: { float: \"left\" },\n  inputExtension: {},\n  suggestionsContainer: {\n    width: \"100%\",\n    position: \"relative\",\n    top: 59,\n    [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n      width: \"100%\",\n    },\n  },\n  suggestionList: {},\n});\n"],"names":["baseInputClasses","suggestionsClasses"],"mappings":"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"}

package/dist/esm/TextArea/TextArea.mjs

@@ -1,281 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useRef, useState, useMemo, useCallback, useEffect } from "react";
-import { useForkRef } from "@mui/material/utils";
-import { setId } from "../utils/setId.mjs";
-import { useUniqueId } from "../hooks/useUniqueId.mjs";
-import { useControlled } from "../hooks/useControlled.mjs";
-import { useDefaultProps } from "../hooks/useDefaultProps.mjs";
-import validationState, { isInvalid } from "../Forms/FormElement/validationStates.mjs";
-import { DEFAULT_ERROR_MESSAGES, validateInput, validationTypes, computeValidationState, computeValidationMessage, hasBuiltInValidations } from "../BaseInput/validations.mjs";
-import { useClasses } from "./TextArea.styles.mjs";
-import { staticClasses } from "./TextArea.styles.mjs";
-import { HvFormElement } from "../Forms/FormElement/FormElement.mjs";
-import { HvLabel } from "../Forms/Label/Label.mjs";
-import { HvInfoMessage } from "../Forms/InfoMessage/InfoMessage.mjs";
-import { HvCharCounter } from "../Forms/CharCounter/CharCounter.mjs";
-import { HvBaseInput } from "../BaseInput/BaseInput.mjs";
-import { HvWarningText } from "../Forms/WarningText/WarningText.mjs";
-const HvTextArea = forwardRef((props, ref) => {
-  const {
-    id,
-    className,
-    classes: classesProp,
-    name,
-    label,
-    description,
-    placeholder,
-    status,
-    statusMessage,
-    validationMessages,
-    maxCharQuantity,
-    minCharQuantity,
-    value: valueProp,
-    inputRef: inputRefProp,
-    rows = 1,
-    defaultValue = "",
-    middleCountLabel = "/",
-    countCharProps = {},
-    inputProps = {},
-    required = false,
-    readOnly = false,
-    disabled = false,
-    autoFocus = false,
-    resizable = false,
-    autoScroll = false,
-    hideCounter = false,
-    blockMax = false,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": ariaDescribedBy,
-    "aria-errormessage": ariaErrorMessage,
-    validation,
-    onChange,
-    onBlur,
-    onFocus,
-    ...others
-  } = useDefaultProps("HvTextArea", props);
-  const { classes, cx } = useClasses(classesProp);
-  const elementId = useUniqueId(id, "hvtextarea");
-  const isDirty = useRef(false);
-  const inputRef = useRef(null);
-  const forkedRef = useForkRef(ref, inputRefProp, inputRef);
-  const [focused, setFocused] = useState(false);
-  const [autoScrolling, setAutoScrolling] = useState(autoScroll);
-  const [validationState$1, setValidationState] = useControlled(
-    status,
-    validationState.standBy
-  );
-  const [validationMessage, setValidationMessage] = useControlled(
-    statusMessage,
-    ""
-  );
-  const [value, setValue] = useControlled(valueProp, defaultValue);
-  const isStateInvalid = isInvalid(validationState$1);
-  const isEmptyValue = value == null || value === "";
-  const hasLabel = label != null;
-  const hasDescription = description != null;
-  const hasCounter = maxCharQuantity != null && !hideCounter;
-  const errorMessages = useMemo(
-    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),
-    [validationMessages]
-  );
-  const performValidation = useCallback(() => {
-    const inputValidity = validateInput(
-      inputRef.current,
-      value,
-      required,
-      minCharQuantity,
-      maxCharQuantity,
-      validationTypes.none,
-      validation
-    );
-    setValidationState(computeValidationState(inputValidity, isEmptyValue));
-    setValidationMessage(
-      computeValidationMessage(inputValidity, errorMessages)
-    );
-    return inputValidity;
-  }, [
-    errorMessages,
-    inputRef,
-    isEmptyValue,
-    maxCharQuantity,
-    minCharQuantity,
-    required,
-    setValidationMessage,
-    setValidationState,
-    validation,
-    value
-  ]);
-  const limitValue = (currentValue) => {
-    if (currentValue === void 0 || !blockMax)
-      return currentValue;
-    const isOverflow = maxCharQuantity == null ? false : currentValue.length > maxCharQuantity;
-    return !isOverflow ? currentValue : currentValue.substring(0, maxCharQuantity);
-  };
-  const onContainerBlurHandler = (event) => {
-    setFocused(false);
-    const inputValidity = performValidation();
-    onBlur?.(event, value, inputValidity);
-  };
-  const onChangeHandler = (event, currentValue) => {
-    isDirty.current = true;
-    const limitedValue = blockMax ? limitValue(currentValue) : currentValue;
-    setValue(limitedValue);
-    onChange?.(event, limitedValue);
-  };
-  const onFocusHandler = (event) => {
-    setFocused(true);
-    setValidationState(validationState.standBy);
-    onFocus?.(event, value);
-  };
-  const isScrolledDown = useCallback(() => {
-    const el = inputRef.current;
-    return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;
-  }, [inputRef]);
-  const scrollDown = useCallback(() => {
-    const el = inputRef.current;
-    if (el != null) {
-      el.scrollTop = el.scrollHeight - el.clientHeight;
-    }
-  }, [inputRef]);
-  const addScrollListener = useCallback(() => {
-    const scrollHandler = {
-      handleEvent: () => {
-        setAutoScrolling(isScrolledDown());
-      }
-    };
-    inputRef.current?.addEventListener("scroll", scrollHandler);
-  }, [inputRef, isScrolledDown]);
-  useEffect(() => {
-    if (autoScroll) {
-      addScrollListener();
-    }
-  }, [autoScroll, addScrollListener]);
-  useEffect(() => {
-    if (autoScrolling) {
-      scrollDown();
-    }
-  }, [valueProp, autoScrolling, scrollDown]);
-  useEffect(() => {
-    if (focused || !isDirty.current && isEmptyValue) {
-      return;
-    }
-    performValidation();
-  }, [focused, isEmptyValue, performValidation]);
-  const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && hasBuiltInValidations(
-    required,
-    validationTypes.none,
-    minCharQuantity,
-    // If blockMax is true maxCharQuantity will never produce an error
-    // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity
-    maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,
-    validation,
-    inputProps
-  ));
-  let errorMessageId;
-  if (isStateInvalid) {
-    errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
-  }
-  return /* @__PURE__ */ jsxs(
-    HvFormElement,
-    {
-      id,
-      name,
-      status: validationState$1,
-      disabled,
-      required,
-      readOnly,
-      className: cx(
-        classes.root,
-        {
-          [classes.resizable]: resizable,
-          [classes.disabled]: disabled,
-          [classes.invalid]: isStateInvalid
-        },
-        className
-      ),
-      onBlur: onContainerBlurHandler,
-      children: [
-        (hasLabel || hasDescription) && /* @__PURE__ */ jsxs("div", { className: classes.labelContainer, children: [
-          hasLabel && /* @__PURE__ */ jsx(
-            HvLabel,
-            {
-              className: classes.label,
-              id: setId(id, "label"),
-              htmlFor: setId(elementId, "input"),
-              label
-            }
-          ),
-          hasDescription && /* @__PURE__ */ jsx(
-            HvInfoMessage,
-            {
-              className: classes.description,
-              id: setId(elementId, "description"),
-              children: description
-            }
-          )
-        ] }),
-        hasCounter && /* @__PURE__ */ jsx(
-          HvCharCounter,
-          {
-            id: setId(elementId, "charCounter"),
-            className: classes.characterCounter,
-            separator: middleCountLabel,
-            currentCharQuantity: value.length,
-            maxCharQuantity,
-            ...countCharProps
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          HvBaseInput,
-          {
-            classes: {
-              root: classes.baseInput,
-              input: classes.input,
-              inputResizable: classes.inputResizable
-            },
-            id: hasLabel ? setId(elementId, "input") : setId(id, "input"),
-            name,
-            value,
-            required,
-            readOnly,
-            disabled,
-            onChange: onChangeHandler,
-            autoFocus,
-            onFocus: onFocusHandler,
-            placeholder,
-            invalid: isStateInvalid,
-            resizable,
-            multiline: true,
-            rows,
-            inputProps: {
-              "aria-label": ariaLabel,
-              "aria-labelledby": ariaLabelledBy,
-              "aria-invalid": isStateInvalid ? true : void 0,
-              "aria-errormessage": errorMessageId,
-              "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description && setId(elementId, "description") || void 0,
-              "aria-controls": maxCharQuantity ? setId(elementId, "charCounter") : void 0,
-              ...inputProps
-            },
-            inputRef: forkedRef,
-            ...others
-          }
-        ),
-        canShowError && /* @__PURE__ */ jsx(
-          HvWarningText,
-          {
-            id: setId(elementId, "error"),
-            className: classes.error,
-            disableBorder: true,
-            children: validationMessage
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  HvTextArea,
-  staticClasses as textAreaClasses
-};
-//# sourceMappingURL=TextArea.mjs.map

package/dist/esm/TextArea/TextArea.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.mjs","sources":["../../../src/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  useCallback,\n  useRef,\n  useState,\n  useMemo,\n  useEffect,\n  forwardRef,\n} from \"react\";\n\nimport { useForkRef } from \"@mui/material/utils\";\n\nimport { setId } from \"../utils/setId\";\nimport { useUniqueId } from \"../hooks/useUniqueId\";\nimport { useControlled } from \"../hooks/useControlled\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport validationStates, {\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport { HvValidationMessages } from \"../types/forms\";\nimport {\n  computeValidationMessage,\n  computeValidationState,\n  DEFAULT_ERROR_MESSAGES,\n  hasBuiltInValidations,\n  HvInputValidity,\n  validateInput,\n  validationTypes,\n} from \"../BaseInput/validations\";\nimport { HvBaseInput, HvBaseInputProps } from \"../BaseInput\";\nimport {\n  HvCharCounter,\n  HvCharCounterProps,\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"../Forms\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./TextArea.styles\";\n\nexport { staticClasses as textAreaClasses };\n\nexport type HvTextAreaClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTextAreaProps\n  extends Omit<\n    HvBaseInputProps,\n    \"onChange\" | \"onBlur\" | \"rows\" | \"classes\" | \"onFocus\" | \"placeholder\"\n  > {\n  /** The placeholder value of the text area. */\n  placeholder?: string;\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?: React.ReactNode;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\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?: HvFormStatus;\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel?: string;\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages?: HvValidationMessages;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxCharQuantity?: number;\n  /**\n   * The minimum allowed length of the characters, if this value is null no check\n   * will be perform.\n   */\n  minCharQuantity?: number;\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus?: boolean;\n  /**\n   * The number of rows of the text area\n   */\n  rows?: number;\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable?: boolean;\n  /**\n   * Auto-scroll: automatically scroll to the end on value changes.\n   * Will stop if the user scrolls up and resume if scrolled to the bottom.\n   */\n  autoScroll?: boolean;\n  /**\n   * If true it isn't possible to pass the `maxCharQuantity`\n   */\n  blockMax?: boolean;\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter?: boolean;\n  /**\n   * Props passed to the char count.\n   */\n  countCharProps?: Partial<HvCharCounterProps>;\n  /**\n   * Called back when the value is changed.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /**\n   * Called back when the value is changed.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEvent<HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvTextAreaClasses;\n}\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nexport const HvTextArea = forwardRef<any, HvTextAreaProps>((props, ref) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    name,\n    label,\n    description,\n    placeholder,\n    status,\n    statusMessage,\n    validationMessages,\n    maxCharQuantity,\n    minCharQuantity,\n    value: valueProp,\n    inputRef: inputRefProp,\n    rows = 1,\n    defaultValue = \"\",\n    middleCountLabel = \"/\",\n    countCharProps = {},\n    inputProps = {},\n    required = false,\n    readOnly = false,\n    disabled = false,\n    autoFocus = false,\n    resizable = false,\n    autoScroll = false,\n    hideCounter = false,\n    blockMax = false,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-errormessage\": ariaErrorMessage,\n    validation,\n    onChange,\n    onBlur,\n    onFocus,\n    ...others\n  } = useDefaultProps(\"HvTextArea\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef<boolean>(false);\n\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n  const forkedRef = useForkRef(ref, inputRefProp, inputRef);\n\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isStateInvalid = isInvalid(validationState);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  const hasLabel = label != null;\n\n  const hasDescription = description != null;\n\n  const hasCounter = maxCharQuantity != null && !hideCounter;\n\n  // ValidationMessages reference tends to change, as users will not memorize/useState for it;\n  // Dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [validationMessages]\n  );\n\n  // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationTypes.none,\n      validation\n    );\n\n    // This will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // This will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    inputRef,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    value,\n  ]);\n\n  /**\n   * Limit the string to the maxCharQuantity length.\n   */\n  const limitValue = (currentValue: string) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    const isOverflow =\n      maxCharQuantity == null ? false : currentValue.length > maxCharQuantity;\n\n    return !isOverflow\n      ? currentValue\n      : currentValue.substring(0, maxCharQuantity);\n  };\n\n  /**\n   * Validates the text area updating the state and modifying the warning text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   */\n  const onContainerBlurHandler: HvFormElementProps[\"onBlur\"] = (event) => {\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event as any, value, inputValidity);\n  };\n\n  /**\n   * Updates the length of the string while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   */\n  const onChangeHandler: HvBaseInputProps[\"onChange\"] = (\n    event,\n    currentValue\n  ) => {\n    isDirty.current = true;\n\n    const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n    // Set the input value (only when value is uncontrolled)\n    setValue(limitedValue);\n\n    onChange?.(event as any, limitedValue);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler: HvBaseInputProps[\"onFocus\"] = (event) => {\n    setFocused(true);\n\n    // Reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event as any, value);\n  };\n\n  const isScrolledDown = useCallback(() => {\n    const el = inputRef.current;\n    return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;\n  }, [inputRef]);\n\n  const scrollDown = useCallback(() => {\n    const el = inputRef.current;\n    if (el != null) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  }, [inputRef]);\n\n  const addScrollListener = useCallback(() => {\n    const scrollHandler = {\n      handleEvent: () => {\n        setAutoScrolling(isScrolledDown());\n      },\n    };\n    inputRef.current?.addEventListener(\"scroll\", scrollHandler);\n  }, [inputRef, isScrolledDown]);\n\n  useEffect(() => {\n    if (autoScroll) {\n      addScrollListener();\n    }\n  }, [autoScroll, addScrollListener]);\n\n  useEffect(() => {\n    if (autoScrolling) {\n      scrollDown();\n    }\n  }, [valueProp, autoScrolling, scrollDown]);\n\n  // Run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // Skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationTypes.none,\n          minCharQuantity,\n          // If blockMax is true maxCharQuantity will never produce an error\n          // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n          maxCharQuantity != null && (blockMax !== true || value != null)\n            ? maxCharQuantity\n            : null,\n          validation,\n          inputProps\n        )));\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={cx(\n        classes.root,\n        {\n          [classes.resizable]: resizable,\n          [classes.disabled]: disabled,\n          [classes.invalid]: isStateInvalid,\n        },\n        className\n      )}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              className={classes.description}\n              id={setId(elementId, \"description\")}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxCharQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvBaseInput\n        classes={{\n          root: classes.baseInput,\n          input: classes.input,\n          inputResizable: classes.inputResizable,\n        }}\n        id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        invalid={isStateInvalid}\n        resizable={resizable}\n        multiline\n        rows={rows}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : (description && setId(elementId, \"description\")) || undefined,\n          \"aria-controls\": maxCharQuantity\n            ? setId(elementId, \"charCounter\")\n            : undefined,\n          ...inputProps,\n        }}\n        inputRef={forkedRef}\n        {...others}\n      />\n\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={classes.error}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n});\n"],"names":["validationState","validationStates"],"mappings":"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"}

package/dist/esm/TextArea/TextArea.styles.mjs

@@ -1,25 +0,0 @@
-import { createClasses } from "../utils/classes.mjs";
-const { staticClasses, useClasses } = createClasses("HvTextArea", {
-  root: { display: "inline-block", width: "100%" },
-  disabled: {},
-  resizable: { width: "100%" },
-  invalid: {},
-  baseInput: { clear: "both", float: "left" },
-  input: {},
-  inputResizable: { width: "100%", resize: "both" },
-  labelContainer: { float: "left", display: "flex", alignItems: "flex-start" },
-  label: { display: "block", float: "left", paddingBottom: "6px" },
-  description: { display: "block", float: "left" },
-  characterCounter: {
-    display: "block",
-    float: "right",
-    textAlign: "right",
-    marginBottom: "6px"
-  },
-  error: { float: "left" }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=TextArea.styles.mjs.map

package/dist/esm/TextArea/TextArea.styles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.styles.mjs","sources":["../../../src/TextArea/TextArea.styles.tsx"],"sourcesContent":["import { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTextArea\", {\n  root: { display: \"inline-block\", width: \"100%\" },\n  disabled: {},\n  resizable: { width: \"100%\" },\n  invalid: {},\n  baseInput: { clear: \"both\", float: \"left\" },\n  input: {},\n  inputResizable: { width: \"100%\", resize: \"both\" },\n  labelContainer: { float: \"left\", display: \"flex\", alignItems: \"flex-start\" },\n  label: { display: \"block\", float: \"left\", paddingBottom: \"6px\" },\n  description: { display: \"block\", float: \"left\" },\n  characterCounter: {\n    display: \"block\",\n    float: \"right\",\n    textAlign: \"right\",\n    marginBottom: \"6px\",\n  },\n  error: { float: \"left\" },\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,cAAc;AAAA,EACvE,MAAM,EAAE,SAAS,gBAAgB,OAAO,OAAO;AAAA,EAC/C,UAAU,CAAC;AAAA,EACX,WAAW,EAAE,OAAO,OAAO;AAAA,EAC3B,SAAS,CAAC;AAAA,EACV,WAAW,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,EAC1C,OAAO,CAAC;AAAA,EACR,gBAAgB,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAChD,gBAAgB,EAAE,OAAO,QAAQ,SAAS,QAAQ,YAAY,aAAa;AAAA,EAC3E,OAAO,EAAE,SAAS,SAAS,OAAO,QAAQ,eAAe,MAAM;AAAA,EAC/D,aAAa,EAAE,SAAS,SAAS,OAAO,OAAO;AAAA,EAC/C,kBAAkB;AAAA,IAChB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA,OAAO,EAAE,OAAO,OAAO;AACzB,CAAC;"}

package/dist/esm/TimeAgo/TimeAgo.mjs

@@ -1,39 +0,0 @@
-import { jsx, Fragment } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
-import isEmpty from "lodash/isEmpty";
-import { useDefaultProps } from "../hooks/useDefaultProps.mjs";
-import { useClasses } from "./TimeAgo.styles.mjs";
-import { staticClasses } from "./TimeAgo.styles.mjs";
-import useTimeAgo from "./useTimeAgo.mjs";
-import { HvTypography } from "../Typography/Typography.mjs";
-const HvTimeAgo = forwardRef(
-  (props, ref) => {
-    const {
-      classes: classesProp,
-      className,
-      timestamp,
-      locale: localeProp = "en",
-      component: Component = HvTypography,
-      emptyElement = "—",
-      disableRefresh = false,
-      showSeconds = false,
-      justText = false,
-      ...others
-    } = useDefaultProps("HvTimeAgo", props);
-    const { classes, cx } = useClasses(classesProp);
-    const locale = isEmpty(localeProp) ? "en" : localeProp;
-    const timeAgo = useTimeAgo(timestamp, {
-      locale,
-      disableRefresh,
-      showSeconds
-    });
-    if (justText && timestamp)
-      return /* @__PURE__ */ jsx(Fragment, { children: timeAgo });
-    return /* @__PURE__ */ jsx(Component, { ref, className: cx(classes.root, className), ...others, children: !timestamp ? emptyElement : timeAgo });
-  }
-);
-export {
-  HvTimeAgo,
-  staticClasses as timeAgoClasses
-};
-//# sourceMappingURL=TimeAgo.mjs.map

package/dist/esm/TimeAgo/TimeAgo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeAgo.mjs","sources":["../../../src/TimeAgo/TimeAgo.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { HvTypography } from \"../Typography\";\nimport { PolymorphicComponentRef, PolymorphicRef } from \"../types/generic\";\n\nimport { staticClasses, useClasses } from \"./TimeAgo.styles\";\nimport useTimeAgo from \"./useTimeAgo\";\n\nexport { staticClasses as timeAgoClasses };\n\nexport type HvTimeAgoClasses = ExtractNames<typeof useClasses>;\n\nexport type HvTimeAgoProps<C extends React.ElementType = \"p\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /**\n       * The timestamp to format, in seconds or milliseconds.\n       * Defaults to `emptyElement` if value is null or 0\n       */\n      timestamp?: number;\n      /**\n       * The locale to be used. Should be on of the dayjs supported locales and explicitly imported\n       * @see https://day.js.org/docs/en/i18n/i18n\n       */\n      locale?: string;\n      /**\n       * The element to render when the timestamp is null or 0\n       * Defaults to `—` (Em Dash)\n       */\n      emptyElement?: React.ReactNode;\n      /** Disables periodic date refreshes */\n      disableRefresh?: boolean;\n      /** Whether to show seconds in the rendered time */\n      showSeconds?: boolean;\n      /**\n       * Whether the component should render just the string\n       * Consider using `useTimeAgo` instead\n       */\n      justText?: boolean;\n      /** A Jss Object used to override or extend the styles applied to the component. */\n      classes?: HvTimeAgoClasses;\n    }\n  >;\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nexport const HvTimeAgo: <C extends React.ElementType = \"p\">(\n  props: HvTimeAgoProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"p\">(\n    props: HvTimeAgoProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      classes: classesProp,\n      className,\n      timestamp,\n      locale: localeProp = \"en\",\n      component: Component = HvTypography,\n      emptyElement = \"—\",\n      disableRefresh = false,\n      showSeconds = false,\n      justText = false,\n      ...others\n    } = useDefaultProps(\"HvTimeAgo\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n    const locale = isEmpty(localeProp) ? \"en\" : localeProp;\n    const timeAgo = useTimeAgo(timestamp, {\n      locale,\n      disableRefresh,\n      showSeconds,\n    });\n\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    if (justText && timestamp) return <>{timeAgo}</>;\n\n    return (\n      <Component ref={ref} className={cx(classes.root, className)} {...others}>\n        {!timestamp ? emptyElement : timeAgo}\n      </Component>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;AAoDO,MAAM,YAEoB;AAAA,EAC/B,CACE,OACA,QACG;AACG,UAAA;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,QAAQ,aAAa;AAAA,MACrB,WAAW,YAAY;AAAA,MACvB,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,WAAW;AAAA,MACX,GAAG;AAAA,IAAA,IACD,gBAAgB,aAAa,KAAK;AAEtC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAC9C,UAAM,SAAS,QAAQ,UAAU,IAAI,OAAO;AACtC,UAAA,UAAU,WAAW,WAAW;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAGD,QAAI,YAAY;AAAW,6CAAU,UAAQ,QAAA,CAAA;AAE7C,WACG,oBAAA,WAAA,EAAU,KAAU,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QAC9D,UAAC,CAAA,YAAY,eAAe,QAC/B,CAAA;AAAA,EAEJ;AACF;"}

package/dist/esm/TimeAgo/TimeAgo.styles.mjs

@@ -1,9 +0,0 @@
-import { createClasses } from "../utils/classes.mjs";
-const { staticClasses, useClasses } = createClasses("HvTimeAgo", {
-  root: {}
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=TimeAgo.styles.mjs.map

package/dist/esm/TimeAgo/TimeAgo.styles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeAgo.styles.mjs","sources":["../../../src/TimeAgo/TimeAgo.styles.ts"],"sourcesContent":["import { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTimeAgo\", {\n  root: {},\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,aAAa;AAAA,EACtE,MAAM,CAAC;AACT,CAAC;"}