@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["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","useUniqueId","inputRefOwn","useRef","React","useState","focused","setFocused","isDirty","useControlled","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","isNil","length","performValidation","useCallback","inputValidity","validateInput","current","validationTypes","none","computeValidationState","computeValidationMessage","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","useEffect","hasLabel","hasDescription","hasCounter","canShowError","hasBuiltInValidations","isStateInvalid","isInvalid","errorMessageId","setId","clsx","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","withStyles","styles"],"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":["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","useUniqueId","inputRefOwn","useRef","React","useState","focused","setFocused","isDirty","useControlled","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","isNil","length","performValidation","useCallback","inputValidity","validateInput","current","validationTypes","none","computeValidationState","computeValidationMessage","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","useEffect","hasLabel","hasDescription","hasCounter","canShowError","hasBuiltInValidations","isStateInvalid","isInvalid","errorMessageId","setId","clsx","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","withStyles","styles"],"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/TextArea/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _TextArea.default;
   }
 });
-
 var _TextArea = _interopRequireDefault(require("./TextArea"));
 //# sourceMappingURL=index.js.map

package/dist/TextArea/index.js.map

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

package/dist/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;eAgDeT,M"}
+{"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;AAAC,eAEaT,MAAM;AAAA"}

package/dist/TimePicker/PeriodPicker/PeriodPicker.js

@@ -1,82 +1,59 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
 var _ = require("../..");
-
 var _enums = require("../enums");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var PeriodPicker = function PeriodPicker(props) {
   var classes = props.classes,
-      period = props.period,
-      onChangePeriod = props.onChangePeriod;
-
+    period = props.period,
+    onChangePeriod = props.onChangePeriod;
   var _useState = (0, _react.useState)(period !== null && period !== void 0 ? period : _enums.PeriodPickerOptions.AM),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      currentPeriod = _useState2[0],
-      setCurrentPeriod = _useState2[1];
+    _useState2 = (0, _slicedToArray2.default)(_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 === _enums.PeriodPickerOptions.AM ? _enums.PeriodPickerOptions.PM : _enums.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__*/(0, _jsxRuntime.jsxs)("div", {
     className: classes.periodContainer,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropUpXS, {
@@ -92,20 +69,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.default.instanceOf(Object).isRequired,
-
   /**
    * Callback function called when the period value changes
    */
   onChangePeriod: _propTypes.default.func.isRequired,
-
   /**
    * Default period value
    */

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

@@ -1 +1 @@
-{"version":3,"file":"PeriodPicker.js","names":["PeriodPicker","props","classes","period","onChangePeriod","useState","PeriodPickerOptions","AM","currentPeriod","setCurrentPeriod","selectDifferentPeriod","PM","handleChangePeriod","newPeriod","periodContainer","icon","periodToggle","clsx","subtractIcon","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,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,gBAA0C,IAAAC,eAAA,EAASF,MAAT,aAASA,MAAT,cAASA,MAAT,GAAmBG,0BAAA,CAAoBC,EAAvC,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;EAEA;AACF;AACA;AACA;AACA;;;EACE,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;IAClC,OAAOF,aAAa,KAAKF,0BAAA,CAAoBC,EAAtC,GACHD,0BAAA,CAAoBK,EADjB,GAEHL,0BAAA,CAAoBC,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;IACAT,cAAc,CAACS,SAAD,CAAd;EACD,CAJD;EAMA;AACF;AACA;AACA;;;EACE,oBACE;IAAK,SAAS,EAAEX,OAAO,CAACY,eAAxB;IAAA,wBACE,qBAAC,yBAAD;MAAQ,SAAS,EAAEZ,OAAO,CAACa,IAA3B;MAAiC,OAAO,EAAEH;IAA1C,EADF,eAEE,qBAAC,gBAAD;MACE,SAAS,EAAEV,OAAO,CAACc,YADrB;MAEE,QAAQ,EAAER,aAAa,KAAKF,0BAAA,CAAoBK,EAFlD;MAGE,OAAO,EAAEC,kBAHX;MAAA,UAKGJ;IALH,EAFF,eASE,qBAAC,2BAAD;MAAU,SAAS,EAAE,IAAAS,aAAA,EAAKf,OAAO,CAACa,IAAb,EAAmBb,OAAO,CAACgB,YAA3B,CAArB;MAA+D,OAAO,EAAEN;IAAxE,EATF;EAAA,EADF;AAaD,CA1CD,C,CA2CA;;;AAEA,wCAAAZ,YAAY,CAACmB,SAAb,GAAyB;EACvB;AACF;AACA;EACEjB,OAAO,EAAEkB,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEnB,cAAc,EAAEgB,kBAAA,CAAUI,IAAV,CAAeD,UARR;;EASvB;AACF;AACA;EACEpB,MAAM,EAAEiB,kBAAA,CAAUK,KAAV,CAAgB,CAACnB,0BAAA,CAAoBC,EAArB,EAAyBD,0BAAA,CAAoBK,EAA7C,CAAhB;AAZe,CAAzB;eAeeX,Y"}
+{"version":3,"file":"PeriodPicker.js","names":["PeriodPicker","props","classes","period","onChangePeriod","useState","PeriodPickerOptions","AM","currentPeriod","setCurrentPeriod","selectDifferentPeriod","PM","handleChangePeriod","newPeriod","periodContainer","icon","periodToggle","clsx","subtractIcon","propTypes","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;AACA;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAE/C,IAAMA,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,gBAA0C,IAAAC,eAAQ,EAACF,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIG,0BAAmB,CAACC,EAAE,CAAC;IAAA;IAA7EC,aAAa;IAAEC,gBAAgB;;EAEtC;AACF;AACA;AACA;AACA;EACE,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,GAAS;IAClC,OAAOF,aAAa,KAAKF,0BAAmB,CAACC,EAAE,GAC3CD,0BAAmB,CAACK,EAAE,GACtBL,0BAAmB,CAACC,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;IAC3BT,cAAc,CAACS,SAAS,CAAC;EAC3B,CAAC;;EAED;AACF;AACA;AACA;EACE,oBACE;IAAK,SAAS,EAAEX,OAAO,CAACY,eAAgB;IAAA,wBACtC,qBAAC,yBAAM;MAAC,SAAS,EAAEZ,OAAO,CAACa,IAAK;MAAC,OAAO,EAAEH;IAAmB,EAAG,eAChE,qBAAC,gBAAc;MACb,SAAS,EAAEV,OAAO,CAACc,YAAa;MAChC,QAAQ,EAAER,aAAa,KAAKF,0BAAmB,CAACK,EAAG;MACnD,OAAO,EAAEC,kBAAmB;MAAA,UAE3BJ;IAAa,EACC,eACjB,qBAAC,2BAAQ;MAAC,SAAS,EAAE,IAAAS,aAAI,EAACf,OAAO,CAACa,IAAI,EAAEb,OAAO,CAACgB,YAAY,CAAE;MAAC,OAAO,EAAEN;IAAmB,EAAG;EAAA,EAC1F;AAEV,CAAC;AACD;;AAEA,wCAAAZ,YAAY,CAACmB,SAAS,GAAG;EACvB;AACF;AACA;EACEjB,OAAO,EAAEkB,kBAAS,CAACC,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAChD;AACF;AACA;EACEnB,cAAc,EAAEgB,kBAAS,CAACI,IAAI,CAACD,UAAU;EACzC;AACF;AACA;EACEpB,MAAM,EAAEiB,kBAAS,CAACK,KAAK,CAAC,CAACnB,0BAAmB,CAACC,EAAE,EAAED,0BAAmB,CAACK,EAAE,CAAC;AAC1E,CAAC;AAAC,eAEaX,YAAY;AAAA"}

package/dist/TimePicker/PeriodPicker/index.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styles = require("@mui/styles");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _PeriodPicker = _interopRequireDefault(require("./PeriodPicker"));
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvTimePickerPeriodPicker"
 })(_PeriodPicker.default);
-
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["withStyles","styles","name","PeriodPicker"],"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;;AACA;;AACA;;eAEe,IAAAA,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDC,qBAAzD,C"}
+{"version":3,"file":"index.js","names":["withStyles","styles","name","PeriodPicker"],"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;AACA;AACA;AAA0C,eAE3B,IAAAA,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAA2B,CAAC,CAAC,CAACC,qBAAY,CAAC;AAAA"}

package/dist/TimePicker/PeriodPicker/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles(theme) {
   return {
     periodContainer: {
@@ -26,7 +25,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/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;;eAoBejB,M"}
+{"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;AAAC,eAEYjB,MAAM;AAAA"}