@hitachivantara/uikit-react-core 3.64.0 → 3.66.1-next.2

package/dist/modern/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/RadioGroup/RadioGroup.js"],"names":["React","useCallback","useMemo","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","useUniqueId","setId","useControlled","styles","getValueFromSelectedChildren","children","childrenArray","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","string","shape","isRequired","any","node","bool","oneOf","func"],"mappings":"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","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"],"file":"RadioGroup.js"}
+{"version":3,"file":"RadioGroup.js","names":["React","useCallback","useMemo","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","useUniqueId","setId","useControlled","styles","getValueFromSelectedChildren","children","childrenArray","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","string","shape","isRequired","any","node","bool","oneOf","func"],"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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"}

package/dist/modern/RadioGroup/index.js.map

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

package/dist/modern/RadioGroup/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/RadioGroup/styles.js"],"names":["styles","theme","root","display","padding","margin","overflow","verticalAlign","label","marginBottom","hv","spacing","xs","group","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","width","invalid","paddingBottom","borderBottom","palette","semantic","sema4","error"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,cADL;AAEJC,IAAAA,OAAO,EAAE,CAFL;AAGJC,IAAAA,MAAM,EAAE,CAHJ;AAIJC,IAAAA,QAAQ,EAAE,QAJN;AAKJC,IAAAA,aAAa,EAAE;AALX,GADmB;AASzBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC;AAD1B,GATkB;AAazBC,EAAAA,KAAK,EAAE;AACLV,IAAAA,OAAO,EAAE;AADJ,GAbkB;AAgBzBW,EAAAA,QAAQ,EAAE;AACRC,IAAAA,aAAa,EAAE,QADP;AAGR;AACA,WAAO;AACLC,MAAAA,MAAM,EAAE;AADH,KAJC;AAOR,wBAAoB;AAClBA,MAAAA,MAAM,EAAE;AADU,KAPZ;AAUR;AACA,wBAAoB;AAClBA,MAAAA,MAAM,EAAE;AADU;AAXZ,GAhBe;AA+BzBC,EAAAA,UAAU,EAAE;AACVF,IAAAA,aAAa,EAAE,KADL;AAEVG,IAAAA,QAAQ,EAAE,MAFA;AAGVC,IAAAA,UAAU,EAAE,CAAClB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS,EAHpB;AAIV,WAAO;AACLD,MAAAA,UAAU,EAAElB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS;AADxB,KAJG;AAOVC,IAAAA,KAAK,EAAE,mBAPG,CAOkB;;AAPlB,GA/Ba;AAyCzBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,aAAa,EAAEtB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,EADzB;AAEPY,IAAAA,YAAY,EAAG,aAAYvB,KAAK,CAACS,EAAN,CAASe,OAAT,CAAiBC,QAAjB,CAA0BC,KAAM;AAFpD,GAzCgB;AA8CzBC,EAAAA,KAAK,EAAE;AA9CkB,CAAZ,CAAf;;AAiDA,eAAe5B,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n    verticalAlign: \"top\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  group: {\n    display: \"flex\",\n  },\n  vertical: {\n    flexDirection: \"column\",\n\n    // prevent the focus ring to be hidden by simbling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    marginLeft: -theme.hv.spacing.sm,\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n    width: \"calc(100% + 20px)\", // compensate the negative margin left which increases the width\n  },\n\n  invalid: {\n    paddingBottom: theme.hv.spacing.xs,\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  error: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","padding","margin","overflow","verticalAlign","label","marginBottom","hv","spacing","xs","group","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","width","invalid","paddingBottom","borderBottom","palette","semantic","sema4","error"],"sources":["../../../src/RadioGroup/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n    verticalAlign: \"top\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  group: {\n    display: \"flex\",\n  },\n  vertical: {\n    flexDirection: \"column\",\n\n    // prevent the focus ring to be hidden by simbling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    marginLeft: -theme.hv.spacing.sm,\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n    width: \"calc(100% + 20px)\", // compensate the negative margin left which increases the width\n  },\n\n  invalid: {\n    paddingBottom: theme.hv.spacing.xs,\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  error: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,cADL;IAEJC,OAAO,EAAE,CAFL;IAGJC,MAAM,EAAE,CAHJ;IAIJC,QAAQ,EAAE,QAJN;IAKJC,aAAa,EAAE;EALX,CADmB;EASzBC,KAAK,EAAE;IACLC,YAAY,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC;EAD1B,CATkB;EAazBC,KAAK,EAAE;IACLV,OAAO,EAAE;EADJ,CAbkB;EAgBzBW,QAAQ,EAAE;IACRC,aAAa,EAAE,QADP;IAGR;IACA,OAAO;MACLC,MAAM,EAAE;IADH,CAJC;IAOR,oBAAoB;MAClBA,MAAM,EAAE;IADU,CAPZ;IAUR;IACA,oBAAoB;MAClBA,MAAM,EAAE;IADU;EAXZ,CAhBe;EA+BzBC,UAAU,EAAE;IACVF,aAAa,EAAE,KADL;IAEVG,QAAQ,EAAE,MAFA;IAGVC,UAAU,EAAE,CAAClB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS,EAHpB;IAIV,OAAO;MACLD,UAAU,EAAElB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS;IADxB,CAJG;IAOVC,KAAK,EAAE,mBAPG,CAOkB;;EAPlB,CA/Ba;EAyCzBC,OAAO,EAAE;IACPC,aAAa,EAAEtB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,EADzB;IAEPY,YAAY,EAAG,aAAYvB,KAAK,CAACS,EAAN,CAASe,OAAT,CAAiBC,QAAjB,CAA0BC,KAAM;EAFpD,CAzCgB;EA8CzBC,KAAK,EAAE;AA9CkB,CAAZ,CAAf;;AAiDA,eAAe5B,MAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js"],"names":["React","PropTypes","clsx","withStyles","setId","styles","HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","root","button","text","propTypes","string","shape","isRequired","bool","node","func","name"],"mappings":"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","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"],"file":"HorizontalScrollListItem.js"}
+{"version":3,"file":"HorizontalScrollListItem.js","names":["React","PropTypes","clsx","withStyles","setId","styles","HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","root","button","text","propTypes","string","shape","isRequired","bool","node","func","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,0BAA0B,GAAIC,KAAD,IAAW;EAC5C,MAAM;IACJC,EADI;IAEJC,SAFI;IAGJC,OAHI;IAIJC,QAJI;IAKJC,QALI;IAMJC,OANI;IAOJC,SAPI;IAQJC;EARI,IAUFR,KAVJ;EAAA,MASKS,MATL,4BAUIT,KAVJ;;EAWA,MAAMU,OAAO,GAAGN,QAAQ,GAAG,eAAH,GAAqB,YAA7C;EACA,MAAMO,OAAO,GAAGd,KAAK,CAACI,EAAD,EAAK,OAAL,CAArB;EACA,MAAMW,QAAQ,GAAGf,KAAK,CAACI,EAAD,EAAK,QAAL,CAAtB;EACA,MAAMY,OAAO,GAAGL,cAAhB;EACA,oBACE;IAAI,EAAE,EAAEP,EAAR;IAAY,SAAS,EAAEN,IAAI,CAACO,SAAD,EAAYC,OAAO,CAACW,IAApB,CAA3B;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,oBAAC,OAAD;IACE,EAAE,EAAEE,OADN;IAEE,SAAS,EAAEhB,IAAI,CAACQ,OAAO,CAACa,IAAT,EAAqCZ,QAArC,IAAkBD,OAAO,CAACC,QAA1B,CAFjB;IAGE,OAAO,EAAEM;EAHX,GAKGL,QALH,CAVF,CADF,CADF;AAsBD,CAtCD;;AAwCA,wCAAAN,0BAA0B,CAACkB,SAA3B,GAAuC;EACrC;AACF;AACA;EACEhB,EAAE,EAAEP,SAAS,CAACwB,MAJuB;;EAKrC;AACF;AACA;EACEhB,SAAS,EAAER,SAAS,CAACwB,MARgB;;EASrC;AACF;AACA;EACEf,OAAO,EAAET,SAAS,CAACyB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEpB,SAAS,CAACwB,MAJO;;IAKvB;AACJ;AACA;IACId,QAAQ,EAAEV,SAAS,CAACwB,MARG;;IASvB;AACJ;AACA;IACIF,IAAI,EAAEtB,SAAS,CAACwB,MAZO;;IAavB;AACJ;AACA;IACIH,MAAM,EAAErB,SAAS,CAACwB;EAhBK,CAAhB,EAiBNE,UA7BkC;;EA8BrC;AACF;AACA;EACEhB,QAAQ,EAAEV,SAAS,CAAC2B,IAjCiB;;EAkCrC;AACF;AACA;EACEhB,QAAQ,EAAEX,SAAS,CAAC4B,IAAV,CAAeF,UArCY;;EAsCrC;AACF;AACA;EACEZ,cAAc,EAAEd,SAAS,CAAC6B,IAAV,CAAeH,UAzCM;;EA0CrC;AACF;AACA;EACEd,OAAO,EAAEZ,SAAS,CAAC6B,IA7CkB;;EA8CrC;AACF;AACA;EACEhB,SAAS,EAAEb,SAAS,CAAC6B;AAjDgB,CAAvC;AAoDA,eAAe3B,UAAU,CAACE,MAAD,EAAS;EAAE0B,IAAI,EAAE;AAAR,CAAT,CAAV,CACbzB,0BADa,CAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,4BAAxB","sourcesContent":["export { default } from \"./HorizontalScrollListItem\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/index.js"],"sourcesContent":["export { default } from \"./HorizontalScrollListItem\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,4BAAxB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/styles.js"],"names":["outlineStyles","styles","theme","root","padding","button","display","justifyContent","alignItems","height","cursor","borderBottom","backgroundColor","hv","palette","atmosphere","atmo3","outline","text","maxWidth","textOverflow","overflow","selected","accent","acce1"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,uBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE;AADL,GADmB;AAIzBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,MADH;AAENC,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAINC,IAAAA,MAAM,EAAE,MAJF;AAKNC,IAAAA,MAAM,EAAE,SALF;AAMNC,IAAAA,YAAY,EAAG,uBANT;AAON,eAAW;AACTC,MAAAA,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADpC,KAPL;AAUN,eAAW;AACTC,MAAAA,OAAO,EAAE;AADA,KAVL;AAaN,yCACKjB,aADL;AAbM,GAJiB;AAqBzBkB,EAAAA,IAAI,EAAE;AACJT,IAAAA,MAAM,EAAE,MADJ;AAEJL,IAAAA,OAAO,EAAE,UAFL;AAGJO,IAAAA,YAAY,EAAG,uBAHX;AAIJQ,IAAAA,QAAQ,EAAE,OAJN;AAKJC,IAAAA,YAAY,EAAE,UALV;AAMJC,IAAAA,QAAQ,EAAE;AANN,GArBmB;AA6BzBC,EAAAA,QAAQ,EAAE;AACRX,IAAAA,YAAY,EAAG,aAAYT,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBS,MAAjB,CAAwBC,KAAM;AADjD;AA7Be,CAAZ,CAAf;;AAkCA,eAAevB,MAAf","sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: \"10px 0\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"32px\",\n    cursor: \"pointer\",\n    borderBottom: `2px solid transparent`,\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  text: {\n    height: \"32px\",\n    padding: \"8px 10px\",\n    borderBottom: `2px solid transparent`,\n    maxWidth: \"180px\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n  },\n  selected: {\n    borderBottom: `2px solid ${theme.hv.palette.accent.acce1}`,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","button","display","justifyContent","alignItems","height","cursor","borderBottom","backgroundColor","hv","palette","atmosphere","atmo3","outline","text","maxWidth","textOverflow","overflow","selected","accent","acce1"],"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: \"10px 0\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"32px\",\n    cursor: \"pointer\",\n    borderBottom: `2px solid transparent`,\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  text: {\n    height: \"32px\",\n    padding: \"8px 10px\",\n    borderBottom: `2px solid transparent`,\n    maxWidth: \"180px\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n  },\n  selected: {\n    borderBottom: `2px solid ${theme.hv.palette.accent.acce1}`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,uBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE;EADL,CADmB;EAIzBC,MAAM,EAAE;IACNC,OAAO,EAAE,MADH;IAENC,cAAc,EAAE,QAFV;IAGNC,UAAU,EAAE,QAHN;IAINC,MAAM,EAAE,MAJF;IAKNC,MAAM,EAAE,SALF;IAMNC,YAAY,EAAG,uBANT;IAON,WAAW;MACTC,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADpC,CAPL;IAUN,WAAW;MACTC,OAAO,EAAE;IADA,CAVL;IAaN,qCACKjB,aADL;EAbM,CAJiB;EAqBzBkB,IAAI,EAAE;IACJT,MAAM,EAAE,MADJ;IAEJL,OAAO,EAAE,UAFL;IAGJO,YAAY,EAAG,uBAHX;IAIJQ,QAAQ,EAAE,OAJN;IAKJC,YAAY,EAAE,UALV;IAMJC,QAAQ,EAAE;EANN,CArBmB;EA6BzBC,QAAQ,EAAE;IACRX,YAAY,EAAG,aAAYT,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBS,MAAjB,CAAwBC,KAAM;EADjD;AA7Be,CAAZ,CAAf;;AAkCA,eAAevB,MAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ScrollTo/Horizontal/ScrollToHorizontal.js"],"names":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","HorizontalScrollListItem","styles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","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","string","shape","isRequired","func","arrayOf","number","bool","oneOf","name"],"mappings":"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","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"],"file":"ScrollToHorizontal.js"}
+{"version":3,"file":"ScrollToHorizontal.js","names":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","HorizontalScrollListItem","styles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","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","string","shape","isRequired","func","arrayOf","number","bool","oneOf","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/modern/ScrollTo/Horizontal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ScrollTo/Horizontal/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,sBAAxB","sourcesContent":["export { default } from \"./ScrollToHorizontal\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ScrollTo/Horizontal/index.js"],"sourcesContent":["export { default } from \"./ScrollToHorizontal\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,sBAAxB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ScrollTo/Horizontal/styles.js"],"names":["fade","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"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,uBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,MADL;AAEJC,IAAAA,KAAK,EAAE,MAFH;AAGJC,IAAAA,OAAO,EAAE,QAHL;AAIJC,IAAAA,eAAe,EAAEP,IAAI,CAACE,KAAK,CAACM,OAAN,CAAcC,KAAf,EAAsB,GAAtB,CAJjB;AAKJC,IAAAA,MAAM,EAAE,CALJ;AAMJC,IAAAA,aAAa,EAAE,MANX;AAOJC,IAAAA,QAAQ,EAAE;AAPN,GADmB;AAUzBC,EAAAA,cAAc,EAAE;AACdR,IAAAA,KAAK,EAAE,MADO;AAEdS,IAAAA,QAAQ,EAAE,QAFI;AAGdC,IAAAA,MAAM,EAAEb,KAAK,CAACa,MAAN,CAAaC,MAAb,GAAsB,CAHhB;AAIdC,IAAAA,GAAG,EAAE,CAJS;AAKdC,IAAAA,IAAI,EAAE;AALQ,GAVS;AAiBzBC,EAAAA,aAAa,EAAE;AACbd,IAAAA,KAAK,EAAE,MADM;AAEbS,IAAAA,QAAQ,EAAE,OAFG;AAGbC,IAAAA,MAAM,EAAEb,KAAK,CAACa,MAAN,CAAaC,MAAb,GAAsB,CAHjB;AAIbC,IAAAA,GAAG,EAAE,CAJQ;AAKbC,IAAAA,IAAI,EAAE,CALO;AAMb,KAAChB,KAAK,CAACkB,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAAD,GAA8B;AAC5BhB,MAAAA,KAAK,EAAG,iBAAgBH,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB,KADb;AAE5BC,MAAAA,UAAU,EAAG,GAAErB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB,IAFJ;AAG5BE,MAAAA,WAAW,EAAG,GAAEtB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB;AAHL,KANjB;AAWb,KAACpB,KAAK,CAACkB,WAAN,CAAkBK,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;AAC9BpB,MAAAA,KAAK,EAAG,iBAAgBH,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB,KADX;AAE9BC,MAAAA,UAAU,EAAG,GAAErB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB,IAFF;AAG9BE,MAAAA,WAAW,EAAG,GAAEtB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB;AAHH;AAXnB;AAjBU,CAAZ,CAAf;;AAoCA,eAAerB,MAAf","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"],"file":"styles.js"}
+{"version":3,"file":"styles.js","names":["fade","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,OAAOA,IAAP,MAAiB,uBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,KAAK,EAAE,MAFH;IAGJC,OAAO,EAAE,QAHL;IAIJC,eAAe,EAAEP,IAAI,CAACE,KAAK,CAACM,OAAN,CAAcC,KAAf,EAAsB,GAAtB,CAJjB;IAKJC,MAAM,EAAE,CALJ;IAMJC,aAAa,EAAE,MANX;IAOJC,QAAQ,EAAE;EAPN,CADmB;EAUzBC,cAAc,EAAE;IACdR,KAAK,EAAE,MADO;IAEdS,QAAQ,EAAE,QAFI;IAGdC,MAAM,EAAEb,KAAK,CAACa,MAAN,CAAaC,MAAb,GAAsB,CAHhB;IAIdC,GAAG,EAAE,CAJS;IAKdC,IAAI,EAAE;EALQ,CAVS;EAiBzBC,aAAa,EAAE;IACbd,KAAK,EAAE,MADM;IAEbS,QAAQ,EAAE,OAFG;IAGbC,MAAM,EAAEb,KAAK,CAACa,MAAN,CAAaC,MAAb,GAAsB,CAHjB;IAIbC,GAAG,EAAE,CAJQ;IAKbC,IAAI,EAAE,CALO;IAMb,CAAChB,KAAK,CAACkB,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAAD,GAA8B;MAC5BhB,KAAK,EAAG,iBAAgBH,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB,KADb;MAE5BC,UAAU,EAAG,GAAErB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB,IAFJ;MAG5BE,WAAW,EAAG,GAAEtB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB;IAHL,CANjB;IAWb,CAACpB,KAAK,CAACkB,WAAN,CAAkBK,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;MAC9BpB,KAAK,EAAG,iBAAgBH,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB,KADX;MAE9BC,UAAU,EAAG,GAAErB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB,IAFF;MAG9BE,WAAW,EAAG,GAAEtB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAiB;IAHH;EAXnB;AAjBU,CAAZ,CAAf;;AAoCA,eAAerB,MAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ScrollTo/Vertical/ScrollToVertical.js"],"names":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","VerticalScrollListItem","styles","generateDynamicStyles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","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","string","shape","isRequired","func","arrayOf","number","bool","oneOf","name"],"mappings":"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","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"],"file":"ScrollToVertical.js"}
+{"version":3,"file":"ScrollToVertical.js","names":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","VerticalScrollListItem","styles","generateDynamicStyles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","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","string","shape","isRequired","func","arrayOf","number","bool","oneOf","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/modern/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js"],"names":["React","useCallback","PropTypes","clsx","withStyles","CurrentStep","setId","styles","HvVerticalScrollListItem","props","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","NotSelected","notSelected","icon","root","button","text","propTypes","string","shape","isRequired","bool","func","name"],"mappings":"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","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"],"file":"VerticalScrollListItem.js"}
+{"version":3,"file":"VerticalScrollListItem.js","names":["React","useCallback","PropTypes","clsx","withStyles","CurrentStep","setId","styles","HvVerticalScrollListItem","props","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","NotSelected","notSelected","icon","root","button","text","propTypes","string","shape","isRequired","bool","func","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/modern/ScrollTo/Vertical/VerticalScrollListItem/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ScrollTo/Vertical/VerticalScrollListItem/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,0BAAxB","sourcesContent":["export { default } from \"./VerticalScrollListItem\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/ScrollTo/Vertical/VerticalScrollListItem/index.js"],"sourcesContent":["export { default } from \"./VerticalScrollListItem\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,0BAAxB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ScrollTo/Vertical/VerticalScrollListItem/styles.js"],"names":["outlineStyles","styles","theme","root","padding","button","display","justifyContent","alignItems","height","width","cursor","backgroundColor","hv","palette","atmosphere","atmo3","outline","notSelected","borderRadius","atmo4","text"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,uBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE;AADL,GADmB;AAIzBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,MADH;AAENC,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAINC,IAAAA,MAAM,EAAE,MAJF;AAKNC,IAAAA,KAAK,EAAE,MALD;AAMNC,IAAAA,MAAM,EAAE,SANF;AAON,eAAW;AACTC,MAAAA,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADpC;AAET,wBAAkB;AAChBP,QAAAA,MAAM,EAAE,MADQ;AAEhBC,QAAAA,KAAK,EAAE;AAFS;AAFT,KAPL;AAcN,eAAW;AACTO,MAAAA,OAAO,EAAE;AADA,KAdL;AAiBN,yCACKjB,aADL;AAjBM,GAJiB;AAyBzBkB,EAAAA,WAAW,EAAE;AACXT,IAAAA,MAAM,EAAE,KADG;AAEXC,IAAAA,KAAK,EAAE,KAFI;AAGXS,IAAAA,YAAY,EAAE,KAHH;AAIXb,IAAAA,OAAO,EAAE,cAJE;AAKXM,IAAAA,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK;AALlC,GAzBY;AAgCzBC,EAAAA,IAAI,EAAE;AACJZ,IAAAA,MAAM,EAAE,MADJ;AAEJC,IAAAA,KAAK,EAAE,MAFH;AAGJJ,IAAAA,OAAO,EAAE,MAHL;AAIJC,IAAAA,cAAc,EAAE,QAJZ;AAKJC,IAAAA,UAAU,EAAE;AALR;AAhCmB,CAAZ,CAAf;;AAyCA,eAAeP,MAAf","sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: \"0\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"32px\",\n    width: \"32px\",\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notSelected\": {\n        height: \"10px\",\n        width: \"10px\",\n      },\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  notSelected: {\n    height: \"6px\",\n    width: \"6px\",\n    borderRadius: \"50%\",\n    display: \"inline-block\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n  text: {\n    height: \"32px\",\n    width: \"32px\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","button","display","justifyContent","alignItems","height","width","cursor","backgroundColor","hv","palette","atmosphere","atmo3","outline","notSelected","borderRadius","atmo4","text"],"sources":["../../../../../src/ScrollTo/Vertical/VerticalScrollListItem/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: \"0\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"32px\",\n    width: \"32px\",\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notSelected\": {\n        height: \"10px\",\n        width: \"10px\",\n      },\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  notSelected: {\n    height: \"6px\",\n    width: \"6px\",\n    borderRadius: \"50%\",\n    display: \"inline-block\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n  text: {\n    height: \"32px\",\n    width: \"32px\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,uBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE;EADL,CADmB;EAIzBC,MAAM,EAAE;IACNC,OAAO,EAAE,MADH;IAENC,cAAc,EAAE,QAFV;IAGNC,UAAU,EAAE,QAHN;IAINC,MAAM,EAAE,MAJF;IAKNC,KAAK,EAAE,MALD;IAMNC,MAAM,EAAE,SANF;IAON,WAAW;MACTC,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADpC;MAET,kBAAkB;QAChBP,MAAM,EAAE,MADQ;QAEhBC,KAAK,EAAE;MAFS;IAFT,CAPL;IAcN,WAAW;MACTO,OAAO,EAAE;IADA,CAdL;IAiBN,qCACKjB,aADL;EAjBM,CAJiB;EAyBzBkB,WAAW,EAAE;IACXT,MAAM,EAAE,KADG;IAEXC,KAAK,EAAE,KAFI;IAGXS,YAAY,EAAE,KAHH;IAIXb,OAAO,EAAE,cAJE;IAKXM,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK;EALlC,CAzBY;EAgCzBC,IAAI,EAAE;IACJZ,MAAM,EAAE,MADJ;IAEJC,KAAK,EAAE,MAFH;IAGJJ,OAAO,EAAE,MAHL;IAIJC,cAAc,EAAE,QAJZ;IAKJC,UAAU,EAAE;EALR;AAhCmB,CAAZ,CAAf;;AAyCA,eAAeP,MAAf"}

package/dist/modern/ScrollTo/Vertical/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ScrollTo/Vertical/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB","sourcesContent":["export { default } from \"./ScrollToVertical\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ScrollTo/Vertical/index.js"],"sourcesContent":["export { default } from \"./ScrollToVertical\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ScrollTo/Vertical/styles.js"],"names":["makeStyles","fade","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"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,uBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,MADL;AAEJC,IAAAA,KAAK,EAAE,MAFH;AAGJC,IAAAA,OAAO,EAAE,GAHL;AAIJC,IAAAA,eAAe,EAAEP,IAAI,CAACE,KAAK,CAACM,OAAN,CAAcC,KAAf,EAAsB,GAAtB,CAJjB;AAKJC,IAAAA,MAAM,EAAE,CALJ;AAMJC,IAAAA,aAAa,EAAE,MANX;AAOJC,IAAAA,QAAQ,EAAE,MAPN;AAQJC,IAAAA,aAAa,EAAE;AARX,GADmB;AAWzBC,EAAAA,gBAAgB,EAAE;AAChBT,IAAAA,KAAK,EAAE,MADS;AAEhBU,IAAAA,QAAQ,EAAE,UAFM;AAGhBC,IAAAA,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;AAIhBC,IAAAA,KAAK,EAAE,GAJS;AAKhBC,IAAAA,GAAG,EAAE;AALW,GAXO;AAkBzBC,EAAAA,aAAa,EAAE;AACbf,IAAAA,KAAK,EAAE,MADM;AAEbU,IAAAA,QAAQ,EAAE,OAFG;AAGbC,IAAAA,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;AAIbC,IAAAA,KAAK,EAAE,GAJM;AAKbC,IAAAA,GAAG,EAAE;AALQ;AAlBU,CAAZ,CAAf;;AA2BA,MAAME,eAAe,GAAIC,iBAAD,IAAuB;AAC7C,QAAMC,QAAQ,GAAG,EAAjB;AACA,QAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWJ,iBAAiB,GAAG,GAA/B,CAApB;AACA,SAAOE,WAAW,GAAGD,QAArB;AACD,CAJD;;AAMA,OAAO,MAAMI,qBAAqB,GAAIL,iBAAD,IAAuB;AAC1D,QAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;AACA,QAAMO,eAAe,GAAG9B,UAAU,CAAEG,KAAD,KAAY;AAC7CY,IAAAA,gBAAgB,EAAE;AAChBT,MAAAA,KAAK,EAAE,MADS;AAEhBU,MAAAA,QAAQ,EAAE,UAFM;AAGhBC,MAAAA,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;AAIhBC,MAAAA,KAAK,EAAE,GAJS;AAKhBC,MAAAA,GAAG,EAAG,cAAaS,cAAe;AALlB,KAD2B;AAQ7CR,IAAAA,aAAa,EAAE;AACbf,MAAAA,KAAK,EAAE,MADM;AAEbU,MAAAA,QAAQ,EAAE,OAFG;AAGbC,MAAAA,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;AAIbC,MAAAA,KAAK,EAAE,GAJM;AAKbC,MAAAA,GAAG,EAAG,cAAaS,cAAe;AALrB;AAR8B,GAAZ,CAAD,CAAlC;AAgBA,SAAOC,eAAe,EAAtB;AACD,CAnBM;AAqBP,eAAe5B,MAAf","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"],"file":"styles.js"}
+{"version":3,"file":"styles.js","names":["makeStyles","fade","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,SAASA,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,uBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,KAAK,EAAE,MAFH;IAGJC,OAAO,EAAE,GAHL;IAIJC,eAAe,EAAEP,IAAI,CAACE,KAAK,CAACM,OAAN,CAAcC,KAAf,EAAsB,GAAtB,CAJjB;IAKJC,MAAM,EAAE,CALJ;IAMJC,aAAa,EAAE,MANX;IAOJC,QAAQ,EAAE,MAPN;IAQJC,aAAa,EAAE;EARX,CADmB;EAWzBC,gBAAgB,EAAE;IAChBT,KAAK,EAAE,MADS;IAEhBU,QAAQ,EAAE,UAFM;IAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;IAIhBC,KAAK,EAAE,GAJS;IAKhBC,GAAG,EAAE;EALW,CAXO;EAkBzBC,aAAa,EAAE;IACbf,KAAK,EAAE,MADM;IAEbU,QAAQ,EAAE,OAFG;IAGbC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;IAIbC,KAAK,EAAE,GAJM;IAKbC,GAAG,EAAE;EALQ;AAlBU,CAAZ,CAAf;;AA2BA,MAAME,eAAe,GAAIC,iBAAD,IAAuB;EAC7C,MAAMC,QAAQ,GAAG,EAAjB;EACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWJ,iBAAiB,GAAG,GAA/B,CAApB;EACA,OAAOE,WAAW,GAAGD,QAArB;AACD,CAJD;;AAMA,OAAO,MAAMI,qBAAqB,GAAIL,iBAAD,IAAuB;EAC1D,MAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;EACA,MAAMO,eAAe,GAAG9B,UAAU,CAAEG,KAAD,KAAY;IAC7CY,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,EAAG,cAAaS,cAAe;IALlB,CAD2B;IAQ7CR,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,EAAG,cAAaS,cAAe;IALrB;EAR8B,CAAZ,CAAD,CAAlC;EAgBA,OAAOC,eAAe,EAAtB;AACD,CAnBM;AAqBP,eAAe5B,MAAf"}

package/dist/modern/ScrollTo/useScrollTo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ScrollTo/useScrollTo.js"],"names":["useEffect","useRef","useState","useCallback","verticalScrollOffset","findFirstVisibleElement","isScrolledToTheBottom","getScrollTop","scrollElement","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"],"mappings":"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","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"],"file":"useScrollTo.js"}
+{"version":3,"file":"useScrollTo.js","names":["useEffect","useRef","useState","useCallback","verticalScrollOffset","findFirstVisibleElement","isScrolledToTheBottom","getScrollTop","scrollElement","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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"}

package/dist/modern/ScrollTo/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ScrollTo/utils.js"],"names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","focus","preventScroll","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAG,CAACC,CAAC,GAAGC,MAAL,KAAgB;AAC1C,MAAID,CAAC,KAAKC,MAAV,EAAkB;AAChB,WACEA,MAAM,CAACC,OAAP,IACAD,MAAM,CAACE,WADP,IAECC,QAAQ,CAACC,eAAT,IAA4BD,QAAQ,CAACC,eAAT,CAAyBC,SAFtD,IAGAF,QAAQ,CAACG,IAAT,CAAcD,SAJhB;AAMD;;AAED,SAAON,CAAC,CAACM,SAAT;AACD,CAXM;AAaP,OAAO,MAAME,oBAAoB,GAAG,CAACC,CAAD,EAAIT,CAAC,GAAGC,MAAR,KAAmB;AACrD,MAAID,CAAC,KAAKC,MAAV,EAAkB;AAAA;;AAChB,WAAO,CAAC,CAAAQ,CAAC,SAAD,IAAAA,CAAC,WAAD,qCAAAA,CAAC,CAAEC,qBAAH,qFAAAD,CAAC,EAA4BE,GAA7B,KAAoC,CAArC,KAA2CV,MAAM,CAACC,OAAP,IAAkBD,MAAM,CAACE,WAApE,CAAP;AACD;;AACD,MAAIS,gBAAgB,CAACZ,CAAD,CAAhB,CAAoBa,QAApB,KAAiC,QAArC,EAA+C;AAC7C,WAAOJ,CAAC,CAACK,SAAT;AACD;;AAED,SAAOL,CAAC,CAACK,SAAF,GAAcd,CAAC,CAACc,SAAvB;AACD,CATM;AAWP,OAAO,MAAMC,aAAa,GAAG,CAACC,OAAD,EAAUC,SAAV,EAAqBC,MAAM,GAAG,CAA9B,KAAoC;AAC/D,QAAMC,OAAO,GAAGX,oBAAoB,CAACQ,OAAD,EAAUC,SAAV,CAApC;AACAA,EAAAA,SAAS,CAACG,QAAV,CAAmB;AACjBT,IAAAA,GAAG,EAAEQ,OAAO,GAAGD,MADE;AAEjBG,IAAAA,QAAQ,EAAE;AAFO,GAAnB;AAIAL,EAAAA,OAAO,CAACM,KAAR,CAAc;AAAEC,IAAAA,aAAa,EAAE;AAAjB,GAAd;AACD,CAPM;AASP,OAAO,MAAMC,qBAAqB,GAAIP,SAAD,IAAe;AAClD,QAAMQ,kBAAkB,GAAG1B,YAAY,CAACkB,SAAD,CAAvC;;AAEA,MAAIA,SAAS,KAAKhB,MAAlB,EAA0B;AACxB;AACA,UAAMyB,YAAY,GACftB,QAAQ,CAACC,eAAT,IAA4BD,QAAQ,CAACC,eAAT,CAAyBqB,YAAtD,IACAtB,QAAQ,CAACG,IAAT,CAAcmB,YAFhB;AAIA,WAAOD,kBAAkB,GAAGxB,MAAM,CAAC0B,WAA5B,IAA2CD,YAAlD;AACD;;AAED,SAAOD,kBAAkB,GAAGR,SAAS,CAACW,YAA/B,IAA+CX,SAAS,CAACS,YAAhE;AACD,CAbM;AAeP,OAAO,MAAMG,uBAAuB,GAAG,CAACZ,SAAD,EAAYa,OAAZ,EAAqBZ,MAArB,KAAgC;AACrE,QAAMa,SAAS,GAAGvB,oBAAoB,CAACS,SAAD,CAAtC;AAEA,MAAIe,CAAC,GAAG,CAAR,CAHqE,CAIrE;;AACA,SAAOA,CAAC,GAAGF,OAAO,CAACG,MAAnB,EAA2BD,CAAC,IAAI,CAAhC,EAAmC;AACjC,UAAME,GAAG,GAAG9B,QAAQ,CAAC+B,cAAT,CAAwBL,OAAO,CAACE,CAAD,CAAP,CAAWI,KAAnC,CAAZ;;AAEA,QAAIF,GAAJ,EAAS;AACP,YAAMf,OAAO,GAAGX,oBAAoB,CAAC0B,GAAD,CAApB,IAA6BJ,OAAO,CAACE,CAAD,CAAP,CAAWd,MAAX,IAAqBA,MAAlD,CAAhB;;AAEA,UAAIC,OAAO,GAAGY,SAAd,EAAyB;AACvB;AACD;AACF;AACF,GAfoE,CAiBrE;;;AACA,SAAOC,CAAC,GAAG,CAAX;AACD,CAnBM","sourcesContent":["export const getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nexport const verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nexport const scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n  element.focus({ preventScroll: true });\n};\n\nexport const isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\nexport const findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n"],"file":"utils.js"}
+{"version":3,"file":"utils.js","names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","focus","preventScroll","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value"],"sources":["../../../src/ScrollTo/utils.js"],"sourcesContent":["export const getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nexport const verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nexport const scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n  element.focus({ preventScroll: true });\n};\n\nexport const isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\nexport const findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAG,CAACC,CAAC,GAAGC,MAAL,KAAgB;EAC1C,IAAID,CAAC,KAAKC,MAAV,EAAkB;IAChB,OACEA,MAAM,CAACC,OAAP,IACAD,MAAM,CAACE,WADP,IAECC,QAAQ,CAACC,eAAT,IAA4BD,QAAQ,CAACC,eAAT,CAAyBC,SAFtD,IAGAF,QAAQ,CAACG,IAAT,CAAcD,SAJhB;EAMD;;EAED,OAAON,CAAC,CAACM,SAAT;AACD,CAXM;AAaP,OAAO,MAAME,oBAAoB,GAAG,CAACC,CAAD,EAAIT,CAAC,GAAGC,MAAR,KAAmB;EACrD,IAAID,CAAC,KAAKC,MAAV,EAAkB;IAAA;;IAChB,OAAO,CAAC,CAAAQ,CAAC,SAAD,IAAAA,CAAC,WAAD,qCAAAA,CAAC,CAAEC,qBAAH,qFAAAD,CAAC,EAA4BE,GAA7B,KAAoC,CAArC,KAA2CV,MAAM,CAACC,OAAP,IAAkBD,MAAM,CAACE,WAApE,CAAP;EACD;;EACD,IAAIS,gBAAgB,CAACZ,CAAD,CAAhB,CAAoBa,QAApB,KAAiC,QAArC,EAA+C;IAC7C,OAAOJ,CAAC,CAACK,SAAT;EACD;;EAED,OAAOL,CAAC,CAACK,SAAF,GAAcd,CAAC,CAACc,SAAvB;AACD,CATM;AAWP,OAAO,MAAMC,aAAa,GAAG,CAACC,OAAD,EAAUC,SAAV,EAAqBC,MAAM,GAAG,CAA9B,KAAoC;EAC/D,MAAMC,OAAO,GAAGX,oBAAoB,CAACQ,OAAD,EAAUC,SAAV,CAApC;EACAA,SAAS,CAACG,QAAV,CAAmB;IACjBT,GAAG,EAAEQ,OAAO,GAAGD,MADE;IAEjBG,QAAQ,EAAE;EAFO,CAAnB;EAIAL,OAAO,CAACM,KAAR,CAAc;IAAEC,aAAa,EAAE;EAAjB,CAAd;AACD,CAPM;AASP,OAAO,MAAMC,qBAAqB,GAAIP,SAAD,IAAe;EAClD,MAAMQ,kBAAkB,GAAG1B,YAAY,CAACkB,SAAD,CAAvC;;EAEA,IAAIA,SAAS,KAAKhB,MAAlB,EAA0B;IACxB;IACA,MAAMyB,YAAY,GACftB,QAAQ,CAACC,eAAT,IAA4BD,QAAQ,CAACC,eAAT,CAAyBqB,YAAtD,IACAtB,QAAQ,CAACG,IAAT,CAAcmB,YAFhB;IAIA,OAAOD,kBAAkB,GAAGxB,MAAM,CAAC0B,WAA5B,IAA2CD,YAAlD;EACD;;EAED,OAAOD,kBAAkB,GAAGR,SAAS,CAACW,YAA/B,IAA+CX,SAAS,CAACS,YAAhE;AACD,CAbM;AAeP,OAAO,MAAMG,uBAAuB,GAAG,CAACZ,SAAD,EAAYa,OAAZ,EAAqBZ,MAArB,KAAgC;EACrE,MAAMa,SAAS,GAAGvB,oBAAoB,CAACS,SAAD,CAAtC;EAEA,IAAIe,CAAC,GAAG,CAAR,CAHqE,CAIrE;;EACA,OAAOA,CAAC,GAAGF,OAAO,CAACG,MAAnB,EAA2BD,CAAC,IAAI,CAAhC,EAAmC;IACjC,MAAME,GAAG,GAAG9B,QAAQ,CAAC+B,cAAT,CAAwBL,OAAO,CAACE,CAAD,CAAP,CAAWI,KAAnC,CAAZ;;IAEA,IAAIF,GAAJ,EAAS;MACP,MAAMf,OAAO,GAAGX,oBAAoB,CAAC0B,GAAD,CAApB,IAA6BJ,OAAO,CAACE,CAAD,CAAP,CAAWd,MAAX,IAAqBA,MAAlD,CAAhB;;MAEA,IAAIC,OAAO,GAAGY,SAAd,EAAyB;QACvB;MACD;IACF;EACF,CAfoE,CAiBrE;;;EACA,OAAOC,CAAC,GAAG,CAAX;AACD,CAnBM"}

package/dist/modern/ScrollTo/withTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ScrollTo/withTooltip.js"],"names":["React","withTooltip","withTooltipUtil","HvTypography","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","label","componentType","tooltipPosition","hideOnOverflow","component","props","hideTooltipFunc","undefined"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAW,IAAIC,eAAxB,EAAyCC,YAAzC,QAA6D,IAA7D;;AAEA,MAAMC,WAAW,GAAIC,GAAD,IAAS;AAC3B,QAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,CAAS,GAAGN,GAAG,CAACE,MAAJ,CAAWC,QAAvB,EAAiCI,IAAjC,CAAuCC,KAAD,IAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAA3E,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;AAIA,SAAO,CAACT,UAAR;AACD,CAND;;AAQA,MAAML,WAAW,GAAG,CAACe,KAAD,EAAQC,aAAR,EAAuBC,eAAe,GAAG,KAAzC,EAAgDC,cAAc,GAAG,IAAjE,KAA0E;AAC5F,QAAMC,SAAS,GAAIC,KAAD,iBAChB,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEJ;AAAzB,KAA4CI,KAA5C,GACGA,KAAK,CAACb,QADT,CADF;;AAKA,QAAMc,eAAe,GAAGH,cAAc,GAAGf,WAAH,GAAiBmB,SAAvD;AACA,SAAOrB,eAAe,CAACkB,SAAD,EAAYJ,KAAZ,EAAmBE,eAAnB,EAAoCI,eAApC,CAAtB;AACD,CARD;;AAUA,eAAerB,WAAf","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"],"file":"withTooltip.js"}
+{"version":3,"file":"withTooltip.js","names":["React","withTooltip","withTooltipUtil","HvTypography","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAW,IAAIC,eAAxB,EAAyCC,YAAzC,QAA6D,IAA7D;;AAEA,MAAMC,WAAW,GAAIC,GAAD,IAAS;EAC3B,MAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,CAAS,GAAGN,GAAG,CAACE,MAAJ,CAAWC,QAAvB,EAAiCI,IAAjC,CAAuCC,KAAD,IAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAA3E,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,MAAML,WAAW,GAAG,CAACe,KAAD,EAAQC,aAAR,EAAuBC,eAAe,GAAG,KAAzC,EAAgDC,cAAc,GAAG,IAAjE,KAA0E;EAC5F,MAAMC,SAAS,GAAIC,KAAD,iBAChB,oBAAC,YAAD;IAAc,SAAS,EAAEJ;EAAzB,GAA4CI,KAA5C,GACGA,KAAK,CAACb,QADT,CADF;;EAKA,MAAMc,eAAe,GAAGH,cAAc,GAAGf,WAAH,GAAiBmB,SAAvD;EACA,OAAOrB,eAAe,CAACkB,SAAD,EAAYJ,KAAZ,EAAmBE,eAAnB,EAAoCI,eAApC,CAAtB;AACD,CARD;;AAUA,eAAerB,WAAf"}