@hitachivantara/uikit-react-core 3.68.0 → 3.68.3

package/dist/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["HvRadio","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","Boolean","isChecked","setIsChecked","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","errorMessageId","radio","invalidRadio","root","container","invalidContainer","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","styles"],"sources":["../../src/Radio/Radio.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvBaseRadio, HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\n/**\n * A Radio Button is a mechanism that allows user to select just an option from a group of options.\n *\n * It should used in a Radio Button Group to present the user with a range of options from\n * which the user <b>may select just one option</b> to complete their task.\n *\n * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't\n * respond to the browser's native management of radio inputs checked state.\n */\nconst HvRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status = \"standBy\",\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradio\");\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(newChecked);\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, setIsChecked, value]\n  );\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\n  const canShowError =\n    ariaErrorMessage == null && status !== undefined && statusMessage !== undefined;\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(status);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const radio = (\n    <HvBaseRadio\n      id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.radio, { [classes.invalidRadio]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.focusVisible]: focusVisible && label,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {radio}\n          <HvLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(classes.label)}\n            {...labelProps}\n          />\n        </div>\n      ) : (\n        radio\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadio.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container (only when a label is provided).\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is provided).\n     */\n    invalidContainer: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container when the radio button is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseRadio.\n     */\n    radio: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidRadio: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\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 provided.\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   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Indicates that user input is required on the form element.\n   *\n   * If a single radio button in a group has the required attribute, a radio button in\n   * that group must be check, though it doesn't have to be the one with the attribute is applied.\n   *\n   * For that reason, the component doesn't make any uncontrolled changes to its validation status.\n   * That should ideally be managed in the context of a radio button group.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n   *\n   * When defined the radio button state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: 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  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 radio button.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the radio button is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvRadio\" })(HvRadio);\n"],"mappings":"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"}
+{"version":3,"file":"Radio.js","names":["HvRadio","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","useUniqueId","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","useControlled","Boolean","isChecked","setIsChecked","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","isInvalid","errorMessageId","setId","radio","clsx","invalidRadio","root","container","invalidContainer","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","withStyles","styles"],"sources":["../../src/Radio/Radio.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvBaseRadio, HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\n/**\n * A Radio Button is a mechanism that allows user to select just an option from a group of options.\n *\n * It should used in a Radio Button Group to present the user with a range of options from\n * which the user <b>may select just one option</b> to complete their task.\n *\n * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't\n * respond to the browser's native management of radio inputs checked state.\n */\nconst HvRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status = \"standBy\",\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradio\");\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(newChecked);\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, setIsChecked, value]\n  );\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\n  const canShowError =\n    ariaErrorMessage == null && status !== undefined && statusMessage !== undefined;\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(status);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const radio = (\n    <HvBaseRadio\n      id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.radio, { [classes.invalidRadio]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.focusVisible]: focusVisible && label,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {radio}\n          <HvLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(classes.label)}\n            {...labelProps}\n          />\n        </div>\n      ) : (\n        radio\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadio.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container (only when a label is provided).\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is provided).\n     */\n    invalidContainer: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container when the radio button is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseRadio.\n     */\n    radio: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidRadio: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\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 provided.\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   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Indicates that user input is required on the form element.\n   *\n   * If a single radio button in a group has the required attribute, a radio button in\n   * that group must be check, though it doesn't have to be the one with the attribute is applied.\n   *\n   * For that reason, the component doesn't make any uncontrolled changes to its validation status.\n   * That should ideally be managed in the context of a radio button group.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n   *\n   * When defined the radio button state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: 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  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 radio button.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the radio button is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvRadio\" })(HvRadio);\n"],"mappings":"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"}

package/dist/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["getValueFromSelectedChildren","children","childrenArray","React","Children","toArray","childrenCount","length","i","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","HvRadioGroup","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","others","elementId","setValue","onChildChangeInterceptor","childOnChange","evt","isChecked","newValue","modifiedChildren","map","childValue","cloneElement","inputProps","canShowError","errorMessageId","root","join","trim","group","vertical","horizontal","invalid","error","propTypes","PropTypes","string","shape","isRequired","any","node","bool","oneOf","func","styles"],"sources":["../../src/RadioGroup/RadioGroup.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvInfoMessage, HvWarningText, useUniqueId } from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nconst getValueFromSelectedChildren = (children) => {\n  const childrenArray = React.Children.toArray(children);\n  const childrenCount = childrenArray.length;\n  for (let i = 0; i !== childrenCount; i += 1) {\n    const child = childrenArray[i];\n\n    const childIsControlled = child.props.checked !== undefined;\n    const childIsSelected = childIsControlled ? child.props.checked : child.props.defaultChecked;\n\n    if (childIsSelected) {\n      return child.props.value;\n    }\n  }\n\n  return null;\n};\n\n/**\n * A group of radio buttons.\n *\n * A radio group is a type of selection list that can only have a single entry checked at any one time.\n */\nconst HvRadioGroup = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\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    orientation = \"vertical\",\n\n    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradiogroup\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children)\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (childOnChange, evt, isChecked, newValue) => {\n      childOnChange?.(evt, isChecked, newValue);\n\n      onChange?.(evt, newValue);\n\n      setValue(newValue);\n    },\n    [onChange, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child) => {\n      const childValue = child.props.value ?? \"on\";\n\n      const childIsSelected = childValue === value;\n\n      return React.cloneElement(child, {\n        checked: childIsSelected,\n        name: child.props.name || name || elementId,\n        onChange: (evt, isChecked, newValue) =>\n          onChildChangeInterceptor(child.props.onChange, evt, isChecked, newValue),\n        inputProps: {\n          ...child.props.inputProps,\n          // set the required attribute directly in the input\n          // the radio form element context shouldn't be aware so the\n          // label doesn't show redundant asterisk\n          required,\n        },\n        disabled: disabled || child.props.disabled,\n        readOnly: readOnly || child.props.readOnly,\n      });\n    });\n  }, [children, disabled, elementId, name, onChildChangeInterceptor, readOnly, required, value]);\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 required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\n        <HvLabel id={setId(elementId, \"label\")} label={label} className={clsx(classes.label)} />\n      )}\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>{description}</HvInfoMessage>\n      )}\n      <div\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy || (label && setId(elementId, \"label\"))}\n        aria-invalid={status === \"invalid\" ? true : undefined}\n        aria-errormessage={status === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.group, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: status === \"invalid\",\n        })}\n        {...others}\n      >\n        {modifiedChildren}\n      </div>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadioGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the radio button group.\n     */\n    group: PropTypes.string,\n    /**\n     * Styles applied to the radio button group when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the radio button group when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the radio button group when validation status is invalid.\n     */\n    invalid: 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  /**\n   * The form element name.\n   * It is propagated to the children radio buttons, unless they already have one (which they shouldn't).\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element, represented in one of the child radio buttons values.\n   *\n   * When defined the radio button group state becomes controlled.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  defaultValue: PropTypes.any,\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 provided instead.\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   * If `true` the state is propagated to the children radio buttons.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   * If `true` the state is propagated to the children radio buttons' input 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 the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the radio group.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Indicates whether the radio buttons group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n  /**\n   * The radio buttons that are part of the group.\n   *\n   * Their state will always be controlled by the group.\n   * However the individual radio button onChange callback will still be called if defined.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvRadioGroup\" })(HvRadioGroup);\n"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","names":["getValueFromSelectedChildren","children","childrenArray","React","Children","toArray","childrenCount","length","i","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","HvRadioGroup","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","others","elementId","useUniqueId","useControlled","setValue","onChildChangeInterceptor","useCallback","childOnChange","evt","isChecked","newValue","modifiedChildren","useMemo","map","childValue","cloneElement","inputProps","canShowError","errorMessageId","setId","clsx","root","join","trim","group","vertical","horizontal","invalid","error","propTypes","PropTypes","string","shape","isRequired","any","node","bool","oneOf","func","withStyles","styles"],"sources":["../../src/RadioGroup/RadioGroup.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvInfoMessage, HvWarningText, useUniqueId } from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nconst getValueFromSelectedChildren = (children) => {\n  const childrenArray = React.Children.toArray(children);\n  const childrenCount = childrenArray.length;\n  for (let i = 0; i !== childrenCount; i += 1) {\n    const child = childrenArray[i];\n\n    const childIsControlled = child.props.checked !== undefined;\n    const childIsSelected = childIsControlled ? child.props.checked : child.props.defaultChecked;\n\n    if (childIsSelected) {\n      return child.props.value;\n    }\n  }\n\n  return null;\n};\n\n/**\n * A group of radio buttons.\n *\n * A radio group is a type of selection list that can only have a single entry checked at any one time.\n */\nconst HvRadioGroup = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\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    orientation = \"vertical\",\n\n    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradiogroup\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children)\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (childOnChange, evt, isChecked, newValue) => {\n      childOnChange?.(evt, isChecked, newValue);\n\n      onChange?.(evt, newValue);\n\n      setValue(newValue);\n    },\n    [onChange, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child) => {\n      const childValue = child.props.value ?? \"on\";\n\n      const childIsSelected = childValue === value;\n\n      return React.cloneElement(child, {\n        checked: childIsSelected,\n        name: child.props.name || name || elementId,\n        onChange: (evt, isChecked, newValue) =>\n          onChildChangeInterceptor(child.props.onChange, evt, isChecked, newValue),\n        inputProps: {\n          ...child.props.inputProps,\n          // set the required attribute directly in the input\n          // the radio form element context shouldn't be aware so the\n          // label doesn't show redundant asterisk\n          required,\n        },\n        disabled: disabled || child.props.disabled,\n        readOnly: readOnly || child.props.readOnly,\n      });\n    });\n  }, [children, disabled, elementId, name, onChildChangeInterceptor, readOnly, required, value]);\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 required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\n        <HvLabel id={setId(elementId, \"label\")} label={label} className={clsx(classes.label)} />\n      )}\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>{description}</HvInfoMessage>\n      )}\n      <div\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy || (label && setId(elementId, \"label\"))}\n        aria-invalid={status === \"invalid\" ? true : undefined}\n        aria-errormessage={status === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.group, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: status === \"invalid\",\n        })}\n        {...others}\n      >\n        {modifiedChildren}\n      </div>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadioGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the radio button group.\n     */\n    group: PropTypes.string,\n    /**\n     * Styles applied to the radio button group when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the radio button group when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the radio button group when validation status is invalid.\n     */\n    invalid: 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  /**\n   * The form element name.\n   * It is propagated to the children radio buttons, unless they already have one (which they shouldn't).\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element, represented in one of the child radio buttons values.\n   *\n   * When defined the radio button group state becomes controlled.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  defaultValue: PropTypes.any,\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 provided instead.\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   * If `true` the state is propagated to the children radio buttons.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   * If `true` the state is propagated to the children radio buttons' input 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 the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the radio group.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Indicates whether the radio buttons group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n  /**\n   * The radio buttons that are part of the group.\n   *\n   * Their state will always be controlled by the group.\n   * However the individual radio button onChange callback will still be called if defined.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvRadioGroup\" })(HvRadioGroup);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;;;;;;;;;;;AAEA,IAAMA,4BAA4B,GAAG,SAA/BA,4BAA+B,CAACC,QAAD,EAAc;EACjD,IAAMC,aAAa,GAAGC,cAAA,CAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,CAAtB;;EACA,IAAMK,aAAa,GAAGJ,aAAa,CAACK,MAApC;;EACA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,KAAKF,aAAtB,EAAqCE,CAAC,IAAI,CAA1C,EAA6C;IAC3C,IAAMC,KAAK,GAAGP,aAAa,CAACM,CAAD,CAA3B;IAEA,IAAME,iBAAiB,GAAGD,KAAK,CAACE,KAAN,CAAYC,OAAZ,KAAwBC,SAAlD;IACA,IAAMC,eAAe,GAAGJ,iBAAiB,GAAGD,KAAK,CAACE,KAAN,CAAYC,OAAf,GAAyBH,KAAK,CAACE,KAAN,CAAYI,cAA9E;;IAEA,IAAID,eAAJ,EAAqB;MACnB,OAAOL,KAAK,CAACE,KAAN,CAAYK,KAAnB;IACD;EACF;;EAED,OAAO,IAAP;AACD,CAfD;AAiBA;AACA;AACA;AACA;AACA;;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACN,KAAD,EAAW;EAC9B,IACEO,OADF,GA6BIP,KA7BJ,CACEO,OADF;EAAA,IAEEC,SAFF,GA6BIR,KA7BJ,CAEEQ,SAFF;EAAA,IAIEC,EAJF,GA6BIT,KA7BJ,CAIES,EAJF;EAAA,IAKEC,IALF,GA6BIV,KA7BJ,CAKEU,IALF;EAAA,IAMSC,SANT,GA6BIX,KA7BJ,CAMEK,KANF;EAAA,IAOEO,YAPF,GA6BIZ,KA7BJ,CAOEY,YAPF;EAAA,sBA6BIZ,KA7BJ,CASEa,QATF;EAAA,IASEA,QATF,gCASa,KATb;EAAA,sBA6BIb,KA7BJ,CAUEc,QAVF;EAAA,IAUEA,QAVF,gCAUa,KAVb;EAAA,sBA6BId,KA7BJ,CAWEe,QAXF;EAAA,IAWEA,QAXF,gCAWa,KAXb;EAAA,IAaEC,KAbF,GA6BIhB,KA7BJ,CAaEgB,KAbF;EAAA,IAcgBC,SAdhB,GA6BIjB,KA7BJ,CAcE,YAdF;EAAA,IAeqBkB,cAfrB,GA6BIlB,KA7BJ,CAeE,iBAfF;EAAA,IAgBEmB,WAhBF,GA6BInB,KA7BJ,CAgBEmB,WAhBF;EAAA,IAiBsBC,eAjBtB,GA6BIpB,KA7BJ,CAiBE,kBAjBF;EAAA,IAmBEqB,QAnBF,GA6BIrB,KA7BJ,CAmBEqB,QAnBF;EAAA,IAqBEC,MArBF,GA6BItB,KA7BJ,CAqBEsB,MArBF;EAAA,IAsBEC,aAtBF,GA6BIvB,KA7BJ,CAsBEuB,aAtBF;EAAA,IAuBuBC,gBAvBvB,GA6BIxB,KA7BJ,CAuBE,mBAvBF;EAAA,yBA6BIA,KA7BJ,CAyBEyB,WAzBF;EAAA,IAyBEA,WAzBF,mCAyBgB,UAzBhB;EAAA,IA2BEnC,QA3BF,GA6BIU,KA7BJ,CA2BEV,QA3BF;EAAA,IA4BKoC,MA5BL,0CA6BI1B,KA7BJ;EA+BA,IAAM2B,SAAS,GAAG,IAAAC,aAAA,EAAYnB,EAAZ,EAAgB,cAAhB,CAAlB;;EAEA,qBAA0B,IAAAoB,oBAAA,EACxBlB,SADwB,EAExBC,YAAY,KAAKV,SAAjB,GACIU,YADJ,GAEI;EACA;EACA;IAAA,OAAMvB,4BAA4B,CAACC,QAAD,CAAlC;EAAA,CANoB,CAA1B;EAAA;EAAA,IAAOe,KAAP;EAAA,IAAcyB,QAAd;;EASA,IAAMC,wBAAwB,GAAG,IAAAC,kBAAA,EAC/B,UAACC,aAAD,EAAgBC,GAAhB,EAAqBC,SAArB,EAAgCC,QAAhC,EAA6C;IAC3CH,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGC,GAAH,EAAQC,SAAR,EAAmBC,QAAnB,CAAb;IAEAf,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGa,GAAH,EAAQE,QAAR,CAAR;IAEAN,QAAQ,CAACM,QAAD,CAAR;EACD,CAP8B,EAQ/B,CAACf,QAAD,EAAWS,QAAX,CAR+B,CAAjC;EAWA,IAAMO,gBAAgB,GAAG,IAAAC,cAAA,EAAQ,YAAM;IACrC,OAAO9C,cAAA,CAAMC,QAAN,CAAe8C,GAAf,CAAmBjD,QAAnB,EAA6B,UAACQ,KAAD,EAAW;MAAA;;MAC7C,IAAM0C,UAAU,yBAAG1C,KAAK,CAACE,KAAN,CAAYK,KAAf,mEAAwB,IAAxC;MAEA,IAAMF,eAAe,GAAGqC,UAAU,KAAKnC,KAAvC;MAEA,oBAAOb,cAAA,CAAMiD,YAAN,CAAmB3C,KAAnB,EAA0B;QAC/BG,OAAO,EAAEE,eADsB;QAE/BO,IAAI,EAAEZ,KAAK,CAACE,KAAN,CAAYU,IAAZ,IAAoBA,IAApB,IAA4BiB,SAFH;QAG/BN,QAAQ,EAAE,kBAACa,GAAD,EAAMC,SAAN,EAAiBC,QAAjB;UAAA,OACRL,wBAAwB,CAACjC,KAAK,CAACE,KAAN,CAAYqB,QAAb,EAAuBa,GAAvB,EAA4BC,SAA5B,EAAuCC,QAAvC,CADhB;QAAA,CAHqB;QAK/BM,UAAU,kCACL5C,KAAK,CAACE,KAAN,CAAY0C,UADP;UAER;UACA;UACA;UACA7B,QAAQ,EAARA;QALQ,EALqB;QAY/BE,QAAQ,EAAEA,QAAQ,IAAIjB,KAAK,CAACE,KAAN,CAAYe,QAZH;QAa/BD,QAAQ,EAAEA,QAAQ,IAAIhB,KAAK,CAACE,KAAN,CAAYc;MAbH,CAA1B,CAAP;IAeD,CApBM,CAAP;EAqBD,CAtBwB,EAsBtB,CAACxB,QAAD,EAAWyB,QAAX,EAAqBY,SAArB,EAAgCjB,IAAhC,EAAsCqB,wBAAtC,EAAgEjB,QAAhE,EAA0ED,QAA1E,EAAoFR,KAApF,CAtBsB,CAAzB,CAtD8B,CA8E9B;EACA;EACA;EACA;;EACA,IAAMsC,YAAY,GAChBnB,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAKpB,SAAX,IAAwBqB,aAAa,KAAKrB,SAA3C,IAA0DoB,MAAM,KAAKpB,SAAX,IAAwBW,QADnF,CADF;EAIA,IAAM+B,cAAc,GAAGD,YAAY,GAAG,IAAAE,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CAAH,GAA+BH,gBAAlE;EAEA,oBACE,6BAAC,eAAD;IACE,EAAE,EAAEf,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,MAAM,EAAEY,MAAM,IAAI,SAHpB;IAIE,QAAQ,EAAEP,QAJZ;IAKE,QAAQ,EAAEF,QALZ;IAME,QAAQ,EAAEC,QANZ;IAOE,SAAS,EAAE,IAAAgC,aAAA,EAAKtC,SAAL,EAAgBD,OAAO,CAACwC,IAAxB;EAPb,GASG/B,KAAK,iBACJ,6BAAC,SAAD;IAAS,EAAE,EAAE,IAAA6B,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CAAb;IAAwC,KAAK,EAAEX,KAA/C;IAAsD,SAAS,EAAE,IAAA8B,aAAA,EAAKvC,OAAO,CAACS,KAAb;EAAjE,EAVJ,EAYGG,WAAW,iBACV,6BAAC,eAAD;IAAe,EAAE,EAAE,IAAA0B,YAAA,EAAMlB,SAAN,EAAiB,aAAjB;EAAnB,GAAqDR,WAArD,CAbJ,eAeE;IACE,IAAI,EAAC,YADP;IAEE,cAAYF,SAFd;IAGE,mBAAiBC,cAAc,IAAKF,KAAK,IAAI,IAAA6B,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CAH/C;IAIE,gBAAcL,MAAM,KAAK,SAAX,GAAuB,IAAvB,GAA8BpB,SAJ9C;IAKE,qBAAmBoB,MAAM,KAAK,SAAX,GAAuBsB,cAAvB,GAAwC1C,SAL7D;IAME,oBACE,CAACiB,WAAW,IAAI,IAAA0B,YAAA,EAAMlB,SAAN,EAAiB,aAAjB,CAAhB,EAAiDP,eAAjD,EAAkE4B,IAAlE,CAAuE,GAAvE,EAA4EC,IAA5E,MACA/C,SARJ;IAUE,SAAS,EAAE,IAAA4C,aAAA,EAAKvC,OAAO,CAAC2C,KAAb;MAC2B,UAD3B,EACR3C,OAAO,CAAC4C,QADA;MAE6B,YAF7B,EAER5C,OAAO,CAAC6C;IAFA,EACW3B,WADX,GAGUH,MAAM,KAAK,SAHrB,IAGRf,OAAO,CAAC8C,OAHA;EAVb,GAeM3B,MAfN,GAiBGW,gBAjBH,CAfF,EAkCGM,YAAY,iBACX,6BAAC,eAAD;IAAe,EAAE,EAAE,IAAAE,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CAAnB;IAA8C,aAAa,MAA3D;IAA4D,SAAS,EAAEpB,OAAO,CAAC+C;EAA/E,GACG/B,aADH,CAnCJ,CADF;AA0CD,CAlID;;AAoIA,wCAAAjB,YAAY,CAACiD,SAAb,GAAyB;EACvB;AACF;AACA;EACE/C,SAAS,EAAEgD,kBAAA,CAAUC,MAJE;;EAKvB;AACF;AACA;EACElD,OAAO,EAAEiD,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,IAAI,EAAES,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIzC,KAAK,EAAEwC,kBAAA,CAAUC,MARM;;IASvB;AACJ;AACA;IACIP,KAAK,EAAEM,kBAAA,CAAUC,MAZM;;IAavB;AACJ;AACA;IACIN,QAAQ,EAAEK,kBAAA,CAAUC,MAhBG;;IAiBvB;AACJ;AACA;IACIL,UAAU,EAAEI,kBAAA,CAAUC,MApBC;;IAqBvB;AACJ;AACA;IACIJ,OAAO,EAAEG,kBAAA,CAAUC,MAxBI;;IAyBvB;AACJ;AACA;IACIH,KAAK,EAAEE,kBAAA,CAAUC;EA5BM,CAAhB,EA6BNE,UArCoB;;EAuCvB;AACF;AACA;EACElD,EAAE,EAAE+C,kBAAA,CAAUC,MA1CS;;EA4CvB;AACF;AACA;AACA;EACE/C,IAAI,EAAE8C,kBAAA,CAAUC,MAhDO;;EAiDvB;AACF;AACA;AACA;AACA;EACE;EACApD,KAAK,EAAEmD,kBAAA,CAAUI,GAvDM;;EAwDvB;AACF;AACA;EACE;EACAhD,YAAY,EAAE4C,kBAAA,CAAUI,GA5DD;;EA8DvB;AACF;AACA;AACA;AACA;AACA;EACE5C,KAAK,EAAEwC,kBAAA,CAAUK,IApEM;;EAqEvB;AACF;AACA;EACE,cAAcL,kBAAA,CAAUC,MAxED;;EAyEvB;AACF;AACA;EACE,mBAAmBD,kBAAA,CAAUC,MA5EN;;EA6EvB;AACF;AACA;EACEtC,WAAW,EAAEqC,kBAAA,CAAUK,IAhFA;;EAiFvB;AACF;AACA;EACE,oBAAoBL,kBAAA,CAAUC,MApFP;;EAsFvB;AACF;AACA;AACA;EACE1C,QAAQ,EAAEyC,kBAAA,CAAUM,IA1FG;;EA2FvB;AACF;AACA;AACA;EACEhD,QAAQ,EAAE0C,kBAAA,CAAUM,IA/FG;;EAgGvB;AACF;AACA;AACA;EACEjD,QAAQ,EAAE2C,kBAAA,CAAUM,IApGG;;EAsGvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACExC,MAAM,EAAEkC,kBAAA,CAAUO,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CA9Ge;;EA+GvB;AACF;AACA;EACExC,aAAa,EAAEiC,kBAAA,CAAUK,IAlHF;;EAmHvB;AACF;AACA;AACA;AACA;EACE,qBAAqBL,kBAAA,CAAUC,MAxHR;;EA0HvB;AACF;AACA;EACEpC,QAAQ,EAAEmC,kBAAA,CAAUQ,IA7HG;;EA+HvB;AACF;AACA;AACA;AACA;EACEvC,WAAW,EAAE+B,kBAAA,CAAUO,KAAV,CAAgB,CAAC,UAAD,EAAa,YAAb,CAAhB,CApIU;;EAsIvB;AACF;AACA;AACA;AACA;AACA;EACEzE,QAAQ,EAAEkE,kBAAA,CAAUK;AA5IG,CAAzB;;eA+Ie,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAExD,IAAI,EAAE;AAAR,CAAnB,EAA6CJ,YAA7C,C"}

package/dist/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScrollListItem.js","names":["HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","root","button","text","propTypes","PropTypes","string","shape","isRequired","bool","node","func","styles","name"],"sources":["../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvHorizontalScrollListItem a focusable item to be used as part of the horizontal scroll\n */\nconst HvHorizontalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    children,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = props;\n  const variant = selected ? \"highlightText\" : \"normalText\";\n  const labelId = setId(id, \"label\");\n  const buttonId = setId(id, \"button\");\n  const Tooltip = tooltipWrapper;\n  return (\n    <li id={id} className={clsx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip\n          id={labelId}\n          className={clsx(classes.text, { [classes.selected]: selected })}\n          variant={variant}\n        >\n          {children}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvHorizontalScrollListItem.propTypes = {\n  /**\n   * Id to be applied to the tab.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the text inside the component.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the button inside the component.\n     */\n    button: PropTypes.string,\n  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * The text to render.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * a function component that renders a typography wrapped with a tooltip.\n   */\n  tooltipWrapper: PropTypes.func.isRequired,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onKeyDown: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHorizontalScrollListItem\" })(\n  HvHorizontalScrollListItem\n);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,KAAD,EAAW;EAC5C,IACEC,EADF,GAUID,KAVJ,CACEC,EADF;EAAA,IAEEC,SAFF,GAUIF,KAVJ,CAEEE,SAFF;EAAA,IAGEC,OAHF,GAUIH,KAVJ,CAGEG,OAHF;EAAA,IAIEC,QAJF,GAUIJ,KAVJ,CAIEI,QAJF;EAAA,IAKEC,QALF,GAUIL,KAVJ,CAKEK,QALF;EAAA,IAMEC,OANF,GAUIN,KAVJ,CAMEM,OANF;EAAA,IAOEC,SAPF,GAUIP,KAVJ,CAOEO,SAPF;EAAA,IAQEC,cARF,GAUIR,KAVJ,CAQEQ,cARF;EAAA,IASKC,MATL,0CAUIT,KAVJ;EAWA,IAAMU,OAAO,GAAGN,QAAQ,GAAG,eAAH,GAAqB,YAA7C;EACA,IAAMO,OAAO,GAAG,aAAMV,EAAN,EAAU,OAAV,CAAhB;EACA,IAAMW,QAAQ,GAAG,aAAMX,EAAN,EAAU,QAAV,CAAjB;EACA,IAAMY,OAAO,GAAGL,cAAhB;EACA,oBACE;IAAI,EAAE,EAAEP,EAAR;IAAY,SAAS,EAAE,mBAAKC,SAAL,EAAgBC,OAAO,CAACW,IAAxB,CAAvB;IAAsD,gBAAcV;EAApE,gBACE;IACE,EAAE,EAAEQ,QADN;IAEE,IAAI,EAAC,QAFP;IAGE,QAAQ,EAAE,CAHZ;IAIE,OAAO,EAAEN,OAJX;IAKE,SAAS,EAAEC,SALb;IAME,SAAS,EAAEJ,OAAO,CAACY,MANrB;IAOE,mBAAiBJ;EAPnB,GAQMF,MARN,gBAUE,6BAAC,OAAD;IACE,EAAE,EAAEE,OADN;IAEE,SAAS,EAAE,mBAAKR,OAAO,CAACa,IAAb,EAAyCZ,QAAzC,IAAsBD,OAAO,CAACC,QAA9B,CAFb;IAGE,OAAO,EAAEM;EAHX,GAKGL,QALH,CAVF,CADF,CADF;AAsBD,CAtCD;;AAwCA,wCAAAN,0BAA0B,CAACkB,SAA3B,GAAuC;EACrC;AACF;AACA;EACEhB,EAAE,EAAEiB,mBAAUC,MAJuB;;EAKrC;AACF;AACA;EACEjB,SAAS,EAAEgB,mBAAUC,MARgB;;EASrC;AACF;AACA;EACEhB,OAAO,EAAEe,mBAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,mBAAUC,MAJO;;IAKvB;AACJ;AACA;IACIf,QAAQ,EAAEc,mBAAUC,MARG;;IASvB;AACJ;AACA;IACIH,IAAI,EAAEE,mBAAUC,MAZO;;IAavB;AACJ;AACA;IACIJ,MAAM,EAAEG,mBAAUC;EAhBK,CAAhB,EAiBNE,UA7BkC;;EA8BrC;AACF;AACA;EACEjB,QAAQ,EAAEc,mBAAUI,IAjCiB;;EAkCrC;AACF;AACA;EACEjB,QAAQ,EAAEa,mBAAUK,IAAV,CAAeF,UArCY;;EAsCrC;AACF;AACA;EACEb,cAAc,EAAEU,mBAAUM,IAAV,CAAeH,UAzCM;;EA0CrC;AACF;AACA;EACEf,OAAO,EAAEY,mBAAUM,IA7CkB;;EA8CrC;AACF;AACA;EACEjB,SAAS,EAAEW,mBAAUM;AAjDgB,CAAvC;;eAoDe,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EACb3B,0BADa,C"}
+{"version":3,"file":"HorizontalScrollListItem.js","names":["HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","setId","buttonId","Tooltip","clsx","root","button","text","propTypes","PropTypes","string","shape","isRequired","bool","node","func","withStyles","styles","name"],"sources":["../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvHorizontalScrollListItem a focusable item to be used as part of the horizontal scroll\n */\nconst HvHorizontalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    children,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = props;\n  const variant = selected ? \"highlightText\" : \"normalText\";\n  const labelId = setId(id, \"label\");\n  const buttonId = setId(id, \"button\");\n  const Tooltip = tooltipWrapper;\n  return (\n    <li id={id} className={clsx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip\n          id={labelId}\n          className={clsx(classes.text, { [classes.selected]: selected })}\n          variant={variant}\n        >\n          {children}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvHorizontalScrollListItem.propTypes = {\n  /**\n   * Id to be applied to the tab.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the text inside the component.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the button inside the component.\n     */\n    button: PropTypes.string,\n  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * The text to render.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * a function component that renders a typography wrapped with a tooltip.\n   */\n  tooltipWrapper: PropTypes.func.isRequired,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onKeyDown: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHorizontalScrollListItem\" })(\n  HvHorizontalScrollListItem\n);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,KAAD,EAAW;EAC5C,IACEC,EADF,GAUID,KAVJ,CACEC,EADF;EAAA,IAEEC,SAFF,GAUIF,KAVJ,CAEEE,SAFF;EAAA,IAGEC,OAHF,GAUIH,KAVJ,CAGEG,OAHF;EAAA,IAIEC,QAJF,GAUIJ,KAVJ,CAIEI,QAJF;EAAA,IAKEC,QALF,GAUIL,KAVJ,CAKEK,QALF;EAAA,IAMEC,OANF,GAUIN,KAVJ,CAMEM,OANF;EAAA,IAOEC,SAPF,GAUIP,KAVJ,CAOEO,SAPF;EAAA,IAQEC,cARF,GAUIR,KAVJ,CAQEQ,cARF;EAAA,IASKC,MATL,0CAUIT,KAVJ;EAWA,IAAMU,OAAO,GAAGN,QAAQ,GAAG,eAAH,GAAqB,YAA7C;EACA,IAAMO,OAAO,GAAG,IAAAC,OAAA,EAAMX,EAAN,EAAU,OAAV,CAAhB;EACA,IAAMY,QAAQ,GAAG,IAAAD,OAAA,EAAMX,EAAN,EAAU,QAAV,CAAjB;EACA,IAAMa,OAAO,GAAGN,cAAhB;EACA,oBACE;IAAI,EAAE,EAAEP,EAAR;IAAY,SAAS,EAAE,IAAAc,aAAA,EAAKb,SAAL,EAAgBC,OAAO,CAACa,IAAxB,CAAvB;IAAsD,gBAAcZ;EAApE,gBACE;IACE,EAAE,EAAES,QADN;IAEE,IAAI,EAAC,QAFP;IAGE,QAAQ,EAAE,CAHZ;IAIE,OAAO,EAAEP,OAJX;IAKE,SAAS,EAAEC,SALb;IAME,SAAS,EAAEJ,OAAO,CAACc,MANrB;IAOE,mBAAiBN;EAPnB,GAQMF,MARN,gBAUE,6BAAC,OAAD;IACE,EAAE,EAAEE,OADN;IAEE,SAAS,EAAE,IAAAI,aAAA,EAAKZ,OAAO,CAACe,IAAb,EAAyCd,QAAzC,IAAsBD,OAAO,CAACC,QAA9B,CAFb;IAGE,OAAO,EAAEM;EAHX,GAKGL,QALH,CAVF,CADF,CADF;AAsBD,CAtCD;;AAwCA,wCAAAN,0BAA0B,CAACoB,SAA3B,GAAuC;EACrC;AACF;AACA;EACElB,EAAE,EAAEmB,kBAAA,CAAUC,MAJuB;;EAKrC;AACF;AACA;EACEnB,SAAS,EAAEkB,kBAAA,CAAUC,MARgB;;EASrC;AACF;AACA;EACElB,OAAO,EAAEiB,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIjB,QAAQ,EAAEgB,kBAAA,CAAUC,MARG;;IASvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUC,MAZO;;IAavB;AACJ;AACA;IACIJ,MAAM,EAAEG,kBAAA,CAAUC;EAhBK,CAAhB,EAiBNE,UA7BkC;;EA8BrC;AACF;AACA;EACEnB,QAAQ,EAAEgB,kBAAA,CAAUI,IAjCiB;;EAkCrC;AACF;AACA;EACEnB,QAAQ,EAAEe,kBAAA,CAAUK,IAAV,CAAeF,UArCY;;EAsCrC;AACF;AACA;EACEf,cAAc,EAAEY,kBAAA,CAAUM,IAAV,CAAeH,UAzCM;;EA0CrC;AACF;AACA;EACEjB,OAAO,EAAEc,kBAAA,CAAUM,IA7CkB;;EA8CrC;AACF;AACA;EACEnB,SAAS,EAAEa,kBAAA,CAAUM;AAjDgB,CAAvC;;eAoDe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EACb9B,0BADa,C"}

package/dist/ScrollTo/Horizontal/ScrollToHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollToHorizontal.js","names":["Enter","KeyboardCodes","HvScrollToHorizontal","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","selectedIndex","setScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","map","option","label","tabs","selected","tooltipWrapper","key","root","positionSticky","positionFixed","propTypes","PropTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","styles","name"],"sources":["../../../src/ScrollTo/Horizontal/ScrollToHorizontal.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HorizontalScrollListItem from \"./HorizontalScrollListItem\";\nimport styles from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * HorizontalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToHorizontal = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"top\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvHorizontalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"p\", tooltipPosition);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <HorizontalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n      >\n        {option.label}\n      </HorizontalScrollListItem>\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [classes.positionSticky]: position === \"sticky\",\n        [classes.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToHorizontal.propTypes = {\n  /**\n   * Id to be applied to the element.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a sticky position.\n     */\n    positionSticky: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Horizontal scroll to.\n   */\n  position: PropTypes.oneOf([\"sticky\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToHorizontal\" })(HvScrollToHorizontal);\n"],"mappings":"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"}
+{"version":3,"file":"ScrollToHorizontal.js","names":["Enter","KeyboardCodes","HvScrollToHorizontal","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","useUniqueId","useScrollTo","selectedIndex","setScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","addTooltipToElement","label","tabs","selected","tooltipWrapper","setId","isKeypress","key","clsx","root","positionSticky","positionFixed","propTypes","PropTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","withStyles","styles","name"],"sources":["../../../src/ScrollTo/Horizontal/ScrollToHorizontal.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HorizontalScrollListItem from \"./HorizontalScrollListItem\";\nimport styles from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * HorizontalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToHorizontal = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"top\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvHorizontalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"p\", tooltipPosition);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <HorizontalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n      >\n        {option.label}\n      </HorizontalScrollListItem>\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [classes.positionSticky]: position === \"sticky\",\n        [classes.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToHorizontal.propTypes = {\n  /**\n   * Id to be applied to the element.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a sticky position.\n     */\n    positionSticky: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Horizontal scroll to.\n   */\n  position: PropTypes.oneOf([\"sticky\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToHorizontal\" })(HvScrollToHorizontal);\n"],"mappings":"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"}

package/dist/ScrollTo/Horizontal/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","padding","backgroundColor","palette","atmo2","margin","listStyleType","flexWrap","positionSticky","position","zIndex","appBar","top","left","positionFixed","breakpoints","up","spacing","marginLeft","marginRight","down"],"sources":["../../../src/ScrollTo/Horizontal/styles.js"],"sourcesContent":["import fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"100%\",\n    padding: \"0 30px\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n    [theme.breakpoints.up(\"md\")]: {\n      width: `calc(100% - 2*${theme.spacing(4)}px)`,\n      marginLeft: `${theme.spacing(4)}px`,\n      marginRight: `${theme.spacing(4)}px`,\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: `calc(100% - 2*${theme.spacing(2)}px)`,\n      marginLeft: `${theme.spacing(2)}px`,\n      marginRight: `${theme.spacing(2)}px`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA;;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,OAAO,EAAE,QAHL;MAIJC,eAAe,EAAE,wBAAKL,KAAK,CAACM,OAAN,CAAcC,KAAnB,EAA0B,GAA1B,CAJb;MAKJC,MAAM,EAAE,CALJ;MAMJC,aAAa,EAAE,MANX;MAOJC,QAAQ,EAAE;IAPN,CADmB;IAUzBC,cAAc,EAAE;MACdR,KAAK,EAAE,MADO;MAEdS,QAAQ,EAAE,QAFI;MAGdC,MAAM,EAAEb,KAAK,CAACa,MAAN,CAAaC,MAAb,GAAsB,CAHhB;MAIdC,GAAG,EAAE,CAJS;MAKdC,IAAI,EAAE;IALQ,CAVS;IAiBzBC,aAAa;MACXd,KAAK,EAAE,MADI;MAEXS,QAAQ,EAAE,OAFC;MAGXC,MAAM,EAAEb,KAAK,CAACa,MAAN,CAAaC,MAAb,GAAsB,CAHnB;MAIXC,GAAG,EAAE,CAJM;MAKXC,IAAI,EAAE;IALK,iDAMVhB,KAAK,CAACkB,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CANU,EAMmB;MAC5BhB,KAAK,0BAAmBH,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAnB,QADuB;MAE5BC,UAAU,YAAKrB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL,OAFkB;MAG5BE,WAAW,YAAKtB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL;IAHiB,CANnB,iDAWVpB,KAAK,CAACkB,WAAN,CAAkBK,IAAlB,CAAuB,IAAvB,CAXU,EAWqB;MAC9BpB,KAAK,0BAAmBH,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAnB,QADyB;MAE9BC,UAAU,YAAKrB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL,OAFoB;MAG9BE,WAAW,YAAKtB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL;IAHmB,CAXrB;EAjBY,CAAZ;AAAA,CAAf;;eAoCerB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","padding","backgroundColor","fade","palette","atmo2","margin","listStyleType","flexWrap","positionSticky","position","zIndex","appBar","top","left","positionFixed","breakpoints","up","spacing","marginLeft","marginRight","down"],"sources":["../../../src/ScrollTo/Horizontal/styles.js"],"sourcesContent":["import fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"100%\",\n    padding: \"0 30px\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n    [theme.breakpoints.up(\"md\")]: {\n      width: `calc(100% - 2*${theme.spacing(4)}px)`,\n      marginLeft: `${theme.spacing(4)}px`,\n      marginRight: `${theme.spacing(4)}px`,\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: `calc(100% - 2*${theme.spacing(2)}px)`,\n      marginLeft: `${theme.spacing(2)}px`,\n      marginRight: `${theme.spacing(2)}px`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA;;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,OAAO,EAAE,QAHL;MAIJC,eAAe,EAAE,IAAAC,kBAAA,EAAKN,KAAK,CAACO,OAAN,CAAcC,KAAnB,EAA0B,GAA1B,CAJb;MAKJC,MAAM,EAAE,CALJ;MAMJC,aAAa,EAAE,MANX;MAOJC,QAAQ,EAAE;IAPN,CADmB;IAUzBC,cAAc,EAAE;MACdT,KAAK,EAAE,MADO;MAEdU,QAAQ,EAAE,QAFI;MAGdC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHhB;MAIdC,GAAG,EAAE,CAJS;MAKdC,IAAI,EAAE;IALQ,CAVS;IAiBzBC,aAAa;MACXf,KAAK,EAAE,MADI;MAEXU,QAAQ,EAAE,OAFC;MAGXC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHnB;MAIXC,GAAG,EAAE,CAJM;MAKXC,IAAI,EAAE;IALK,iDAMVjB,KAAK,CAACmB,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CANU,EAMmB;MAC5BjB,KAAK,0BAAmBH,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAnB,QADuB;MAE5BC,UAAU,YAAKtB,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAL,OAFkB;MAG5BE,WAAW,YAAKvB,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAL;IAHiB,CANnB,iDAWVrB,KAAK,CAACmB,WAAN,CAAkBK,IAAlB,CAAuB,IAAvB,CAXU,EAWqB;MAC9BrB,KAAK,0BAAmBH,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAnB,QADyB;MAE9BC,UAAU,YAAKtB,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAL,OAFoB;MAG9BE,WAAW,YAAKvB,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAL;IAHmB,CAXrB;EAjBY,CAAZ;AAAA,CAAf;;eAoCetB,M"}

package/dist/ScrollTo/Vertical/ScrollToVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollToVertical.js","names":["Enter","KeyboardCodes","HvScrollToVertical","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","selectedIndex","setScrollTo","dynamicClasses","length","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","map","option","label","tabs","selected","tooltipWrapper","key","root","positionAbsolute","positionFixed","propTypes","PropTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","styles","name"],"sources":["../../../src/ScrollTo/Vertical/ScrollToVertical.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport VerticalScrollListItem from \"./VerticalScrollListItem\";\nimport styles, { generateDynamicStyles } from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * VerticalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToVertical = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"left\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvVerticalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n  const dynamicClasses = generateDynamicStyles(options.length);\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"div\", tooltipPosition, false);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <VerticalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n        aria-label={option.label}\n      />\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [dynamicClasses.positionAbsolute]: position === \"absolute\",\n        [dynamicClasses.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToVertical.propTypes = {\n  /**\n   * Id to be applied to the element.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a sticky position.\n     */\n    positionAbsolute: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Vertical scroll to.\n   */\n  position: PropTypes.oneOf([\"absolute\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToVertical\" })(HvScrollToVertical);\n"],"mappings":"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"}
+{"version":3,"file":"ScrollToVertical.js","names":["Enter","KeyboardCodes","HvScrollToVertical","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","useUniqueId","useScrollTo","selectedIndex","setScrollTo","dynamicClasses","generateDynamicStyles","length","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","addTooltipToElement","label","tabs","selected","tooltipWrapper","setId","isKeypress","key","clsx","root","positionAbsolute","positionFixed","propTypes","PropTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","withStyles","styles","name"],"sources":["../../../src/ScrollTo/Vertical/ScrollToVertical.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport VerticalScrollListItem from \"./VerticalScrollListItem\";\nimport styles, { generateDynamicStyles } from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * VerticalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToVertical = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"left\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvVerticalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n  const dynamicClasses = generateDynamicStyles(options.length);\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"div\", tooltipPosition, false);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <VerticalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n        aria-label={option.label}\n      />\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [dynamicClasses.positionAbsolute]: position === \"absolute\",\n        [dynamicClasses.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToVertical.propTypes = {\n  /**\n   * Id to be applied to the element.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a sticky position.\n     */\n    positionAbsolute: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Vertical scroll to.\n   */\n  position: PropTypes.oneOf([\"absolute\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToVertical\" })(HvScrollToVertical);\n"],"mappings":"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"}

package/dist/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalScrollListItem.js","names":["HvVerticalScrollListItem","props","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","NotSelected","notSelected","icon","root","button","text","propTypes","PropTypes","string","shape","isRequired","bool","func","styles","name"],"sources":["../../../../src/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nconst HvVerticalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    \"aria-label\": ariaLabel,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = props;\n  const variant = selected ? \"highlightText\" : \"normalText\";\n  const labelId = setId(id, \"label\");\n  const buttonId = setId(id, \"button\");\n  const Tooltip = tooltipWrapper;\n  const NotSelected = useCallback(() => {\n    return <div className={classes.notSelected} />;\n  }, [classes.notSelected]);\n  const icon = selected ? <CurrentStep height=\"10px\" width=\"10px\" /> : <NotSelected />;\n  return (\n    <li id={id} className={clsx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-label={ariaLabel}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip id={labelId} className={clsx(classes.text)} variant={variant}>\n          {icon}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvVerticalScrollListItem.propTypes = {\n  /**\n   * Id to be applied to the tab.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the text inside the component.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the button inside the component.\n     */\n    button: PropTypes.string,\n    notSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Text to label the step for accessibility.\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * a function component that renders a typography wrapped with a tooltip.\n   */\n  tooltipWrapper: PropTypes.func.isRequired,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onKeyDown: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalScrollListItem\" })(HvVerticalScrollListItem);\n"],"mappings":"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"}
+{"version":3,"file":"VerticalScrollListItem.js","names":["HvVerticalScrollListItem","props","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","setId","buttonId","Tooltip","NotSelected","useCallback","notSelected","icon","clsx","root","button","text","propTypes","PropTypes","string","shape","isRequired","bool","func","withStyles","styles","name"],"sources":["../../../../src/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nconst HvVerticalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    \"aria-label\": ariaLabel,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = props;\n  const variant = selected ? \"highlightText\" : \"normalText\";\n  const labelId = setId(id, \"label\");\n  const buttonId = setId(id, \"button\");\n  const Tooltip = tooltipWrapper;\n  const NotSelected = useCallback(() => {\n    return <div className={classes.notSelected} />;\n  }, [classes.notSelected]);\n  const icon = selected ? <CurrentStep height=\"10px\" width=\"10px\" /> : <NotSelected />;\n  return (\n    <li id={id} className={clsx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-label={ariaLabel}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip id={labelId} className={clsx(classes.text)} variant={variant}>\n          {icon}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvVerticalScrollListItem.propTypes = {\n  /**\n   * Id to be applied to the tab.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the text inside the component.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the button inside the component.\n     */\n    button: PropTypes.string,\n    notSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Text to label the step for accessibility.\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * a function component that renders a typography wrapped with a tooltip.\n   */\n  tooltipWrapper: PropTypes.func.isRequired,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onKeyDown: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalScrollListItem\" })(HvVerticalScrollListItem);\n"],"mappings":"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"}

package/dist/ScrollTo/Vertical/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","padding","backgroundColor","palette","atmo2","margin","listStyleType","flexWrap","flexDirection","positionAbsolute","position","zIndex","appBar","right","top","positionFixed","calculateOffset","quantityOfOptions","iconSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles"],"sources":["../../../src/ScrollTo/Vertical/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\nimport fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"32px\",\n    padding: \"0\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n    flexDirection: \"column\",\n  },\n  positionAbsolute: {\n    width: \"32px\",\n    position: \"absolute\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n  positionFixed: {\n    width: \"32px\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n});\n\nconst calculateOffset = (quantityOfOptions) => {\n  const iconSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n  return halfOptions * iconSize;\n};\n\nexport const generateDynamicStyles = (quantityOfOptions) => {\n  const positionOffset = calculateOffset(quantityOfOptions);\n  const generatedStyles = makeStyles((theme) => ({\n    positionAbsolute: {\n      width: \"32px\",\n      position: \"absolute\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n    positionFixed: {\n      width: \"32px\",\n      position: \"fixed\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n  }));\n  return generatedStyles();\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,OAAO,EAAE,GAHL;MAIJC,eAAe,EAAE,wBAAKL,KAAK,CAACM,OAAN,CAAcC,KAAnB,EAA0B,GAA1B,CAJb;MAKJC,MAAM,EAAE,CALJ;MAMJC,aAAa,EAAE,MANX;MAOJC,QAAQ,EAAE,MAPN;MAQJC,aAAa,EAAE;IARX,CADmB;IAWzBC,gBAAgB,EAAE;MAChBT,KAAK,EAAE,MADS;MAEhBU,QAAQ,EAAE,UAFM;MAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;MAIhBC,KAAK,EAAE,GAJS;MAKhBC,GAAG,EAAE;IALW,CAXO;IAkBzBC,aAAa,EAAE;MACbf,KAAK,EAAE,MADM;MAEbU,QAAQ,EAAE,OAFG;MAGbC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;MAIbC,KAAK,EAAE,GAJM;MAKbC,GAAG,EAAE;IALQ;EAlBU,CAAZ;AAAA,CAAf;;AA2BA,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,iBAAD,EAAuB;EAC7C,IAAMC,QAAQ,GAAG,EAAjB;EACA,IAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWJ,iBAAiB,GAAG,GAA/B,CAApB;EACA,OAAOE,WAAW,GAAGD,QAArB;AACD,CAJD;;AAMO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACL,iBAAD,EAAuB;EAC1D,IAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;EACA,IAAMO,eAAe,GAAG,sBAAW,UAAC3B,KAAD;IAAA,OAAY;MAC7CY,gBAAgB,EAAE;QAChBT,KAAK,EAAE,MADS;QAEhBU,QAAQ,EAAE,UAFM;QAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;QAIhBC,KAAK,EAAE,GAJS;QAKhBC,GAAG,uBAAgBS,cAAhB;MALa,CAD2B;MAQ7CR,aAAa,EAAE;QACbf,KAAK,EAAE,MADM;QAEbU,QAAQ,EAAE,OAFG;QAGbC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;QAIbC,KAAK,EAAE,GAJM;QAKbC,GAAG,uBAAgBS,cAAhB;MALU;IAR8B,CAAZ;EAAA,CAAX,CAAxB;EAgBA,OAAOC,eAAe,EAAtB;AACD,CAnBM;;;eAqBQ5B,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","padding","backgroundColor","fade","palette","atmo2","margin","listStyleType","flexWrap","flexDirection","positionAbsolute","position","zIndex","appBar","right","top","positionFixed","calculateOffset","quantityOfOptions","iconSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles","makeStyles"],"sources":["../../../src/ScrollTo/Vertical/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\nimport fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"32px\",\n    padding: \"0\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n    flexDirection: \"column\",\n  },\n  positionAbsolute: {\n    width: \"32px\",\n    position: \"absolute\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n  positionFixed: {\n    width: \"32px\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n});\n\nconst calculateOffset = (quantityOfOptions) => {\n  const iconSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n  return halfOptions * iconSize;\n};\n\nexport const generateDynamicStyles = (quantityOfOptions) => {\n  const positionOffset = calculateOffset(quantityOfOptions);\n  const generatedStyles = makeStyles((theme) => ({\n    positionAbsolute: {\n      width: \"32px\",\n      position: \"absolute\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n    positionFixed: {\n      width: \"32px\",\n      position: \"fixed\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n  }));\n  return generatedStyles();\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,OAAO,EAAE,GAHL;MAIJC,eAAe,EAAE,IAAAC,kBAAA,EAAKN,KAAK,CAACO,OAAN,CAAcC,KAAnB,EAA0B,GAA1B,CAJb;MAKJC,MAAM,EAAE,CALJ;MAMJC,aAAa,EAAE,MANX;MAOJC,QAAQ,EAAE,MAPN;MAQJC,aAAa,EAAE;IARX,CADmB;IAWzBC,gBAAgB,EAAE;MAChBV,KAAK,EAAE,MADS;MAEhBW,QAAQ,EAAE,UAFM;MAGhBC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHd;MAIhBC,KAAK,EAAE,GAJS;MAKhBC,GAAG,EAAE;IALW,CAXO;IAkBzBC,aAAa,EAAE;MACbhB,KAAK,EAAE,MADM;MAEbW,QAAQ,EAAE,OAFG;MAGbC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHjB;MAIbC,KAAK,EAAE,GAJM;MAKbC,GAAG,EAAE;IALQ;EAlBU,CAAZ;AAAA,CAAf;;AA2BA,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,iBAAD,EAAuB;EAC7C,IAAMC,QAAQ,GAAG,EAAjB;EACA,IAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWJ,iBAAiB,GAAG,GAA/B,CAApB;EACA,OAAOE,WAAW,GAAGD,QAArB;AACD,CAJD;;AAMO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACL,iBAAD,EAAuB;EAC1D,IAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;EACA,IAAMO,eAAe,GAAG,IAAAC,gBAAA,EAAW,UAAC7B,KAAD;IAAA,OAAY;MAC7Ca,gBAAgB,EAAE;QAChBV,KAAK,EAAE,MADS;QAEhBW,QAAQ,EAAE,UAFM;QAGhBC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHd;QAIhBC,KAAK,EAAE,GAJS;QAKhBC,GAAG,uBAAgBS,cAAhB;MALa,CAD2B;MAQ7CR,aAAa,EAAE;QACbhB,KAAK,EAAE,MADM;QAEbW,QAAQ,EAAE,OAFG;QAGbC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHjB;QAIbC,KAAK,EAAE,GAJM;QAKbC,GAAG,uBAAgBS,cAAhB;MALU;IAR8B,CAAZ;EAAA,CAAX,CAAxB;EAgBA,OAAOC,eAAe,EAAtB;AACD,CAnBM;;;eAqBQ7B,M"}

package/dist/ScrollTo/useScrollTo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollTo.js","names":["useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","RETRY_MAX","selectedIndex","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","document","getElementById","window","checkScroll","event","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","length","containerScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n  verticalScrollOffset,\n  findFirstVisibleElement,\n  isScrolledToTheBottom,\n  getScrollTop,\n  scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n  selectedIndexProp = 0,\n  scrollElementId,\n  href,\n  offset = 0,\n  options,\n  onChange\n) => {\n  const RETRY_MAX = 5;\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, as recommended in\n  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n  const selectedIndexRef = useRef(selectedIndex);\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex;\n  }, [selectedIndex]);\n\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(\n    (event) => {\n      if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n        requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n          requestedAnimationFrame.current = 0;\n\n          const firstVisibleElementIndex = findFirstVisibleElement(\n            scrollEle.current,\n            options,\n            offset\n          );\n\n          let newSelectedIndex = firstVisibleElementIndex;\n\n          // select the first element when all elements are bellow the container's top\n          if (firstVisibleElementIndex < 0) {\n            newSelectedIndex = 0;\n          }\n\n          // if the user has reached the bottom of the container, select the first nav item still visible\n          // (usually this selects the last nav item, when it can't reach the top the container)\n          // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n          if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n            newSelectedIndex += 1;\n          }\n\n          const containerScrollTop = getScrollTop(scrollEle.current);\n          const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n          lastContainerScrollTop.current = containerScrollTop;\n\n          // only update the selected item if the scroll direction is moving away from it\n          if (isScrollingDown) {\n            if (newSelectedIndex < selectedIndexRef.current) {\n              newSelectedIndex = selectedIndexRef.current;\n            }\n          } else if (newSelectedIndex > selectedIndexRef.current) {\n            newSelectedIndex = selectedIndexRef.current;\n          }\n\n          setSelectedIndex(newSelectedIndex);\n          onChange?.(event, newSelectedIndex);\n        });\n      }\n    },\n    [offset, options, onChange]\n  );\n\n  // registers and unregisters the scroll listener\n  useEffect(() => {\n    if (scrollEle.current) {\n      scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n    }\n\n    return () => {\n      if (scrollEle.current) {\n        scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n      }\n\n      if (requestedAnimationFrame.current !== 0) {\n        window.cancelAnimationFrame(requestedAnimationFrame.current);\n        requestedAnimationFrame.current = 0;\n      }\n    };\n  }, [checkScroll]);\n\n  // waits for the elements to be rendered and scrolls to the one referenced\n  // in the URL hash, if any\n  useEffect(() => {\n    let checkRenderedInterval;\n\n    if (href) {\n      const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n      const option = options.find((o) => o.value === hashValue);\n\n      if (option) {\n        let retry = 0;\n        checkRenderedInterval = setInterval(() => {\n          const ele = document.getElementById(option.value);\n\n          if (ele) {\n            scrollElement(ele, scrollEle.current, option.offset || offset);\n            clearInterval(checkRenderedInterval);\n          } else {\n            retry += 1;\n            if (retry === RETRY_MAX) {\n              clearInterval(checkRenderedInterval);\n            }\n          }\n        }, 1000);\n      }\n    }\n\n    return () => {\n      clearInterval(checkRenderedInterval);\n    };\n\n    // we really want to run this just in the first load\n    // in fact this doesn't even belong here, the logic should be external\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const setScrollTo = (event, id, index, wrappedOnChange) => {\n    const option = options.find((o) => o.value === id);\n\n    if (option) {\n      const ele = document.getElementById(id);\n      if (ele) {\n        scrollElement(ele, scrollEle.current, option.offset || offset);\n      }\n\n      if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n      wrappedOnChange?.(index);\n\n      // Safari scrolls immediately (no smooth scroll support),\n      // so this ref value must be updated asap\n      selectedIndexRef.current = index;\n    }\n  };\n\n  return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":"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"}
+{"version":3,"file":"useScrollTo.js","names":["useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","RETRY_MAX","useState","selectedIndex","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","document","getElementById","window","verticalScrollOffset","checkScroll","useCallback","event","requestAnimationFrame","firstVisibleElementIndex","findFirstVisibleElement","newSelectedIndex","length","isScrolledToTheBottom","containerScrollTop","getScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","scrollElement","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n  verticalScrollOffset,\n  findFirstVisibleElement,\n  isScrolledToTheBottom,\n  getScrollTop,\n  scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n  selectedIndexProp = 0,\n  scrollElementId,\n  href,\n  offset = 0,\n  options,\n  onChange\n) => {\n  const RETRY_MAX = 5;\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, as recommended in\n  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n  const selectedIndexRef = useRef(selectedIndex);\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex;\n  }, [selectedIndex]);\n\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(\n    (event) => {\n      if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n        requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n          requestedAnimationFrame.current = 0;\n\n          const firstVisibleElementIndex = findFirstVisibleElement(\n            scrollEle.current,\n            options,\n            offset\n          );\n\n          let newSelectedIndex = firstVisibleElementIndex;\n\n          // select the first element when all elements are bellow the container's top\n          if (firstVisibleElementIndex < 0) {\n            newSelectedIndex = 0;\n          }\n\n          // if the user has reached the bottom of the container, select the first nav item still visible\n          // (usually this selects the last nav item, when it can't reach the top the container)\n          // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n          if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n            newSelectedIndex += 1;\n          }\n\n          const containerScrollTop = getScrollTop(scrollEle.current);\n          const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n          lastContainerScrollTop.current = containerScrollTop;\n\n          // only update the selected item if the scroll direction is moving away from it\n          if (isScrollingDown) {\n            if (newSelectedIndex < selectedIndexRef.current) {\n              newSelectedIndex = selectedIndexRef.current;\n            }\n          } else if (newSelectedIndex > selectedIndexRef.current) {\n            newSelectedIndex = selectedIndexRef.current;\n          }\n\n          setSelectedIndex(newSelectedIndex);\n          onChange?.(event, newSelectedIndex);\n        });\n      }\n    },\n    [offset, options, onChange]\n  );\n\n  // registers and unregisters the scroll listener\n  useEffect(() => {\n    if (scrollEle.current) {\n      scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n    }\n\n    return () => {\n      if (scrollEle.current) {\n        scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n      }\n\n      if (requestedAnimationFrame.current !== 0) {\n        window.cancelAnimationFrame(requestedAnimationFrame.current);\n        requestedAnimationFrame.current = 0;\n      }\n    };\n  }, [checkScroll]);\n\n  // waits for the elements to be rendered and scrolls to the one referenced\n  // in the URL hash, if any\n  useEffect(() => {\n    let checkRenderedInterval;\n\n    if (href) {\n      const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n      const option = options.find((o) => o.value === hashValue);\n\n      if (option) {\n        let retry = 0;\n        checkRenderedInterval = setInterval(() => {\n          const ele = document.getElementById(option.value);\n\n          if (ele) {\n            scrollElement(ele, scrollEle.current, option.offset || offset);\n            clearInterval(checkRenderedInterval);\n          } else {\n            retry += 1;\n            if (retry === RETRY_MAX) {\n              clearInterval(checkRenderedInterval);\n            }\n          }\n        }, 1000);\n      }\n    }\n\n    return () => {\n      clearInterval(checkRenderedInterval);\n    };\n\n    // we really want to run this just in the first load\n    // in fact this doesn't even belong here, the logic should be external\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const setScrollTo = (event, id, index, wrappedOnChange) => {\n    const option = options.find((o) => o.value === id);\n\n    if (option) {\n      const ele = document.getElementById(id);\n      if (ele) {\n        scrollElement(ele, scrollEle.current, option.offset || offset);\n      }\n\n      if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n      wrappedOnChange?.(index);\n\n      // Safari scrolls immediately (no smooth scroll support),\n      // so this ref value must be updated asap\n      selectedIndexRef.current = index;\n    }\n  };\n\n  return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":"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"}

package/dist/ScrollTo/withTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.js","names":["hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","withTooltip","label","componentType","tooltipPosition","hideOnOverflow","component","props","hideTooltipFunc","undefined"],"sources":["../../src/ScrollTo/withTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { withTooltip as withTooltipUtil, HvTypography } from \"..\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst withTooltip = (label, componentType, tooltipPosition = \"top\", hideOnOverflow = true) => {\n  const component = (props) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n\nexport default withTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAS;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,OAAAD,KAAK,mCAAOL,GAAG,CAACE,MAAJ,CAAWC,QAAlB,EAAL,CAAiCI,IAAjC,CAAsC,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAArC;EAAA,CAAtC,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,IAAMU,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,aAAR,EAA0E;EAAA,IAAnDC,eAAmD,uEAAjC,KAAiC;EAAA,IAA1BC,cAA0B,uEAAT,IAAS;;EAC5F,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;IAAA,oBAChB,6BAAC,cAAD;MAAc,SAAS,EAAEJ;IAAzB,GAA4CI,KAA5C,GACGA,KAAK,CAACd,QADT,CADgB;EAAA,CAAlB;;EAKA,IAAMe,eAAe,GAAGH,cAAc,GAAGhB,WAAH,GAAiBoB,SAAvD;EACA,OAAO,mBAAgBH,SAAhB,EAA2BJ,KAA3B,EAAkCE,eAAlC,EAAmDI,eAAnD,CAAP;AACD,CARD;;eAUeP,W"}
+{"version":3,"file":"withTooltip.js","names":["hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","withTooltip","label","componentType","tooltipPosition","hideOnOverflow","component","props","hideTooltipFunc","undefined","withTooltipUtil"],"sources":["../../src/ScrollTo/withTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { withTooltip as withTooltipUtil, HvTypography } from \"..\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst withTooltip = (label, componentType, tooltipPosition = \"top\", hideOnOverflow = true) => {\n  const component = (props) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n\nexport default withTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAS;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,OAAAD,KAAK,mCAAOL,GAAG,CAACE,MAAJ,CAAWC,QAAlB,EAAL,CAAiCI,IAAjC,CAAsC,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAArC;EAAA,CAAtC,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,IAAMU,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,aAAR,EAA0E;EAAA,IAAnDC,eAAmD,uEAAjC,KAAiC;EAAA,IAA1BC,cAA0B,uEAAT,IAAS;;EAC5F,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;IAAA,oBAChB,6BAAC,cAAD;MAAc,SAAS,EAAEJ;IAAzB,GAA4CI,KAA5C,GACGA,KAAK,CAACd,QADT,CADgB;EAAA,CAAlB;;EAKA,IAAMe,eAAe,GAAGH,cAAc,GAAGhB,WAAH,GAAiBoB,SAAvD;EACA,OAAO,IAAAC,aAAA,EAAgBJ,SAAhB,EAA2BJ,KAA3B,EAAkCE,eAAlC,EAAmDI,eAAnD,CAAP;AACD,CARD;;eAUeP,W"}

package/dist/SelectionList/SelectionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionList.js","names":["getValueFromSelectedChildren","children","multiple","selectedValues","React","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","setValue","validationState","setValidationState","validationMessage","childValues","childSelectedState","forEach","i","childValue","indexOf","allValues","selectedState","selectionAnchor","listContainer","ArrowUp","KeyboardCodes","ArrowDown","handleMeta","event","tempArray","shiftKey","current","contains","target","isSelected","push","window","addEventListener","removeEventListener","onChildChangeInterceptor","index","childOnClick","evt","newValue","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","root","join","trim","listbox","vertical","horizontal","invalid","error","propTypes","PropTypes","string","shape","isRequired","oneOfType","any","arrayOf","node","bool","oneOf","func","styles"],"sources":["../../src/SelectionList/SelectionList.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\n\nimport {\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvListContainer,\n  useUniqueId,\n} from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nimport multiSelectionEventHandler from \"../utils/multiSelectionEventHandler\";\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child) => {\n      const childIsControlled = child.props.selected !== undefined;\n      const childIsSelected = childIsControlled\n        ? child.props.selected\n        : child.props.defaultSelected;\n\n      return childIsSelected ? child.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\n\nconst HvSelectionList = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\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    orientation = \"vertical\",\n\n    multiple = false,\n    singleSelectionToggle = false,\n\n    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvselectionlist\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children, multiple)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState] = useMemo(() => {\n    const childValues = [];\n    const childSelectedState = [];\n\n    React.Children.toArray(children).forEach((child, i) => {\n      const childValue = child.props.value;\n      const childIsSelected = multiple ? value.indexOf(childValue) !== -1 : value === childValue;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n    });\n\n    return [childValues, childSelectedState];\n  }, [children, multiple, value]);\n\n  const selectionAnchor = useRef(undefined);\n\n  const listContainer = useRef(null);\n\n  const { ArrowUp, ArrowDown } = KeyboardCodes;\n\n  useEffect(() => {\n    const handleMeta = (event) => {\n      const tempArray = [];\n      if (\n        (isKeypress(event, ArrowUp) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target)) ||\n        (isKeypress(event, ArrowDown) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target))\n      ) {\n        selectedState.forEach((isSelected, i) => {\n          if (i === event.target.value - 1) {\n            if (!isSelected) {\n              tempArray.push(allValues[i]);\n            }\n          } else if (isSelected) {\n            tempArray.push(allValues[i]);\n          }\n        });\n        setValue(tempArray);\n      }\n    };\n    window.addEventListener(\"keyup\", handleMeta);\n\n    return () => {\n      window.removeEventListener(\"keyup\", handleMeta);\n    };\n  }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n  const onChildChangeInterceptor = useCallback(\n    (index, childOnClick, evt) => {\n      childOnClick?.(evt);\n      if (!readOnly && !disabled) {\n        let newValue;\n        if (multiple) {\n          newValue = multiSelectionEventHandler(\n            evt,\n            index,\n            selectionAnchor,\n            allValues,\n            selectedState\n          );\n        } else {\n          newValue = singleSelectionToggle && selectedState[index] ? null : allValues[index];\n        }\n\n        onChange?.(evt, newValue);\n\n        setValue(() => {\n          // this will only run if uncontrolled\n\n          if (required && newValue.length === 0) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newValue;\n        });\n      }\n    },\n    [\n      allValues,\n      disabled,\n      multiple,\n      onChange,\n      readOnly,\n      required,\n      selectedState,\n      setValidationState,\n      setValue,\n      singleSelectionToggle,\n      selectionAnchor,\n    ]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child, i) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        role: \"option\",\n        selected: childIsSelected,\n        onClick: (evt) => onChildChangeInterceptor(i, child.props.onClick, evt),\n        disabled: disabled || child.props.disabled,\n      });\n    });\n  }, [children, disabled, onChildChangeInterceptor, selectedState]);\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 required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\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(className, classes.root)}\n    >\n      {label && <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />}\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <HvListContainer\n        id={label && setId(elementId, \"listbox\")}\n        interactive\n        condensed\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={validationState === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.listbox, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: validationState === \"invalid\",\n        })}\n        ref={listContainer}\n        {...others}\n      >\n        {modifiedChildren}\n      </HvListContainer>\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSelectionList.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the description.\n     */\n    description: PropTypes.string,\n    /**\n     * Styles applied to the listbox.\n     */\n    listbox: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the listbox when validation status is invalid.\n     */\n    invalid: 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  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element. It must be represented in the child list items.\n   *\n   * Can either be a single value (when multiple = false) or an\n   * array of values (when multiple = true).\n   *\n   * When defined the selection list state becomes controlled.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  defaultValue: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\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 provided instead.\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   * If `true` the state is propagated to the children list items.\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 the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the listbox.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Indicates that the user may select more than one item from the current selectable list items.\n   */\n  multiple: PropTypes.bool,\n\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n\n  /**\n   * Indicates whether the list orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n  /**\n   * The list items.\n   *\n   * Their state will always be controlled by the selection list.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSelectionList\" })(HvSelectionList);\n"],"mappings":"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"}
+{"version":3,"file":"SelectionList.js","names":["getValueFromSelectedChildren","children","multiple","selectedValues","React","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","useUniqueId","useControlled","setValue","validationState","setValidationState","validationMessage","useMemo","childValues","childSelectedState","forEach","i","childValue","indexOf","allValues","selectedState","selectionAnchor","useRef","listContainer","ArrowUp","KeyboardCodes","ArrowDown","useEffect","handleMeta","event","tempArray","isKeypress","shiftKey","current","contains","target","isSelected","push","window","addEventListener","removeEventListener","onChildChangeInterceptor","useCallback","index","childOnClick","evt","newValue","multiSelectionEventHandler","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","setId","clsx","root","join","trim","listbox","vertical","horizontal","invalid","error","propTypes","PropTypes","string","shape","isRequired","oneOfType","any","arrayOf","node","bool","oneOf","func","withStyles","styles"],"sources":["../../src/SelectionList/SelectionList.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\n\nimport {\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvListContainer,\n  useUniqueId,\n} from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nimport multiSelectionEventHandler from \"../utils/multiSelectionEventHandler\";\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child) => {\n      const childIsControlled = child.props.selected !== undefined;\n      const childIsSelected = childIsControlled\n        ? child.props.selected\n        : child.props.defaultSelected;\n\n      return childIsSelected ? child.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\n\nconst HvSelectionList = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\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    orientation = \"vertical\",\n\n    multiple = false,\n    singleSelectionToggle = false,\n\n    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvselectionlist\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children, multiple)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState] = useMemo(() => {\n    const childValues = [];\n    const childSelectedState = [];\n\n    React.Children.toArray(children).forEach((child, i) => {\n      const childValue = child.props.value;\n      const childIsSelected = multiple ? value.indexOf(childValue) !== -1 : value === childValue;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n    });\n\n    return [childValues, childSelectedState];\n  }, [children, multiple, value]);\n\n  const selectionAnchor = useRef(undefined);\n\n  const listContainer = useRef(null);\n\n  const { ArrowUp, ArrowDown } = KeyboardCodes;\n\n  useEffect(() => {\n    const handleMeta = (event) => {\n      const tempArray = [];\n      if (\n        (isKeypress(event, ArrowUp) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target)) ||\n        (isKeypress(event, ArrowDown) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target))\n      ) {\n        selectedState.forEach((isSelected, i) => {\n          if (i === event.target.value - 1) {\n            if (!isSelected) {\n              tempArray.push(allValues[i]);\n            }\n          } else if (isSelected) {\n            tempArray.push(allValues[i]);\n          }\n        });\n        setValue(tempArray);\n      }\n    };\n    window.addEventListener(\"keyup\", handleMeta);\n\n    return () => {\n      window.removeEventListener(\"keyup\", handleMeta);\n    };\n  }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n  const onChildChangeInterceptor = useCallback(\n    (index, childOnClick, evt) => {\n      childOnClick?.(evt);\n      if (!readOnly && !disabled) {\n        let newValue;\n        if (multiple) {\n          newValue = multiSelectionEventHandler(\n            evt,\n            index,\n            selectionAnchor,\n            allValues,\n            selectedState\n          );\n        } else {\n          newValue = singleSelectionToggle && selectedState[index] ? null : allValues[index];\n        }\n\n        onChange?.(evt, newValue);\n\n        setValue(() => {\n          // this will only run if uncontrolled\n\n          if (required && newValue.length === 0) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newValue;\n        });\n      }\n    },\n    [\n      allValues,\n      disabled,\n      multiple,\n      onChange,\n      readOnly,\n      required,\n      selectedState,\n      setValidationState,\n      setValue,\n      singleSelectionToggle,\n      selectionAnchor,\n    ]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child, i) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        role: \"option\",\n        selected: childIsSelected,\n        onClick: (evt) => onChildChangeInterceptor(i, child.props.onClick, evt),\n        disabled: disabled || child.props.disabled,\n      });\n    });\n  }, [children, disabled, onChildChangeInterceptor, selectedState]);\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 required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\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(className, classes.root)}\n    >\n      {label && <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />}\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <HvListContainer\n        id={label && setId(elementId, \"listbox\")}\n        interactive\n        condensed\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={validationState === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.listbox, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: validationState === \"invalid\",\n        })}\n        ref={listContainer}\n        {...others}\n      >\n        {modifiedChildren}\n      </HvListContainer>\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSelectionList.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the description.\n     */\n    description: PropTypes.string,\n    /**\n     * Styles applied to the listbox.\n     */\n    listbox: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the listbox when validation status is invalid.\n     */\n    invalid: 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  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element. It must be represented in the child list items.\n   *\n   * Can either be a single value (when multiple = false) or an\n   * array of values (when multiple = true).\n   *\n   * When defined the selection list state becomes controlled.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  defaultValue: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\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 provided instead.\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   * If `true` the state is propagated to the children list items.\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 the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the listbox.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Indicates that the user may select more than one item from the current selectable list items.\n   */\n  multiple: PropTypes.bool,\n\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n\n  /**\n   * Indicates whether the list orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n  /**\n   * The list items.\n   *\n   * Their state will always be controlled by the selection list.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSelectionList\" })(HvSelectionList);\n"],"mappings":"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"}