@hitachivantara/uikit-react-core 4.0.3 → 4.1.0

package/dist/legacy/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["React","useRef","useState","useEffect","useCallback","useMemo","PropTypes","isNil","clsx","withStyles","refType","setId","useControlled","HvFormElement","HvBaseInput","HvLabel","HvInfoMessage","HvWarningText","HvCharCounter","useUniqueId","validationStates","isInvalid","DEFAULT_ERROR_MESSAGES","validationTypes","hasBuiltInValidations","validateInput","computeValidationState","computeValidationMessage","styles","HvTextArea","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","autoFocus","middleCountLabel","rows","resizable","autoScroll","hideCounter","validationMessages","maxCharQuantity","minCharQuantity","validation","blockMax","inputRefProp","inputRef","onBlur","onFocus","inputProps","countCharProps","others","elementId","inputRefOwn","focused","setFocused","isDirty","setValue","isEmptyValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","none","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","hasLabel","hasDescription","hasCounter","canShowError","isStateInvalid","errorMessageId","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","number"],"sources":["../../../src/TextArea/TextArea.js"],"sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n  HvFormElement,\n  HvBaseInput,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvCharCounter,\n  useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  validationTypes,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = \"\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    autoFocus = false,\n\n    middleCountLabel = \"/\",\n\n    rows = 1,\n    resizable = false,\n    autoScroll = false,\n\n    hideCounter = false,\n\n    validationMessages,\n\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n\n    blockMax = false,\n\n    inputRef: inputRefProp,\n    onBlur,\n    onFocus,\n\n    inputProps = {},\n    countCharProps = {},\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  const inputRefOwn = useRef(null);\n  const inputRef = inputRefProp || inputRefOwn;\n\n  const [focused, setFocused] = React.useState(false);\n\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // validation related state\n  const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n    ]\n  );\n\n  const isOverflow = (currentValue) =>\n    isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\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(computeValidationMessage(inputValidity, errorMessages));\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   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  const limitValue = (currentValue) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n  };\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\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  /**\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   * @returns {undefined}\n   */\n  const onContainerBlurHandler = (event) => {\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\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 = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\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   * @param {String} value - The value provided by the HvInput\n   */\n  const onChangeHandler = (event, currentValue) => {\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, limitedValue);\n  };\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  const hasLabel = label != null;\n  const hasDescription = description != null;\n  const hasCounter = maxCharQuantity != null && !hideCounter;\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) ? maxCharQuantity : null,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : 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={clsx(classes.root, className, {\n        [classes.resizable]: resizable,\n        [classes.disabled]: disabled,\n        [classes.invalid]: isStateInvalid,\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 className={classes.description} id={setId(elementId, \"description\")}>\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\"),\n          \"aria-controls\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRef}\n        {...others}\n      />\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTextArea.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.PropTypes.shape({\n    /**\n     * Styles applied to the root container of the textarea.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    invalid: PropTypes.string,\n\n    /**\n     * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n     */\n    baseInput: PropTypes.string,\n\n    /**\n     * Style applied on the text area element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to text area container that holds the label, description and counter.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    description: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the form element.\n   */\n  value: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the textarea.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The function that will be executed onChange.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: PropTypes.string,\n\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages: PropTypes.shape({\n    /**\n     * The value when a validation fails.\n     */\n    error: PropTypes.string,\n    /**\n     * The message that appears when there are too many characters.\n     */\n    maxCharError: PropTypes.string,\n    /**\n     * The message that appears when there are too few characters.\n     */\n    minCharError: PropTypes.string,\n    /**\n     * The message that appears when the input is empty and required.\n     */\n    requiredError: PropTypes.string,\n  }),\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  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state (`invalid`, `valid`).\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus: PropTypes.func,\n\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: PropTypes.func,\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxCharQuantity: PropTypes.number,\n  /**\n   * The minimum allowed length of the characters, if this value is null no check\n   * will be perform.\n   */\n  minCharQuantity: PropTypes.number,\n\n  /**\n   * The number of rows of the text area\n   */\n  rows: PropTypes.number,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\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: PropTypes.bool,\n  /**\n   * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n   */\n  blockMax: PropTypes.bool,\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","names":["React","useRef","useState","useEffect","useCallback","useMemo","PropTypes","isNil","clsx","withStyles","refType","setId","useControlled","HvFormElement","HvBaseInput","HvLabel","HvInfoMessage","HvWarningText","HvCharCounter","useUniqueId","validationStates","isInvalid","DEFAULT_ERROR_MESSAGES","validationTypes","hasBuiltInValidations","validateInput","computeValidationState","computeValidationMessage","styles","HvTextArea","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","autoFocus","middleCountLabel","rows","resizable","autoScroll","hideCounter","validationMessages","maxCharQuantity","minCharQuantity","validation","blockMax","inputRefProp","inputRef","onBlur","onFocus","inputProps","countCharProps","others","elementId","inputRefOwn","focused","setFocused","isDirty","setValue","isEmptyValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","none","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","hasLabel","hasDescription","hasCounter","canShowError","isStateInvalid","errorMessageId","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","number"],"sources":["../../../src/TextArea/TextArea.js"],"sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n  HvFormElement,\n  HvBaseInput,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvCharCounter,\n  useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  validationTypes,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = \"\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    autoFocus = false,\n\n    middleCountLabel = \"/\",\n\n    rows = 1,\n    resizable = false,\n    autoScroll = false,\n\n    hideCounter = false,\n\n    validationMessages,\n\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n\n    blockMax = false,\n\n    inputRef: inputRefProp,\n    onBlur,\n    onFocus,\n\n    inputProps = {},\n    countCharProps = {},\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  const inputRefOwn = useRef(null);\n  const inputRef = inputRefProp || inputRefOwn;\n\n  const [focused, setFocused] = React.useState(false);\n\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // validation related state\n  const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n    ]\n  );\n\n  const isOverflow = (currentValue) =>\n    isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\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(computeValidationMessage(inputValidity, errorMessages));\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   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  const limitValue = (currentValue) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n  };\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\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  /**\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   * @returns {undefined}\n   */\n  const onContainerBlurHandler = (event) => {\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\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 = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\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   * @param {String} value - The value provided by the HvInput\n   */\n  const onChangeHandler = (event, currentValue) => {\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, limitedValue);\n  };\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  const hasLabel = label != null;\n  const hasDescription = description != null;\n  const hasCounter = maxCharQuantity != null && !hideCounter;\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) ? maxCharQuantity : null,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : 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={clsx(classes.root, className, {\n        [classes.resizable]: resizable,\n        [classes.disabled]: disabled,\n        [classes.invalid]: isStateInvalid,\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 className={classes.description} id={setId(elementId, \"description\")}>\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\"),\n          \"aria-controls\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRef}\n        {...others}\n      />\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTextArea.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.PropTypes.shape({\n    /**\n     * Styles applied to the root container of the textarea.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    invalid: PropTypes.string,\n\n    /**\n     * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n     */\n    baseInput: PropTypes.string,\n\n    /**\n     * Style applied on the text area element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to text area container that holds the label, description and counter.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    description: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the form element.\n   */\n  value: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the textarea.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The function that will be executed onChange.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: PropTypes.string,\n\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages: PropTypes.shape({\n    /**\n     * The value when a validation fails.\n     */\n    error: PropTypes.string,\n    /**\n     * The message that appears when there are too many characters.\n     */\n    maxCharError: PropTypes.string,\n    /**\n     * The message that appears when there are too few characters.\n     */\n    minCharError: PropTypes.string,\n    /**\n     * The message that appears when the input is empty and required.\n     */\n    requiredError: PropTypes.string,\n  }),\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  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state (`invalid`, `valid`).\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus: PropTypes.func,\n\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: PropTypes.func,\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxCharQuantity: PropTypes.number,\n  /**\n   * The minimum allowed length of the characters, if this value is null no check\n   * will be perform.\n   */\n  minCharQuantity: PropTypes.number,\n\n  /**\n   * The number of rows of the text area\n   */\n  rows: PropTypes.number,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\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: PropTypes.bool,\n  /**\n   * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n   */\n  blockMax: PropTypes.bool,\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"mappings":"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"}

package/dist/legacy/TextArea/index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","display","width","resizable","disabled","invalid","baseInput","clear","float","input","inputResizable","resize","minWidth","maxWidth","labelContainer","alignItems","label","paddingBottom","description","characterCounter","textAlign","marginBottom","error"],"sources":["../../../src/TextArea/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  disabled: {},\n  invalid: {},\n\n  baseInput: {\n    clear: \"both\",\n    float: \"left\",\n  },\n\n  input: {},\n  inputResizable: {\n    resize: \"auto\",\n    minWidth: \"150px\",\n    maxWidth: \"610px\",\n  },\n\n  labelContainer: {\n    float: \"left\",\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    display: \"block\",\n    float: \"left\",\n    paddingBottom: \"6px\",\n  },\n  description: {\n    display: \"block\",\n    float: \"left\",\n  },\n  characterCounter: {\n    display: \"block\",\n    float: \"right\",\n    textAlign: \"right\",\n    marginBottom: \"6px\",\n  },\n  error: {\n    float: \"left\",\n  },\n};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,OAAO,EAAE,cADL;IAEJC,KAAK,EAAE;EAFH,CADO;EAKbC,SAAS,EAAE;IACTD,KAAK,EAAE;EADE,CALE;EAQbE,QAAQ,EAAE,EARG;EASbC,OAAO,EAAE,EATI;EAWbC,SAAS,EAAE;IACTC,KAAK,EAAE,MADE;IAETC,KAAK,EAAE;EAFE,CAXE;EAgBbC,KAAK,EAAE,EAhBM;EAiBbC,cAAc,EAAE;IACdC,MAAM,EAAE,MADM;IAEdC,QAAQ,EAAE,OAFI;IAGdC,QAAQ,EAAE;EAHI,CAjBH;EAuBbC,cAAc,EAAE;IACdN,KAAK,EAAE,MADO;IAEdP,OAAO,EAAE,MAFK;IAGdc,UAAU,EAAE;EAHE,CAvBH;EA4BbC,KAAK,EAAE;IACLf,OAAO,EAAE,OADJ;IAELO,KAAK,EAAE,MAFF;IAGLS,aAAa,EAAE;EAHV,CA5BM;EAiCbC,WAAW,EAAE;IACXjB,OAAO,EAAE,OADE;IAEXO,KAAK,EAAE;EAFI,CAjCA;EAqCbW,gBAAgB,EAAE;IAChBlB,OAAO,EAAE,OADO;IAEhBO,KAAK,EAAE,OAFS;IAGhBY,SAAS,EAAE,OAHK;IAIhBC,YAAY,EAAE;EAJE,CArCL;EA2CbC,KAAK,EAAE;IACLd,KAAK,EAAE;EADF;AA3CM,CAAf;AAgDA,eAAeT,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","root","display","width","resizable","disabled","invalid","baseInput","clear","float","input","inputResizable","resize","minWidth","maxWidth","labelContainer","alignItems","label","paddingBottom","description","characterCounter","textAlign","marginBottom","error"],"sources":["../../../src/TextArea/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  disabled: {},\n  invalid: {},\n\n  baseInput: {\n    clear: \"both\",\n    float: \"left\",\n  },\n\n  input: {},\n  inputResizable: {\n    resize: \"auto\",\n    minWidth: \"150px\",\n    maxWidth: \"610px\",\n  },\n\n  labelContainer: {\n    float: \"left\",\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    display: \"block\",\n    float: \"left\",\n    paddingBottom: \"6px\",\n  },\n  description: {\n    display: \"block\",\n    float: \"left\",\n  },\n  characterCounter: {\n    display: \"block\",\n    float: \"right\",\n    textAlign: \"right\",\n    marginBottom: \"6px\",\n  },\n  error: {\n    float: \"left\",\n  },\n};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,OAAO,EAAE,cAAc;IACvBC,KAAK,EAAE;EACT,CAAC;EACDC,SAAS,EAAE;IACTD,KAAK,EAAE;EACT,CAAC;EACDE,QAAQ,EAAE,CAAC,CAAC;EACZC,OAAO,EAAE,CAAC,CAAC;EAEXC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,KAAK,EAAE;EACT,CAAC;EAEDC,KAAK,EAAE,CAAC,CAAC;EACTC,cAAc,EAAE;IACdC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,OAAO;IACjBC,QAAQ,EAAE;EACZ,CAAC;EAEDC,cAAc,EAAE;IACdN,KAAK,EAAE,MAAM;IACbP,OAAO,EAAE,MAAM;IACfc,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLf,OAAO,EAAE,OAAO;IAChBO,KAAK,EAAE,MAAM;IACbS,aAAa,EAAE;EACjB,CAAC;EACDC,WAAW,EAAE;IACXjB,OAAO,EAAE,OAAO;IAChBO,KAAK,EAAE;EACT,CAAC;EACDW,gBAAgB,EAAE;IAChBlB,OAAO,EAAE,OAAO;IAChBO,KAAK,EAAE,OAAO;IACdY,SAAS,EAAE,OAAO;IAClBC,YAAY,EAAE;EAChB,CAAC;EACDC,KAAK,EAAE;IACLd,KAAK,EAAE;EACT;AACF,CAAC;AAED,eAAeT,MAAM"}

package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js

@@ -7,43 +7,38 @@ import { HvToggleButton } from "../..";
 import { PeriodPickerOptions } from "../enums";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var PeriodPicker = function PeriodPicker(props) {
   var classes = props.classes,
-      period = props.period,
-      onChangePeriod = props.onChangePeriod;
-
+    period = props.period,
+    onChangePeriod = props.onChangePeriod;
   var _useState = useState(period !== null && period !== void 0 ? period : PeriodPickerOptions.AM),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentPeriod = _useState2[0],
-      setCurrentPeriod = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    currentPeriod = _useState2[0],
+    setCurrentPeriod = _useState2[1];
+
   /**
    * Gets the new value for the period
    * @returns the new value for the period
    * @memberof UnitTimePicker
    */
-
-
   var selectDifferentPeriod = function selectDifferentPeriod() {
     return currentPeriod === PeriodPickerOptions.AM ? PeriodPickerOptions.PM : PeriodPickerOptions.AM;
   };
+
   /**
    * Handles the period change
    * @memberof PeriodPicker
    */
-
-
   var handleChangePeriod = function handleChangePeriod() {
     var newPeriod = selectDifferentPeriod();
     setCurrentPeriod(newPeriod);
     onChangePeriod(newPeriod);
   };
+
   /**
    * Renders the PeriodPicker
    * @memberof UnitTimePicker
    */
-
-
   return /*#__PURE__*/_jsxs("div", {
     className: classes.periodContainer,
     children: [/*#__PURE__*/_jsx(UpIcon, {
@@ -59,20 +54,18 @@ var PeriodPicker = function PeriodPicker(props) {
       onClick: handleChangePeriod
     })]
   });
-}; // }
-
+};
+// }
 
 process.env.NODE_ENV !== "production" ? PeriodPicker.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied to the input/popper
    */
   classes: PropTypes.instanceOf(Object).isRequired,
-
   /**
    * Callback function called when the period value changes
    */
   onChangePeriod: PropTypes.func.isRequired,
-
   /**
    * Default period value
    */

package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodPicker.js","names":["React","useState","PropTypes","clsx","DropUpXS","UpIcon","DropDownXS","DownIcon","HvToggleButton","PeriodPickerOptions","PeriodPicker","props","classes","period","onChangePeriod","AM","currentPeriod","setCurrentPeriod","selectDifferentPeriod","PM","handleChangePeriod","newPeriod","periodContainer","icon","periodToggle","subtractIcon","propTypes","instanceOf","Object","isRequired","func","oneOf"],"sources":["../../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { HvToggleButton } from \"../..\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nconst PeriodPicker = (props) => {\n  const { classes, period, onChangePeriod } = props;\n  const [currentPeriod, setCurrentPeriod] = useState(period ?? PeriodPickerOptions.AM);\n\n  /**\n   * Gets the new value for the period\n   * @returns the new value for the period\n   * @memberof UnitTimePicker\n   */\n  const selectDifferentPeriod = () => {\n    return currentPeriod === PeriodPickerOptions.AM\n      ? PeriodPickerOptions.PM\n      : PeriodPickerOptions.AM;\n  };\n\n  /**\n   * Handles the period change\n   * @memberof PeriodPicker\n   */\n  const handleChangePeriod = () => {\n    const newPeriod = selectDifferentPeriod();\n    setCurrentPeriod(newPeriod);\n    onChangePeriod(newPeriod);\n  };\n\n  /**\n   * Renders the PeriodPicker\n   * @memberof UnitTimePicker\n   */\n  return (\n    <div className={classes.periodContainer}>\n      <UpIcon className={classes.icon} onClick={handleChangePeriod} />\n      <HvToggleButton\n        className={classes.periodToggle}\n        selected={currentPeriod === PeriodPickerOptions.PM}\n        onClick={handleChangePeriod}\n      >\n        {currentPeriod}\n      </HvToggleButton>\n      <DownIcon className={clsx(classes.icon, classes.subtractIcon)} onClick={handleChangePeriod} />\n    </div>\n  );\n};\n// }\n\nPeriodPicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Callback function called when the period value changes\n   */\n  onChangePeriod: PropTypes.func.isRequired,\n  /**\n   * Default period value\n   */\n  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM]),\n};\n\nexport default PeriodPicker;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,QAAQ,IAAIC,MAArB,EAA6BC,UAAU,IAAIC,QAA3C,QAA2D,mCAA3D;AACA,SAASC,cAAT,QAA+B,OAA/B;AACA,SAASC,mBAAT,QAAoC,UAApC;;;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IAAQC,OAAR,GAA4CD,KAA5C,CAAQC,OAAR;EAAA,IAAiBC,MAAjB,GAA4CF,KAA5C,CAAiBE,MAAjB;EAAA,IAAyBC,cAAzB,GAA4CH,KAA5C,CAAyBG,cAAzB;;EACA,gBAA0Cb,QAAQ,CAACY,MAAD,aAACA,MAAD,cAACA,MAAD,GAAWJ,mBAAmB,CAACM,EAA/B,CAAlD;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;EAEA;AACF;AACA;AACA;AACA;;;EACE,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;IAClC,OAAOF,aAAa,KAAKP,mBAAmB,CAACM,EAAtC,GACHN,mBAAmB,CAACU,EADjB,GAEHV,mBAAmB,CAACM,EAFxB;EAGD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,IAAMK,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;IAC/B,IAAMC,SAAS,GAAGH,qBAAqB,EAAvC;IACAD,gBAAgB,CAACI,SAAD,CAAhB;IACAP,cAAc,CAACO,SAAD,CAAd;EACD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,oBACE;IAAK,SAAS,EAAET,OAAO,CAACU,eAAxB;IAAA,wBACE,KAAC,MAAD;MAAQ,SAAS,EAAEV,OAAO,CAACW,IAA3B;MAAiC,OAAO,EAAEH;IAA1C,EADF,eAEE,KAAC,cAAD;MACE,SAAS,EAAER,OAAO,CAACY,YADrB;MAEE,QAAQ,EAAER,aAAa,KAAKP,mBAAmB,CAACU,EAFlD;MAGE,OAAO,EAAEC,kBAHX;MAAA,UAKGJ;IALH,EAFF,eASE,KAAC,QAAD;MAAU,SAAS,EAAEb,IAAI,CAACS,OAAO,CAACW,IAAT,EAAeX,OAAO,CAACa,YAAvB,CAAzB;MAA+D,OAAO,EAAEL;IAAxE,EATF;EAAA,EADF;AAaD,CA1CD,C,CA2CA;;;AAEA,wCAAAV,YAAY,CAACgB,SAAb,GAAyB;EACvB;AACF;AACA;EACEd,OAAO,EAAEV,SAAS,CAACyB,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEf,cAAc,EAAEZ,SAAS,CAAC4B,IAAV,CAAeD,UARR;;EASvB;AACF;AACA;EACEhB,MAAM,EAAEX,SAAS,CAAC6B,KAAV,CAAgB,CAACtB,mBAAmB,CAACM,EAArB,EAAyBN,mBAAmB,CAACU,EAA7C,CAAhB;AAZe,CAAzB;AAeA,eAAeT,YAAf"}
+{"version":3,"file":"PeriodPicker.js","names":["React","useState","PropTypes","clsx","DropUpXS","UpIcon","DropDownXS","DownIcon","HvToggleButton","PeriodPickerOptions","PeriodPicker","props","classes","period","onChangePeriod","AM","currentPeriod","setCurrentPeriod","selectDifferentPeriod","PM","handleChangePeriod","newPeriod","periodContainer","icon","periodToggle","subtractIcon","propTypes","instanceOf","Object","isRequired","func","oneOf"],"sources":["../../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { HvToggleButton } from \"../..\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nconst PeriodPicker = (props) => {\n  const { classes, period, onChangePeriod } = props;\n  const [currentPeriod, setCurrentPeriod] = useState(period ?? PeriodPickerOptions.AM);\n\n  /**\n   * Gets the new value for the period\n   * @returns the new value for the period\n   * @memberof UnitTimePicker\n   */\n  const selectDifferentPeriod = () => {\n    return currentPeriod === PeriodPickerOptions.AM\n      ? PeriodPickerOptions.PM\n      : PeriodPickerOptions.AM;\n  };\n\n  /**\n   * Handles the period change\n   * @memberof PeriodPicker\n   */\n  const handleChangePeriod = () => {\n    const newPeriod = selectDifferentPeriod();\n    setCurrentPeriod(newPeriod);\n    onChangePeriod(newPeriod);\n  };\n\n  /**\n   * Renders the PeriodPicker\n   * @memberof UnitTimePicker\n   */\n  return (\n    <div className={classes.periodContainer}>\n      <UpIcon className={classes.icon} onClick={handleChangePeriod} />\n      <HvToggleButton\n        className={classes.periodToggle}\n        selected={currentPeriod === PeriodPickerOptions.PM}\n        onClick={handleChangePeriod}\n      >\n        {currentPeriod}\n      </HvToggleButton>\n      <DownIcon className={clsx(classes.icon, classes.subtractIcon)} onClick={handleChangePeriod} />\n    </div>\n  );\n};\n// }\n\nPeriodPicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Callback function called when the period value changes\n   */\n  onChangePeriod: PropTypes.func.isRequired,\n  /**\n   * Default period value\n   */\n  period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM]),\n};\n\nexport default PeriodPicker;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,QAAQ,IAAIC,MAAM,EAAEC,UAAU,IAAIC,QAAQ,QAAQ,mCAAmC;AAC9F,SAASC,cAAc,QAAQ,OAAO;AACtC,SAASC,mBAAmB,QAAQ,UAAU;AAAC;AAAA;AAE/C,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;EAC9B,IAAQC,OAAO,GAA6BD,KAAK,CAAzCC,OAAO;IAAEC,MAAM,GAAqBF,KAAK,CAAhCE,MAAM;IAAEC,cAAc,GAAKH,KAAK,CAAxBG,cAAc;EACvC,gBAA0Cb,QAAQ,CAACY,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIJ,mBAAmB,CAACM,EAAE,CAAC;IAAA;IAA7EC,aAAa;IAAEC,gBAAgB;;EAEtC;AACF;AACA;AACA;AACA;EACE,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,GAAS;IAClC,OAAOF,aAAa,KAAKP,mBAAmB,CAACM,EAAE,GAC3CN,mBAAmB,CAACU,EAAE,GACtBV,mBAAmB,CAACM,EAAE;EAC5B,CAAC;;EAED;AACF;AACA;AACA;EACE,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkB,GAAS;IAC/B,IAAMC,SAAS,GAAGH,qBAAqB,EAAE;IACzCD,gBAAgB,CAACI,SAAS,CAAC;IAC3BP,cAAc,CAACO,SAAS,CAAC;EAC3B,CAAC;;EAED;AACF;AACA;AACA;EACE,oBACE;IAAK,SAAS,EAAET,OAAO,CAACU,eAAgB;IAAA,wBACtC,KAAC,MAAM;MAAC,SAAS,EAAEV,OAAO,CAACW,IAAK;MAAC,OAAO,EAAEH;IAAmB,EAAG,eAChE,KAAC,cAAc;MACb,SAAS,EAAER,OAAO,CAACY,YAAa;MAChC,QAAQ,EAAER,aAAa,KAAKP,mBAAmB,CAACU,EAAG;MACnD,OAAO,EAAEC,kBAAmB;MAAA,UAE3BJ;IAAa,EACC,eACjB,KAAC,QAAQ;MAAC,SAAS,EAAEb,IAAI,CAACS,OAAO,CAACW,IAAI,EAAEX,OAAO,CAACa,YAAY,CAAE;MAAC,OAAO,EAAEL;IAAmB,EAAG;EAAA,EAC1F;AAEV,CAAC;AACD;;AAEA,wCAAAV,YAAY,CAACgB,SAAS,GAAG;EACvB;AACF;AACA;EACEd,OAAO,EAAEV,SAAS,CAACyB,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAChD;AACF;AACA;EACEf,cAAc,EAAEZ,SAAS,CAAC4B,IAAI,CAACD,UAAU;EACzC;AACF;AACA;EACEhB,MAAM,EAAEX,SAAS,CAAC6B,KAAK,CAAC,CAACtB,mBAAmB,CAACM,EAAE,EAAEN,mBAAmB,CAACU,EAAE,CAAC;AAC1E,CAAC;AAED,eAAeT,YAAY"}

package/dist/legacy/TimePicker/PeriodPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["withStyles","styles","PeriodPicker","name"],"sources":["../../../../src/TimePicker/PeriodPicker/index.js"],"sourcesContent":["import { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerPeriodPicker\" })(PeriodPicker);\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,eAAeF,UAAU,CAACC,MAAD,EAAS;EAAEE,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDD,YAAzD,CAAf"}
+{"version":3,"file":"index.js","names":["withStyles","styles","PeriodPicker","name"],"sources":["../../../../src/TimePicker/PeriodPicker/index.js"],"sourcesContent":["import { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerPeriodPicker\" })(PeriodPicker);\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,eAAeF,UAAU,CAACC,MAAM,EAAE;EAAEE,IAAI,EAAE;AAA2B,CAAC,CAAC,CAACD,YAAY,CAAC"}

package/dist/legacy/TimePicker/PeriodPicker/styles.js

@@ -19,6 +19,5 @@ var styles = function styles(theme) {
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/legacy/TimePicker/PeriodPicker/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","periodContainer","display","flexDirection","justifyContent","alignItems","marginLeft","periodToggle","height","width","icon","cursor","subtractIcon","marginTop","hv","spacing","xs"],"sources":["../../../../src/TimePicker/PeriodPicker/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  periodContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    marginLeft: 8,\n  },\n  periodToggle: {\n    height: \"40px\",\n    width: \"40px\",\n  },\n  icon: {\n    cursor: \"pointer\",\n  },\n  subtractIcon: {\n    marginTop: `${theme.hv.spacing.xs}px`,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,eAAe,EAAE;MACfC,OAAO,EAAE,MADM;MAEfC,aAAa,EAAE,QAFA;MAGfC,cAAc,EAAE,QAHD;MAIfC,UAAU,EAAE,QAJG;MAKfC,UAAU,EAAE;IALG,CADQ;IAQzBC,YAAY,EAAE;MACZC,MAAM,EAAE,MADI;MAEZC,KAAK,EAAE;IAFK,CARW;IAYzBC,IAAI,EAAE;MACJC,MAAM,EAAE;IADJ,CAZmB;IAezBC,YAAY,EAAE;MACZC,SAAS,YAAKb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IADG;EAfW,CAAZ;AAAA,CAAf;;AAoBA,eAAejB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","periodContainer","display","flexDirection","justifyContent","alignItems","marginLeft","periodToggle","height","width","icon","cursor","subtractIcon","marginTop","hv","spacing","xs"],"sources":["../../../../src/TimePicker/PeriodPicker/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  periodContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    marginLeft: 8,\n  },\n  periodToggle: {\n    height: \"40px\",\n    width: \"40px\",\n  },\n  icon: {\n    cursor: \"pointer\",\n  },\n  subtractIcon: {\n    marginTop: `${theme.hv.spacing.xs}px`,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,eAAe,EAAE;MACfC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACZC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJC,MAAM,EAAE;IACV,CAAC;IACDC,YAAY,EAAE;MACZC,SAAS,YAAKb,KAAK,CAACc,EAAE,CAACC,OAAO,CAACC,EAAE;IACnC;EACF,CAAC;AAAA,CAAC;AAEF,eAAejB,MAAM"}