@hitachivantara/uikit-react-core 3.68.3 → 3.68.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/Header/Navigation/MenuBar/MenuBar.js +5 -1
  2. package/dist/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
  3. package/dist/Header/Navigation/MenuItem/MenuItem.js +29 -9
  4. package/dist/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
  5. package/dist/Header/Navigation/MenuItem/styles.js +4 -0
  6. package/dist/Header/Navigation/MenuItem/styles.js.map +1 -1
  7. package/dist/Header/Navigation/Navigation.d.ts +4 -0
  8. package/dist/Header/Navigation/Navigation.js +5 -1
  9. package/dist/Header/Navigation/Navigation.js.map +1 -1
  10. package/dist/Login/Login.js +1 -3
  11. package/dist/Login/Login.js.map +1 -1
  12. package/dist/Slider/Slider.js +7 -2
  13. package/dist/Slider/Slider.js.map +1 -1
  14. package/dist/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
  15. package/dist/VerticalNavigation/Navigation/Navigation.js +10 -2
  16. package/dist/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  17. package/dist/VerticalNavigation/TreeView/TreeViewItem.d.ts +8 -0
  18. package/dist/VerticalNavigation/TreeView/TreeViewItem.js +25 -4
  19. package/dist/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  20. package/dist/VerticalNavigation/TreeView/styles.js +3 -0
  21. package/dist/VerticalNavigation/TreeView/styles.js.map +1 -1
  22. package/dist/legacy/Header/Navigation/MenuBar/MenuBar.js +5 -1
  23. package/dist/legacy/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
  24. package/dist/legacy/Header/Navigation/MenuItem/MenuItem.js +25 -9
  25. package/dist/legacy/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
  26. package/dist/legacy/Header/Navigation/MenuItem/styles.js +4 -0
  27. package/dist/legacy/Header/Navigation/MenuItem/styles.js.map +1 -1
  28. package/dist/legacy/Header/Navigation/Navigation.d.ts +4 -0
  29. package/dist/legacy/Header/Navigation/Navigation.js +5 -1
  30. package/dist/legacy/Header/Navigation/Navigation.js.map +1 -1
  31. package/dist/legacy/Login/Login.js +1 -2
  32. package/dist/legacy/Login/Login.js.map +1 -1
  33. package/dist/legacy/Slider/Slider.js +4 -1
  34. package/dist/legacy/Slider/Slider.js.map +1 -1
  35. package/dist/legacy/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
  36. package/dist/legacy/VerticalNavigation/Navigation/Navigation.js +10 -2
  37. package/dist/legacy/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  38. package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.d.ts +8 -0
  39. package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js +24 -4
  40. package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  41. package/dist/legacy/VerticalNavigation/TreeView/styles.js +3 -0
  42. package/dist/legacy/VerticalNavigation/TreeView/styles.js.map +1 -1
  43. package/dist/modern/Header/Navigation/MenuBar/MenuBar.js +5 -1
  44. package/dist/modern/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
  45. package/dist/modern/Header/Navigation/MenuItem/MenuItem.js +24 -9
  46. package/dist/modern/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
  47. package/dist/modern/Header/Navigation/MenuItem/styles.js +4 -0
  48. package/dist/modern/Header/Navigation/MenuItem/styles.js.map +1 -1
  49. package/dist/modern/Header/Navigation/Navigation.d.ts +4 -0
  50. package/dist/modern/Header/Navigation/Navigation.js +5 -1
  51. package/dist/modern/Header/Navigation/Navigation.js.map +1 -1
  52. package/dist/modern/Login/Login.js +1 -2
  53. package/dist/modern/Login/Login.js.map +1 -1
  54. package/dist/modern/Slider/Slider.js +1 -1
  55. package/dist/modern/Slider/Slider.js.map +1 -1
  56. package/dist/modern/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
  57. package/dist/modern/VerticalNavigation/Navigation/Navigation.js +10 -2
  58. package/dist/modern/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  59. package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.d.ts +8 -0
  60. package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js +23 -4
  61. package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  62. package/dist/modern/VerticalNavigation/TreeView/styles.js +3 -0
  63. package/dist/modern/VerticalNavigation/TreeView/styles.js.map +1 -1
  64. package/package.json +7 -7
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.js","names":["React","useCallback","useEffect","useRef","useState","useMemo","clsx","PropTypes","Slider","Tooltip","withStyles","HvFormElement","useControlled","useUniqueId","HvLabel","setId","HvWarningText","validationStates","knobsPositionToScaledValue","calculateStepValue","createKnobStyles","createTrackStyles","createMark","knobsValuesToKnobsPositions","knobsPositionsToKnobsValues","scaledValueToKnobsPositionValue","generateDefaultKnobProperties","isSingleSlider","ensureValuesConsistency","convertStatusToArray","statusArrayToFormStatus","styleCreator","SliderInput","HvSlider","props","id","className","name","label","status","statusMessage","disabled","required","requiredMessage","readOnly","ariaErrorMessage","classes","hideInput","markProperties","markStep","markDigits","knobProperties","knobPropertiesProp","values","valuesProp","defaultValues","undefined","inputProps","theme","maxPointValue","minPointValue","divisionQuantity","formatMark","noOverlap","onChange","onBlur","onBeforeChange","onAfterChange","formatTooltip","sliderProps","knobProps","others","styles","stepValue","inverseStepValue","isSingle","defaultKnobsPositions","value","length","knobsPositions","setKnobsPositions","isDraggingTrack","setIsDraggingTrack","isDirty","elementId","hasLabel","arrayStatus","arrayDefaultStatus","validationStatus","setValidationState","validationMessage","setValidationMessage","canShowError","trackStyles","knobStyles","marks","rangesCount","performValidation","invalid","newValidationState","map","position","Number","isNaN","valid","stepVl","inverseStepVl","current","generateKnobsPositionAndValues","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","duplicatedValue","findDuplicated","filter","item","index","indexOf","forEach","array","newArray","newPosition","previousValue","knobsPosition","onChangeHandler","knobs","knobProperty","fixed","onInputChangeHandler","inputValues","newKnobPositions","onBeforeChangeHandler","onAfterChangeHandler","onMouseDownHandler","event","target","includes","onMouseUpHandler","onBlurHandler","sliderInputId","createKnob","knobNode","params","knobValue","dragging","knobClassName","style","restProps","scaledKnobValue","toFixed","backgroundColor","dragColor","color","isEmpty","handleId","indexedHandleId","handleHiddenContainer","handleContainerDisabled","handleContainer","sliderTooltip","document","getElementById","handle","root","trackDragging","trackStandBy","rootDisabled","labelContainer","labelIncluded","onlyInput","sliderContainer","sliderRoot","dotDisabled","dot","singleValue","rail","knobInner","rootRange","error","propTypes","string","node","bool","instanceOf","Object","oneOf","arrayOf","number","shape","hoverColor","trackColor","knobRingColor","defaultValue","hidden","func","knobOuter","knobHidden","knobHiddenLast","track","mark","isRequired","any","withTheme"],"sources":["../../../src/Slider/Slider.js"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport Slider from \"rc-slider\";\nimport Tooltip from \"rc-tooltip\";\nimport \"rc-slider/assets/index.css\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElement, useControlled, useUniqueId, HvLabel, setId, HvWarningText } from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport {\n knobsPositionToScaledValue,\n calculateStepValue,\n createKnobStyles,\n createTrackStyles,\n createMark,\n knobsValuesToKnobsPositions,\n knobsPositionsToKnobsValues,\n scaledValueToKnobsPositionValue,\n generateDefaultKnobProperties,\n isSingleSlider,\n ensureValuesConsistency,\n convertStatusToArray,\n statusArrayToFormStatus,\n} from \"./utils\";\nimport styleCreator from \"./styles\";\nimport SliderInput from \"./SliderInput\";\n\n/**\n * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters. Still in development\n */\nconst HvSlider = (props) => {\n const {\n id,\n className,\n name,\n label,\n status,\n statusMessage,\n disabled,\n required = false,\n requiredMessage = \"The value is required\",\n readOnly = false,\n \"aria-errormessage\": ariaErrorMessage,\n classes,\n hideInput = false,\n markProperties = [],\n markStep = 20,\n markDigits = 0,\n knobProperties: knobPropertiesProp,\n values: valuesProp,\n defaultValues = [undefined],\n inputProps,\n theme,\n maxPointValue = 100,\n minPointValue = 0,\n divisionQuantity = 100,\n formatMark,\n noOverlap = true,\n onChange,\n onBlur,\n onBeforeChange,\n onAfterChange,\n formatTooltip,\n sliderProps,\n knobProps,\n ...others\n } = props;\n\n const styles = styleCreator(theme);\n const stepValue = useMemo(\n () => calculateStepValue(maxPointValue, minPointValue, divisionQuantity),\n [divisionQuantity, maxPointValue, minPointValue]\n );\n const inverseStepValue = 1 / stepValue;\n const isSingle = useMemo(\n () => isSingleSlider(valuesProp, defaultValues),\n [defaultValues, valuesProp]\n );\n const defaultKnobsPositions = useMemo(\n () => knobsValuesToKnobsPositions(defaultValues, inverseStepValue, minPointValue, isSingle),\n [defaultValues, inverseStepValue, isSingle, minPointValue]\n );\n const value = useMemo(\n () =>\n valuesProp?.length > 0\n ? knobsValuesToKnobsPositions(valuesProp, inverseStepValue, minPointValue, isSingle)\n : undefined,\n [inverseStepValue, isSingle, minPointValue, valuesProp]\n );\n\n const [knobsPositions, setKnobsPositions] = useControlled(value, defaultKnobsPositions);\n const [isDraggingTrack, setIsDraggingTrack] = useState(false);\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n const elementId = useUniqueId(id, \"hvSlider\");\n // miscellaneous state\n const hasLabel = label != null;\n // validation related state\n const { arrayStatus, arrayDefaultStatus } = useMemo(\n () => convertStatusToArray(status, knobsPositions.length),\n [knobsPositions.length, status]\n );\n const [validationStatus, setValidationState] = useControlled(arrayStatus, arrayDefaultStatus);\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const knobProperties = generateDefaultKnobProperties(\n knobPropertiesProp,\n knobsPositions.length,\n disabled,\n theme\n );\n const trackStyles = createTrackStyles(knobProperties, styles);\n const knobStyles = createKnobStyles(knobProperties, styles);\n const marks = useMemo(\n () =>\n createMark(\n markProperties,\n markStep,\n divisionQuantity,\n minPointValue,\n stepValue,\n markDigits,\n formatMark,\n disabled,\n styles\n ),\n [\n disabled,\n divisionQuantity,\n formatMark,\n markDigits,\n markProperties,\n markStep,\n minPointValue,\n stepValue,\n styles,\n ]\n );\n\n const rangesCount = knobProperties.length - 1;\n\n const performValidation = useCallback(() => {\n let invalid = false;\n const newValidationState = knobsPositions.map((position) => {\n if (position == null || Number.isNaN(position)) {\n invalid = true;\n return validationStates.invalid;\n }\n return validationStates.valid;\n });\n setValidationState([...newValidationState]);\n if (invalid) {\n setValidationMessage(requiredMessage);\n return;\n }\n setValidationMessage(\"\");\n }, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);\n\n useEffect(() => {\n const stepVl = calculateStepValue(maxPointValue, minPointValue, divisionQuantity);\n const inverseStepVl = 1 / stepVl;\n if (valuesProp?.length > 0) {\n setKnobsPositions(\n knobsValuesToKnobsPositions(\n valuesProp.length > 0 ? valuesProp : defaultValues,\n inverseStepVl,\n minPointValue\n )\n );\n }\n }, [\n defaultValues,\n divisionQuantity,\n maxPointValue,\n minPointValue,\n setKnobsPositions,\n valuesProp,\n ]);\n\n useEffect(() => {\n if (!isDirty.current) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n performValidation(knobsPositions, requiredMessage);\n }, [knobsPositions, requiredMessage, performValidation]);\n\n /**\n * Generates an object which posses the current value and position of the knobs.\n *\n * @param {Array} knobsCurrentPosition - An array containing the current positions of the knobs.\n * @returns {Object} - An object with the positions and values of the knobs.\n * @memberof HvSlider\n */\n const generateKnobsPositionAndValues = (knobsCurrentPosition) => {\n const newKnobsPosition = knobsCurrentPosition.slice();\n const knobsValues = [];\n\n let duplicatedValue = null;\n\n const findDuplicated = newKnobsPosition.filter(\n (item, index) => newKnobsPosition.indexOf(item) !== index\n );\n\n if (noOverlap && findDuplicated.length > 0) {\n [duplicatedValue] = findDuplicated;\n }\n newKnobsPosition.forEach((position, index, array) => {\n const newArray = array;\n let newPosition = position;\n\n if (noOverlap && newPosition === duplicatedValue) {\n const previousValue = knobsPositions[index];\n if (previousValue !== newPosition) {\n newPosition += newPosition > previousValue ? -1 : 1;\n newArray[index] = newPosition;\n }\n }\n\n knobsValues[index] = knobsPositionToScaledValue(newPosition, minPointValue, stepValue);\n }, this);\n\n return {\n knobsPosition: newKnobsPosition,\n knobsValues,\n };\n };\n\n /**\n * Function executed while the knobs changes.\n *\n * executes the callback provided by the user with the values and position of the knobs,\n * also lock the value of the knob in case one is fixed.\n *\n * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n * @memberof HvSlider\n */\n const onChangeHandler = (knobsPosition) => {\n isDirty.current = true;\n const knobs = generateKnobsPositionAndValues(knobsPosition);\n knobProperties.forEach((knobProperty, index) => {\n if (knobProperty.fixed) {\n knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(\n defaultValues[index],\n minPointValue,\n inverseStepValue\n );\n }\n });\n if (disabled || readOnly) return;\n onChange?.(knobs.knobsValues);\n setKnobsPositions(knobs.knobsPosition);\n };\n\n const onInputChangeHandler = (inputValues, index) => {\n let newKnobPositions = knobsValuesToKnobsPositions(\n inputValues,\n inverseStepValue,\n minPointValue\n );\n newKnobPositions = ensureValuesConsistency(newKnobPositions, index);\n onChangeHandler(newKnobPositions);\n };\n\n /**\n * Function executed before a change.\n *\n * executes the callback provided by the user with the values and position of the knobs\n *\n * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n * @memberof HvSlider\n */\n const onBeforeChangeHandler = (knobsPosition) => {\n const knobs = generateKnobsPositionAndValues(knobsPosition);\n onBeforeChange?.(knobs.knobsValues);\n };\n\n /**\n * Function executed after a change.\n *\n * executes the callback provided by the user with the values and position of the knobs\n *\n * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n * @memberof HvSlider\n */\n const onAfterChangeHandler = (knobsPosition) => {\n const knobs = generateKnobsPositionAndValues(knobsPosition);\n onAfterChange?.(knobs.knobsValues);\n };\n\n const onMouseDownHandler = (event) => {\n if (event.target.className.includes(\"track\")) {\n setIsDraggingTrack(true);\n }\n };\n\n const onMouseUpHandler = () => {\n setIsDraggingTrack(false);\n };\n\n const onBlurHandler = (event) => {\n const knobs = generateKnobsPositionAndValues(knobsPositions);\n performValidation(knobsPositions, requiredMessage);\n onBlur?.(event, knobs.knobsValues, status);\n };\n const sliderInputId = setId(elementId, \"input\");\n /**\n * Function used to create a custom knob for the slider.\n *\n * TODO: This should be isolated because is creating a sub component,\n * but there were some problems regarding the underlying component losing\n * references of the handlers disabling the focus.\n *\n * @param {Object} props - An object containing the properties of the knobs.\n * @memberof HvSlider\n */\n const createKnob = (knobNode, params) => {\n const { value: knobValue, dragging, index } = params;\n const { className: knobClassName, style, ...restProps } = knobNode.props;\n const scaledKnobValue = knobsPositionToScaledValue(knobValue, minPointValue, stepValue).toFixed(\n markDigits\n );\n if (dragging) {\n style.backgroundColor = knobProperties[index].dragColor;\n } else {\n style.backgroundColor = knobProperties[index].color;\n }\n\n const isEmpty = Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;\n const handleId = setId(elementId, \"knob\");\n const indexedHandleId = setId(handleId, index);\n return (\n <div\n key={index}\n className={clsx({\n [classes.handleContainer]: !disabled && !isEmpty,\n [classes.handleContainerDisabled]: disabled && !isEmpty,\n [classes.handleHiddenContainer]: isEmpty || readOnly,\n })}\n >\n <Tooltip\n prefixCls=\"rc-slider-tooltip\"\n overlay={formatTooltip?.(scaledKnobValue) || scaledKnobValue}\n visible={dragging}\n placement=\"top\"\n overlayClassName={classes.sliderTooltip}\n getTooltipContainer={() => document.getElementById(indexedHandleId)}\n >\n <div\n id={indexedHandleId}\n style={style}\n className={clsx(knobClassName, classes.handle)}\n {...restProps}\n aria-label={`${label}-knob-${index}`}\n aria-valuenow={knobsPositionToScaledValue(knobValue, minPointValue, stepValue)}\n aria-valuemin={minPointValue}\n aria-valuemax={maxPointValue}\n {...knobProps?.[index]}\n />\n </Tooltip>\n </div>\n );\n };\n\n return (\n <HvFormElement\n className={clsx(className, classes.root, {\n [classes.trackDragging]: !readOnly && !disabled && !isSingle && isDraggingTrack,\n [classes.trackStandBy]: !readOnly && !disabled && !isSingle && !isDraggingTrack,\n [classes.rootDisabled]: disabled,\n })}\n id={id}\n name={name}\n status={statusArrayToFormStatus(validationStatus)}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n onMouseDown={onMouseDownHandler}\n onMouseUp={onMouseUpHandler}\n onBlur={onBlurHandler}\n {...others}\n >\n {(hasLabel || !hideInput) && (\n <div\n className={clsx(classes.labelContainer, {\n [classes.labelIncluded]: hasLabel,\n [classes.onlyInput]: !hasLabel,\n })}\n >\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n className={classes.label}\n htmlFor={setId(elementId, \"slider\")}\n label={label}\n />\n )}\n\n {!hideInput && (\n <SliderInput\n id={sliderInputId}\n label={label}\n values={knobsPositionsToKnobsValues(knobsPositions, stepValue, minPointValue)}\n onChange={onInputChangeHandler}\n status={validationStatus}\n disabled={disabled}\n readOnly={readOnly}\n markDigits={markDigits}\n inputProps={inputProps}\n />\n )}\n </div>\n )}\n <div className={classes.sliderContainer}>\n {isSingle && (\n <Slider\n id={setId(elementId, \"slider\")}\n handleRender={createKnob}\n className={clsx(classes.sliderRoot)}\n min={0}\n max={divisionQuantity}\n step={1}\n marks={marks}\n dotStyle={disabled ? styles.dotDisabled : styles.dot}\n onChange={(singleValue) => onChangeHandler([singleValue])}\n onBeforeChange={(singleValue) => onBeforeChangeHandler([singleValue])}\n onAfterChange={(singleValue) => onAfterChangeHandler([singleValue])}\n value={knobsPositions.length > 0 ? knobsPositions[0] : undefined}\n allowCross={false}\n disabled={disabled}\n count={rangesCount}\n railStyle={styles.rail}\n handleStyle={knobStyles.knobInner}\n trackStyle={trackStyles}\n {...sliderProps}\n />\n )}\n {!isSingle && (\n <Slider\n id={setId(elementId, \"slider\")}\n range\n handleRender={createKnob}\n className={clsx(classes.sliderRoot, { [classes.rootRange]: !isSingle })}\n min={0}\n max={divisionQuantity}\n step={1}\n marks={marks}\n disabled={disabled}\n dotStyle={disabled ? styles.dotDisabled : styles.dot}\n onChange={onChangeHandler}\n onBeforeChange={onBeforeChangeHandler}\n onAfterChange={onAfterChangeHandler}\n value={knobsPositions.length > 0 ? [...knobsPositions] : undefined}\n allowCross={false}\n count={rangesCount}\n railStyle={styles.rail}\n handleStyle={knobStyles.knobInner}\n trackStyle={trackStyles}\n draggableTrack={!readOnly && !isSingle}\n {...sliderProps}\n />\n )}\n </div>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvSlider.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the slider root node.\n */\n id: PropTypes.string,\n /**\n * The slider name.\n */\n name: PropTypes.string,\n /**\n * The label of the slider.\n *\n * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.\n */\n label: PropTypes.node,\n /**\n * Indicates that the slider is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the slider is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user slider is required on the form element.\n */\n required: PropTypes.bool,\n /**\n * What message to render when the value is required.\n */\n requiredMessage: PropTypes.string,\n /**\n * if `true` the input that controls the slider is hidden.\n */\n hideInput: PropTypes.bool,\n /**\n * Attributes applied to the slider element.\n */\n sliderProps: PropTypes.instanceOf(Object),\n /**\n * The status of the slider.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n /**\n * The values array to apply to the component\n */\n values: PropTypes.arrayOf(PropTypes.number),\n /**\n * The default values array to apply to the component\n */\n defaultValues: PropTypes.arrayOf(PropTypes.number),\n /**\n * The object used to set the knob properties,\n * for every item in the array a new knob will be created.\n */\n knobProperties: PropTypes.arrayOf(\n PropTypes.shape({\n color: PropTypes.string,\n hoverColor: PropTypes.string,\n trackColor: PropTypes.string,\n dragColor: PropTypes.string,\n knobRingColor: PropTypes.string,\n defaultValue: PropTypes.number,\n hidden: PropTypes.bool,\n fixed: PropTypes.bool,\n })\n ),\n /**\n * The object used to set the mark properties individually.\n */\n markProperties: PropTypes.arrayOf(\n PropTypes.shape({\n position: PropTypes.number,\n label: PropTypes.string,\n })\n ),\n /**\n * the function executed before a change will occur in the slider.\n */\n onBeforeChange: PropTypes.func,\n /**\n * the function executed while a change is occurring in the slider.\n */\n onChange: PropTypes.func,\n /**\n * the function executed after a change ocurred in the slider.\n */\n onAfterChange: PropTypes.func,\n /**\n * the function executed after a blur ocurred in the slider.\n */\n onBlur: PropTypes.func,\n /**\n * the separation in points between marks.\n * example: if 10 divisions and a markstep of 2 there will be 5 marks.\n */\n markStep: PropTypes.number,\n /**\n * how many subdivisions there are in the slider.\n */\n divisionQuantity: PropTypes.number,\n /**\n * the value of the first point in the slider from left to right.\n */\n minPointValue: PropTypes.number,\n /**\n * the value of the last point in the slider from left to right.\n */\n maxPointValue: PropTypes.number,\n /**\n * the max number of decimals if no format function is applied\n */\n markDigits: PropTypes.number,\n /**\n * a formatting function used to add format to the marks in the track,\n * the function receives the mark text\n */\n formatMark: PropTypes.func,\n /**\n * a formatting function used to add format to the tooltip in the track,\n * the function receives the mark text\n */\n formatTooltip: PropTypes.func,\n /**\n * if `true` the knobs can't have the same value, if `false` knobs can have the same value.\n */\n noOverlap: PropTypes.bool,\n /**\n * the classes object to be applied into the root object.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the root of the component.\n */\n root: PropTypes.string,\n /**\n * Style applied to the root of the component when in range mode.\n */\n rootRange: PropTypes.string,\n /**\n * Style applied to the container holding the label.\n */\n labelContainer: PropTypes.string,\n /**\n * Style applied to the label.\n */\n label: PropTypes.string,\n /**\n * Style applied to the knob.\n */\n handle: PropTypes.string,\n /**\n * Style applied to the container that has the knob used to move.\n */\n handleContainer: PropTypes.string,\n /**\n * Style applied to the div where the slider is placed.\n */\n sliderRoot: PropTypes.string,\n /**\n * Style applied when the user is dragging the range track.\n */\n trackDragging: PropTypes.string,\n /**\n * Style applied when root container is disabled.\n */\n rootDisabled: PropTypes.string,\n /**\n * Style applied when the user is not dragging the range track.\n */\n trackStandBy: PropTypes.string,\n /**\n * Style applied to the warning container.\n */\n error: PropTypes.string,\n /**\n * Style applied to the handle container when it is hidden.\n */\n handleHiddenContainer: PropTypes.string,\n /**\n * Style applied to the handle container when it is disabled.\n */\n handleContainerDisabled: PropTypes.string,\n /**\n * Style applied when the label element is present.\n */\n labelIncluded: PropTypes.string,\n /**\n * Style applied when only the input element is present.\n */\n onlyInput: PropTypes.string,\n /**\n * Style applied to the dot.\n */\n dot: PropTypes.string,\n /**\n * Style applied to the rail.\n */\n rail: PropTypes.string,\n /**\n * Style applied to the inner of the knob.\n */\n knobInner: PropTypes.string,\n /**\n * Style applied to the outside of the knob.\n */\n knobOuter: PropTypes.string,\n /**\n * Style applied when the knob is hidden.\n */\n knobHidden: PropTypes.string,\n /**\n * Style applied last hidden knob.\n */\n knobHiddenLast: PropTypes.string,\n /**\n * Style applied to the track.\n */\n track: PropTypes.string,\n /**\n * Style applied to the mark.\n */\n mark: PropTypes.string,\n /**\n * Style applied to the tooltip.\n */\n sliderTooltip: PropTypes.string,\n /**\n * Style applied to the container of the tooltip.\n */\n sliderContainer: PropTypes.string,\n }).isRequired,\n /**\n * Identifies the element that provides an error message for the slider.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n /**\n * Attributes applied to the input element.\n */\n knobProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n /**\n * Theme object required to style the slider.\n */\n theme: PropTypes.any.isRequired,\n};\n\nexport default withStyles(styleCreator, { name: \"HvSlider\", withTheme: true })(HvSlider);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Slider.js","names":["React","useCallback","useEffect","useRef","useState","useMemo","clsx","PropTypes","Slider","Tooltip","withStyles","HvFormElement","useControlled","useUniqueId","HvLabel","setId","HvWarningText","validationStates","knobsPositionToScaledValue","calculateStepValue","createKnobStyles","createTrackStyles","createMark","knobsValuesToKnobsPositions","knobsPositionsToKnobsValues","scaledValueToKnobsPositionValue","generateDefaultKnobProperties","isSingleSlider","ensureValuesConsistency","convertStatusToArray","statusArrayToFormStatus","styleCreator","SliderInput","HvSlider","props","id","className","name","label","status","statusMessage","disabled","required","requiredMessage","readOnly","ariaErrorMessage","classes","hideInput","markProperties","markStep","markDigits","knobProperties","knobPropertiesProp","values","valuesProp","defaultValues","undefined","inputProps","theme","maxPointValue","minPointValue","divisionQuantity","formatMark","noOverlap","onChange","onBlur","onBeforeChange","onAfterChange","formatTooltip","sliderProps","knobProps","others","styles","stepValue","inverseStepValue","isSingle","defaultKnobsPositions","value","length","knobsPositions","setKnobsPositions","isDraggingTrack","setIsDraggingTrack","isDirty","elementId","hasLabel","arrayStatus","arrayDefaultStatus","validationStatus","setValidationState","validationMessage","setValidationMessage","canShowError","trackStyles","knobStyles","marks","rangesCount","performValidation","invalid","newValidationState","map","position","Number","isNaN","valid","stepVl","inverseStepVl","current","generateKnobsPositionAndValues","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","duplicatedValue","findDuplicated","filter","item","index","indexOf","forEach","array","newArray","newPosition","previousValue","knobsPosition","onChangeHandler","knobs","knobProperty","fixed","onInputChangeHandler","inputValues","newKnobPositions","onBeforeChangeHandler","onAfterChangeHandler","onMouseDownHandler","event","target","includes","onMouseUpHandler","onBlurHandler","sliderInputId","createKnob","knobNode","params","knobValue","dragging","knobClassName","style","restProps","scaledKnobValue","toFixed","backgroundColor","dragColor","color","isEmpty","handleId","indexedHandleId","handleHiddenContainer","handleContainerDisabled","handleContainer","sliderTooltip","document","getElementById","handle","root","trackDragging","trackStandBy","rootDisabled","labelContainer","labelIncluded","onlyInput","sliderContainer","sliderRoot","dotDisabled","dot","singleValue","rail","knobInner","rootRange","error","propTypes","string","node","bool","instanceOf","Object","oneOf","arrayOf","number","shape","hoverColor","trackColor","knobRingColor","defaultValue","hidden","func","knobOuter","knobHidden","knobHiddenLast","track","mark","isRequired","any","withTheme"],"sources":["../../../src/Slider/Slider.js"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport Slider from \"rc-slider\";\nimport Tooltip from \"rc-tooltip\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElement, useControlled, useUniqueId, HvLabel, setId, HvWarningText } from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport {\n knobsPositionToScaledValue,\n calculateStepValue,\n createKnobStyles,\n createTrackStyles,\n createMark,\n knobsValuesToKnobsPositions,\n knobsPositionsToKnobsValues,\n scaledValueToKnobsPositionValue,\n generateDefaultKnobProperties,\n isSingleSlider,\n ensureValuesConsistency,\n convertStatusToArray,\n statusArrayToFormStatus,\n} from \"./utils\";\nimport styleCreator from \"./styles\";\nimport SliderInput from \"./SliderInput\";\n\n/**\n * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters. Still in development\n */\nconst HvSlider = (props) => {\n const {\n id,\n className,\n name,\n label,\n status,\n statusMessage,\n disabled,\n required = false,\n requiredMessage = \"The value is required\",\n readOnly = false,\n \"aria-errormessage\": ariaErrorMessage,\n classes,\n hideInput = false,\n markProperties = [],\n markStep = 20,\n markDigits = 0,\n knobProperties: knobPropertiesProp,\n values: valuesProp,\n defaultValues = [undefined],\n inputProps,\n theme,\n maxPointValue = 100,\n minPointValue = 0,\n divisionQuantity = 100,\n formatMark,\n noOverlap = true,\n onChange,\n onBlur,\n onBeforeChange,\n onAfterChange,\n formatTooltip,\n sliderProps,\n knobProps,\n ...others\n } = props;\n\n const styles = styleCreator(theme);\n const stepValue = useMemo(\n () => calculateStepValue(maxPointValue, minPointValue, divisionQuantity),\n [divisionQuantity, maxPointValue, minPointValue]\n );\n const inverseStepValue = 1 / stepValue;\n const isSingle = useMemo(\n () => isSingleSlider(valuesProp, defaultValues),\n [defaultValues, valuesProp]\n );\n const defaultKnobsPositions = useMemo(\n () => knobsValuesToKnobsPositions(defaultValues, inverseStepValue, minPointValue, isSingle),\n [defaultValues, inverseStepValue, isSingle, minPointValue]\n );\n const value = useMemo(\n () =>\n valuesProp?.length > 0\n ? knobsValuesToKnobsPositions(valuesProp, inverseStepValue, minPointValue, isSingle)\n : undefined,\n [inverseStepValue, isSingle, minPointValue, valuesProp]\n );\n\n const [knobsPositions, setKnobsPositions] = useControlled(value, defaultKnobsPositions);\n const [isDraggingTrack, setIsDraggingTrack] = useState(false);\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n const elementId = useUniqueId(id, \"hvSlider\");\n // miscellaneous state\n const hasLabel = label != null;\n // validation related state\n const { arrayStatus, arrayDefaultStatus } = useMemo(\n () => convertStatusToArray(status, knobsPositions.length),\n [knobsPositions.length, status]\n );\n const [validationStatus, setValidationState] = useControlled(arrayStatus, arrayDefaultStatus);\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const knobProperties = generateDefaultKnobProperties(\n knobPropertiesProp,\n knobsPositions.length,\n disabled,\n theme\n );\n const trackStyles = createTrackStyles(knobProperties, styles);\n const knobStyles = createKnobStyles(knobProperties, styles);\n const marks = useMemo(\n () =>\n createMark(\n markProperties,\n markStep,\n divisionQuantity,\n minPointValue,\n stepValue,\n markDigits,\n formatMark,\n disabled,\n styles\n ),\n [\n disabled,\n divisionQuantity,\n formatMark,\n markDigits,\n markProperties,\n markStep,\n minPointValue,\n stepValue,\n styles,\n ]\n );\n\n const rangesCount = knobProperties.length - 1;\n\n const performValidation = useCallback(() => {\n let invalid = false;\n const newValidationState = knobsPositions.map((position) => {\n if (position == null || Number.isNaN(position)) {\n invalid = true;\n return validationStates.invalid;\n }\n return validationStates.valid;\n });\n setValidationState([...newValidationState]);\n if (invalid) {\n setValidationMessage(requiredMessage);\n return;\n }\n setValidationMessage(\"\");\n }, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);\n\n useEffect(() => import(\"rc-slider/assets/index.css\"), []);\n\n useEffect(() => {\n const stepVl = calculateStepValue(maxPointValue, minPointValue, divisionQuantity);\n const inverseStepVl = 1 / stepVl;\n if (valuesProp?.length > 0) {\n setKnobsPositions(\n knobsValuesToKnobsPositions(\n valuesProp.length > 0 ? valuesProp : defaultValues,\n inverseStepVl,\n minPointValue\n )\n );\n }\n }, [\n defaultValues,\n divisionQuantity,\n maxPointValue,\n minPointValue,\n setKnobsPositions,\n valuesProp,\n ]);\n\n useEffect(() => {\n if (!isDirty.current) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n performValidation(knobsPositions, requiredMessage);\n }, [knobsPositions, requiredMessage, performValidation]);\n\n /**\n * Generates an object which posses the current value and position of the knobs.\n *\n * @param {Array} knobsCurrentPosition - An array containing the current positions of the knobs.\n * @returns {Object} - An object with the positions and values of the knobs.\n * @memberof HvSlider\n */\n const generateKnobsPositionAndValues = (knobsCurrentPosition) => {\n const newKnobsPosition = knobsCurrentPosition.slice();\n const knobsValues = [];\n\n let duplicatedValue = null;\n\n const findDuplicated = newKnobsPosition.filter(\n (item, index) => newKnobsPosition.indexOf(item) !== index\n );\n\n if (noOverlap && findDuplicated.length > 0) {\n [duplicatedValue] = findDuplicated;\n }\n newKnobsPosition.forEach((position, index, array) => {\n const newArray = array;\n let newPosition = position;\n\n if (noOverlap && newPosition === duplicatedValue) {\n const previousValue = knobsPositions[index];\n if (previousValue !== newPosition) {\n newPosition += newPosition > previousValue ? -1 : 1;\n newArray[index] = newPosition;\n }\n }\n\n knobsValues[index] = knobsPositionToScaledValue(newPosition, minPointValue, stepValue);\n }, this);\n\n return {\n knobsPosition: newKnobsPosition,\n knobsValues,\n };\n };\n\n /**\n * Function executed while the knobs changes.\n *\n * executes the callback provided by the user with the values and position of the knobs,\n * also lock the value of the knob in case one is fixed.\n *\n * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n * @memberof HvSlider\n */\n const onChangeHandler = (knobsPosition) => {\n isDirty.current = true;\n const knobs = generateKnobsPositionAndValues(knobsPosition);\n knobProperties.forEach((knobProperty, index) => {\n if (knobProperty.fixed) {\n knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(\n defaultValues[index],\n minPointValue,\n inverseStepValue\n );\n }\n });\n if (disabled || readOnly) return;\n onChange?.(knobs.knobsValues);\n setKnobsPositions(knobs.knobsPosition);\n };\n\n const onInputChangeHandler = (inputValues, index) => {\n let newKnobPositions = knobsValuesToKnobsPositions(\n inputValues,\n inverseStepValue,\n minPointValue\n );\n newKnobPositions = ensureValuesConsistency(newKnobPositions, index);\n onChangeHandler(newKnobPositions);\n };\n\n /**\n * Function executed before a change.\n *\n * executes the callback provided by the user with the values and position of the knobs\n *\n * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n * @memberof HvSlider\n */\n const onBeforeChangeHandler = (knobsPosition) => {\n const knobs = generateKnobsPositionAndValues(knobsPosition);\n onBeforeChange?.(knobs.knobsValues);\n };\n\n /**\n * Function executed after a change.\n *\n * executes the callback provided by the user with the values and position of the knobs\n *\n * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n * @memberof HvSlider\n */\n const onAfterChangeHandler = (knobsPosition) => {\n const knobs = generateKnobsPositionAndValues(knobsPosition);\n onAfterChange?.(knobs.knobsValues);\n };\n\n const onMouseDownHandler = (event) => {\n if (event.target.className.includes(\"track\")) {\n setIsDraggingTrack(true);\n }\n };\n\n const onMouseUpHandler = () => {\n setIsDraggingTrack(false);\n };\n\n const onBlurHandler = (event) => {\n const knobs = generateKnobsPositionAndValues(knobsPositions);\n performValidation(knobsPositions, requiredMessage);\n onBlur?.(event, knobs.knobsValues, status);\n };\n const sliderInputId = setId(elementId, \"input\");\n /**\n * Function used to create a custom knob for the slider.\n *\n * TODO: This should be isolated because is creating a sub component,\n * but there were some problems regarding the underlying component losing\n * references of the handlers disabling the focus.\n *\n * @param {Object} props - An object containing the properties of the knobs.\n * @memberof HvSlider\n */\n const createKnob = (knobNode, params) => {\n const { value: knobValue, dragging, index } = params;\n const { className: knobClassName, style, ...restProps } = knobNode.props;\n const scaledKnobValue = knobsPositionToScaledValue(knobValue, minPointValue, stepValue).toFixed(\n markDigits\n );\n if (dragging) {\n style.backgroundColor = knobProperties[index].dragColor;\n } else {\n style.backgroundColor = knobProperties[index].color;\n }\n\n const isEmpty = Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;\n const handleId = setId(elementId, \"knob\");\n const indexedHandleId = setId(handleId, index);\n return (\n <div\n key={index}\n className={clsx({\n [classes.handleContainer]: !disabled && !isEmpty,\n [classes.handleContainerDisabled]: disabled && !isEmpty,\n [classes.handleHiddenContainer]: isEmpty || readOnly,\n })}\n >\n <Tooltip\n prefixCls=\"rc-slider-tooltip\"\n overlay={formatTooltip?.(scaledKnobValue) || scaledKnobValue}\n visible={dragging}\n placement=\"top\"\n overlayClassName={classes.sliderTooltip}\n getTooltipContainer={() => document.getElementById(indexedHandleId)}\n >\n <div\n id={indexedHandleId}\n style={style}\n className={clsx(knobClassName, classes.handle)}\n {...restProps}\n aria-label={`${label}-knob-${index}`}\n aria-valuenow={knobsPositionToScaledValue(knobValue, minPointValue, stepValue)}\n aria-valuemin={minPointValue}\n aria-valuemax={maxPointValue}\n {...knobProps?.[index]}\n />\n </Tooltip>\n </div>\n );\n };\n\n return (\n <HvFormElement\n className={clsx(className, classes.root, {\n [classes.trackDragging]: !readOnly && !disabled && !isSingle && isDraggingTrack,\n [classes.trackStandBy]: !readOnly && !disabled && !isSingle && !isDraggingTrack,\n [classes.rootDisabled]: disabled,\n })}\n id={id}\n name={name}\n status={statusArrayToFormStatus(validationStatus)}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n onMouseDown={onMouseDownHandler}\n onMouseUp={onMouseUpHandler}\n onBlur={onBlurHandler}\n {...others}\n >\n {(hasLabel || !hideInput) && (\n <div\n className={clsx(classes.labelContainer, {\n [classes.labelIncluded]: hasLabel,\n [classes.onlyInput]: !hasLabel,\n })}\n >\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n className={classes.label}\n htmlFor={setId(elementId, \"slider\")}\n label={label}\n />\n )}\n\n {!hideInput && (\n <SliderInput\n id={sliderInputId}\n label={label}\n values={knobsPositionsToKnobsValues(knobsPositions, stepValue, minPointValue)}\n onChange={onInputChangeHandler}\n status={validationStatus}\n disabled={disabled}\n readOnly={readOnly}\n markDigits={markDigits}\n inputProps={inputProps}\n />\n )}\n </div>\n )}\n <div className={classes.sliderContainer}>\n {isSingle && (\n <Slider\n id={setId(elementId, \"slider\")}\n handleRender={createKnob}\n className={clsx(classes.sliderRoot)}\n min={0}\n max={divisionQuantity}\n step={1}\n marks={marks}\n dotStyle={disabled ? styles.dotDisabled : styles.dot}\n onChange={(singleValue) => onChangeHandler([singleValue])}\n onBeforeChange={(singleValue) => onBeforeChangeHandler([singleValue])}\n onAfterChange={(singleValue) => onAfterChangeHandler([singleValue])}\n value={knobsPositions.length > 0 ? knobsPositions[0] : undefined}\n allowCross={false}\n disabled={disabled}\n count={rangesCount}\n railStyle={styles.rail}\n handleStyle={knobStyles.knobInner}\n trackStyle={trackStyles}\n {...sliderProps}\n />\n )}\n {!isSingle && (\n <Slider\n id={setId(elementId, \"slider\")}\n range\n handleRender={createKnob}\n className={clsx(classes.sliderRoot, { [classes.rootRange]: !isSingle })}\n min={0}\n max={divisionQuantity}\n step={1}\n marks={marks}\n disabled={disabled}\n dotStyle={disabled ? styles.dotDisabled : styles.dot}\n onChange={onChangeHandler}\n onBeforeChange={onBeforeChangeHandler}\n onAfterChange={onAfterChangeHandler}\n value={knobsPositions.length > 0 ? [...knobsPositions] : undefined}\n allowCross={false}\n count={rangesCount}\n railStyle={styles.rail}\n handleStyle={knobStyles.knobInner}\n trackStyle={trackStyles}\n draggableTrack={!readOnly && !isSingle}\n {...sliderProps}\n />\n )}\n </div>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvSlider.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the slider root node.\n */\n id: PropTypes.string,\n /**\n * The slider name.\n */\n name: PropTypes.string,\n /**\n * The label of the slider.\n *\n * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.\n */\n label: PropTypes.node,\n /**\n * Indicates that the slider is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the slider is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user slider is required on the form element.\n */\n required: PropTypes.bool,\n /**\n * What message to render when the value is required.\n */\n requiredMessage: PropTypes.string,\n /**\n * if `true` the input that controls the slider is hidden.\n */\n hideInput: PropTypes.bool,\n /**\n * Attributes applied to the slider element.\n */\n sliderProps: PropTypes.instanceOf(Object),\n /**\n * The status of the slider.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n /**\n * The values array to apply to the component\n */\n values: PropTypes.arrayOf(PropTypes.number),\n /**\n * The default values array to apply to the component\n */\n defaultValues: PropTypes.arrayOf(PropTypes.number),\n /**\n * The object used to set the knob properties,\n * for every item in the array a new knob will be created.\n */\n knobProperties: PropTypes.arrayOf(\n PropTypes.shape({\n color: PropTypes.string,\n hoverColor: PropTypes.string,\n trackColor: PropTypes.string,\n dragColor: PropTypes.string,\n knobRingColor: PropTypes.string,\n defaultValue: PropTypes.number,\n hidden: PropTypes.bool,\n fixed: PropTypes.bool,\n })\n ),\n /**\n * The object used to set the mark properties individually.\n */\n markProperties: PropTypes.arrayOf(\n PropTypes.shape({\n position: PropTypes.number,\n label: PropTypes.string,\n })\n ),\n /**\n * the function executed before a change will occur in the slider.\n */\n onBeforeChange: PropTypes.func,\n /**\n * the function executed while a change is occurring in the slider.\n */\n onChange: PropTypes.func,\n /**\n * the function executed after a change ocurred in the slider.\n */\n onAfterChange: PropTypes.func,\n /**\n * the function executed after a blur ocurred in the slider.\n */\n onBlur: PropTypes.func,\n /**\n * the separation in points between marks.\n * example: if 10 divisions and a markstep of 2 there will be 5 marks.\n */\n markStep: PropTypes.number,\n /**\n * how many subdivisions there are in the slider.\n */\n divisionQuantity: PropTypes.number,\n /**\n * the value of the first point in the slider from left to right.\n */\n minPointValue: PropTypes.number,\n /**\n * the value of the last point in the slider from left to right.\n */\n maxPointValue: PropTypes.number,\n /**\n * the max number of decimals if no format function is applied\n */\n markDigits: PropTypes.number,\n /**\n * a formatting function used to add format to the marks in the track,\n * the function receives the mark text\n */\n formatMark: PropTypes.func,\n /**\n * a formatting function used to add format to the tooltip in the track,\n * the function receives the mark text\n */\n formatTooltip: PropTypes.func,\n /**\n * if `true` the knobs can't have the same value, if `false` knobs can have the same value.\n */\n noOverlap: PropTypes.bool,\n /**\n * the classes object to be applied into the root object.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the root of the component.\n */\n root: PropTypes.string,\n /**\n * Style applied to the root of the component when in range mode.\n */\n rootRange: PropTypes.string,\n /**\n * Style applied to the container holding the label.\n */\n labelContainer: PropTypes.string,\n /**\n * Style applied to the label.\n */\n label: PropTypes.string,\n /**\n * Style applied to the knob.\n */\n handle: PropTypes.string,\n /**\n * Style applied to the container that has the knob used to move.\n */\n handleContainer: PropTypes.string,\n /**\n * Style applied to the div where the slider is placed.\n */\n sliderRoot: PropTypes.string,\n /**\n * Style applied when the user is dragging the range track.\n */\n trackDragging: PropTypes.string,\n /**\n * Style applied when root container is disabled.\n */\n rootDisabled: PropTypes.string,\n /**\n * Style applied when the user is not dragging the range track.\n */\n trackStandBy: PropTypes.string,\n /**\n * Style applied to the warning container.\n */\n error: PropTypes.string,\n /**\n * Style applied to the handle container when it is hidden.\n */\n handleHiddenContainer: PropTypes.string,\n /**\n * Style applied to the handle container when it is disabled.\n */\n handleContainerDisabled: PropTypes.string,\n /**\n * Style applied when the label element is present.\n */\n labelIncluded: PropTypes.string,\n /**\n * Style applied when only the input element is present.\n */\n onlyInput: PropTypes.string,\n /**\n * Style applied to the dot.\n */\n dot: PropTypes.string,\n /**\n * Style applied to the rail.\n */\n rail: PropTypes.string,\n /**\n * Style applied to the inner of the knob.\n */\n knobInner: PropTypes.string,\n /**\n * Style applied to the outside of the knob.\n */\n knobOuter: PropTypes.string,\n /**\n * Style applied when the knob is hidden.\n */\n knobHidden: PropTypes.string,\n /**\n * Style applied last hidden knob.\n */\n knobHiddenLast: PropTypes.string,\n /**\n * Style applied to the track.\n */\n track: PropTypes.string,\n /**\n * Style applied to the mark.\n */\n mark: PropTypes.string,\n /**\n * Style applied to the tooltip.\n */\n sliderTooltip: PropTypes.string,\n /**\n * Style applied to the container of the tooltip.\n */\n sliderContainer: PropTypes.string,\n }).isRequired,\n /**\n * Identifies the element that provides an error message for the slider.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n /**\n * Attributes applied to the input element.\n */\n knobProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n /**\n * Theme object required to style the slider.\n */\n theme: PropTypes.any.isRequired,\n};\n\nexport default withStyles(styleCreator, { name: \"HvSlider\", withTheme: true })(HvSlider);\n"],"mappings":"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"}
@@ -10,6 +10,14 @@ export interface NavigationData {
10
10
  * the label to be rendered on the menu item.
11
11
  */
12
12
  label: string;
13
+ /**
14
+ * The url for the link.
15
+ */
16
+ href?: string;
17
+ /**
18
+ * The behavior when opening a link.
19
+ */
20
+ target?: string;
13
21
  /**
14
22
  * Icon to be render.
15
23
  */
@@ -19,12 +19,16 @@ const createListHierarchy = (items, id, classes) => items.map(item => {
19
19
  icon,
20
20
  data: children,
21
21
  selectable,
22
- disabled
22
+ disabled,
23
+ href,
24
+ target
23
25
  } = item;
24
26
  const ItemText = wrapperTooltip(true, itemLabel, itemLabel);
25
27
  return /*#__PURE__*/React.createElement(TreeViewItem, {
26
28
  id: setId(id, itemId),
27
29
  className: classes.listItem,
30
+ href: href,
31
+ target: target,
28
32
  key: itemId,
29
33
  nodeId: itemId,
30
34
  label: /*#__PURE__*/React.createElement(ItemText, null),
@@ -241,12 +245,16 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
241
245
  * id - the id to be applied to the root element.
242
246
  * label - the label to be rendered on the menu item.
243
247
  * data - sub-menu items
248
+ * href - the url used for navigation.
249
+ * target - the behavior when opening an url.
244
250
  */
245
251
  data: PropTypes.arrayOf(PropTypes.shape({
246
252
  id: PropTypes.string.isRequired,
247
253
  label: PropTypes.string.isRequired,
248
254
  icon: PropTypes.node,
249
- data: PropTypes.array
255
+ data: PropTypes.array,
256
+ href: PropTypes.string,
257
+ target: PropTypes.string
250
258
  })).isRequired,
251
259
 
252
260
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Navigation.js","names":["React","useCallback","useMemo","PropTypes","deprecatedPropType","withStyles","clsx","TreeView","TreeViewItem","setId","useControlled","styles","wrapperTooltip","createListHierarchy","items","id","classes","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","ItemText","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","onClick","others","setSelected","setExpanded","slice","handleChange","event","selectedId","selectedItem","handleToggle","newExpanded","root","list","propTypes","string","shape","isRequired","oneOf","bool","func","arrayOf","oneOfType","node","array","name"],"sources":["../../../../src/VerticalNavigation/Navigation/Navigation.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport TreeView, { TreeViewItem } from \"../TreeView\";\nimport { setId, useControlled } from \"../../utils\";\nimport styles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst createListHierarchy = (items, id, classes) =>\n items.map((item) => {\n const { id: itemId, label: itemLabel, icon, data: children, selectable, disabled } = item;\n\n const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n return (\n <TreeViewItem\n id={setId(id, itemId)}\n className={classes.listItem}\n key={itemId}\n nodeId={itemId}\n label={<ItemText />}\n icon={icon}\n payload={item}\n selectable={selectable}\n disabled={disabled}\n >\n {children ? createListHierarchy(children, id, classes) : undefined}\n </TreeViewItem>\n );\n });\n\nconst getAllParents = (items) => {\n const parents = items.filter((item) => item.data != null && item.data.length > 0);\n const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n const path = [];\n\n if (data != null && data.length > 0) {\n // eslint-disable-next-line no-plusplus\n for (let i = 0; i !== data.length; ++i) {\n const item = data[i];\n if (item.id === targetId) {\n path.push(item.id);\n break;\n }\n\n const subPaths = pathToElement(item.data, targetId);\n if (subPaths.length > 0) {\n path.push(item.id);\n path.push(...subPaths);\n break;\n }\n }\n }\n\n return path;\n}\n\nconst Navigation = ({\n id,\n\n className,\n classes,\n\n data,\n\n mode = \"navigation\",\n\n collapsible = false,\n expanded: expandedProp,\n defaultExpanded,\n onToggle,\n\n selected: selectedProp,\n defaultSelected,\n onChange,\n\n label,\n onClick,\n\n ...others\n}) => {\n const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n const [expanded, setExpanded] = useControlled(expandedProp, () => {\n if (defaultExpanded === true) {\n // all parent nodes will be expanded by default\n return getAllParents(data).map((item) => item.id);\n }\n\n if (defaultExpanded === false) {\n // all parent nodes will be collapsed by default\n return [];\n }\n\n if (defaultExpanded == null) {\n if (selected != null) {\n // the path to the selected node will be expanded (default behaviour)\n const path = pathToElement(data, selected);\n return path.slice(0, -1);\n }\n\n // nothing is expanded\n return [];\n }\n\n return defaultExpanded;\n });\n\n const handleChange = useCallback(\n (event, selectedId, selectedItem) => {\n setSelected(selectedId);\n\n if (onChange) {\n onChange(event, selectedItem);\n }\n\n // deprecated\n if (onClick) {\n onClick(event, selectedItem);\n }\n },\n [onChange, onClick, setSelected]\n );\n\n const handleToggle = useCallback(\n (event, newExpanded) => {\n setExpanded(newExpanded);\n\n if (onToggle) {\n onToggle(event, newExpanded);\n }\n\n // deprecated\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, onToggle, setExpanded]\n );\n\n const children = useMemo(\n () => data && createListHierarchy(data, id, classes),\n [classes, data, id]\n );\n\n return (\n <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n <TreeView\n id={setId(id, \"tree\")}\n className={classes.list}\n selectable\n mode={mode}\n collapsible={collapsible}\n selected={selected}\n onChange={handleChange}\n expanded={expanded}\n onToggle={handleToggle}\n >\n {children}\n </TreeView>\n </nav>\n );\n};\n\nNavigation.propTypes = {\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n\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 * Style applied to the root element.\n */\n root: PropTypes.string,\n /**\n * Style applied to the list.\n */\n list: PropTypes.string,\n /**\n * Style applied to the list items.\n */\n listItem: PropTypes.string,\n }).isRequired,\n\n /**\n * Modus operandi (role) of the widget instance.\n */\n mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n /**\n * Can non-leaf nodes be collapsed / expanded.\n */\n collapsible: PropTypes.bool,\n\n /**\n * The ID of the selected page.\n */\n selected: PropTypes.string,\n /**\n * When uncontrolled, defines the initial selected page ID.\n */\n defaultSelected: PropTypes.string,\n /**\n * Callback fired when a navigation item is selected.\n *\n * @param {object} event The event source of the callback.\n * @param {object} page The data of the selected page.\n */\n onChange: PropTypes.func,\n\n /**\n * Expanded nodes' ids.\n */\n expanded: PropTypes.arrayOf(PropTypes.string),\n /**\n * When uncontrolled, defines the initial expanded nodes' ids.\n *\n * It also supports `true` for starting with all nodes expanded.\n * With `false` all nodes will be collapsed.\n *\n * By default it expands the needed nodes to display the current selection, if any.\n */\n defaultExpanded: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.bool]),\n /**\n * Callback fired when tree items are expanded/collapsed.\n *\n * @param {object} event The event source of the callback.\n * @param {array} nodeIds The ids of the expanded nodes (old and new).\n */\n onToggle: PropTypes.func,\n\n /**\n * An array containing the data for each menu item.\n *\n * id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n * data - sub-menu items\n */\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.node,\n data: PropTypes.array,\n })\n ).isRequired,\n\n /**\n * Callback triggered when any item is clicked.\n *\n * @deprecated use `onChange` for selection and `onToggle` for node expansion/collapse.\n */\n onClick: deprecatedPropType(PropTypes.func),\n /**\n * The root element (nav) aria label.\n *\n * @deprecated Use directly the `aria-label` property instead.\n */\n label: deprecatedPropType(PropTypes.string),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Navigation.js","names":["React","useCallback","useMemo","PropTypes","deprecatedPropType","withStyles","clsx","TreeView","TreeViewItem","setId","useControlled","styles","wrapperTooltip","createListHierarchy","items","id","classes","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","onClick","others","setSelected","setExpanded","slice","handleChange","event","selectedId","selectedItem","handleToggle","newExpanded","root","list","propTypes","string","shape","isRequired","oneOf","bool","func","arrayOf","oneOfType","node","array","name"],"sources":["../../../../src/VerticalNavigation/Navigation/Navigation.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport TreeView, { TreeViewItem } from \"../TreeView\";\nimport { setId, useControlled } from \"../../utils\";\nimport styles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst createListHierarchy = (items, id, classes) =>\n items.map((item) => {\n const {\n id: itemId,\n label: itemLabel,\n icon,\n data: children,\n selectable,\n disabled,\n href,\n target,\n } = item;\n\n const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n return (\n <TreeViewItem\n id={setId(id, itemId)}\n className={classes.listItem}\n href={href}\n target={target}\n key={itemId}\n nodeId={itemId}\n label={<ItemText />}\n icon={icon}\n payload={item}\n selectable={selectable}\n disabled={disabled}\n >\n {children ? createListHierarchy(children, id, classes) : undefined}\n </TreeViewItem>\n );\n });\n\nconst getAllParents = (items) => {\n const parents = items.filter((item) => item.data != null && item.data.length > 0);\n const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n const path = [];\n\n if (data != null && data.length > 0) {\n // eslint-disable-next-line no-plusplus\n for (let i = 0; i !== data.length; ++i) {\n const item = data[i];\n if (item.id === targetId) {\n path.push(item.id);\n break;\n }\n\n const subPaths = pathToElement(item.data, targetId);\n if (subPaths.length > 0) {\n path.push(item.id);\n path.push(...subPaths);\n break;\n }\n }\n }\n\n return path;\n}\n\nconst Navigation = ({\n id,\n\n className,\n classes,\n\n data,\n\n mode = \"navigation\",\n\n collapsible = false,\n expanded: expandedProp,\n defaultExpanded,\n onToggle,\n\n selected: selectedProp,\n defaultSelected,\n onChange,\n\n label,\n onClick,\n\n ...others\n}) => {\n const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n const [expanded, setExpanded] = useControlled(expandedProp, () => {\n if (defaultExpanded === true) {\n // all parent nodes will be expanded by default\n return getAllParents(data).map((item) => item.id);\n }\n\n if (defaultExpanded === false) {\n // all parent nodes will be collapsed by default\n return [];\n }\n\n if (defaultExpanded == null) {\n if (selected != null) {\n // the path to the selected node will be expanded (default behaviour)\n const path = pathToElement(data, selected);\n return path.slice(0, -1);\n }\n\n // nothing is expanded\n return [];\n }\n\n return defaultExpanded;\n });\n\n const handleChange = useCallback(\n (event, selectedId, selectedItem) => {\n setSelected(selectedId);\n\n if (onChange) {\n onChange(event, selectedItem);\n }\n\n // deprecated\n if (onClick) {\n onClick(event, selectedItem);\n }\n },\n [onChange, onClick, setSelected]\n );\n\n const handleToggle = useCallback(\n (event, newExpanded) => {\n setExpanded(newExpanded);\n\n if (onToggle) {\n onToggle(event, newExpanded);\n }\n\n // deprecated\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, onToggle, setExpanded]\n );\n\n const children = useMemo(\n () => data && createListHierarchy(data, id, classes),\n [classes, data, id]\n );\n\n return (\n <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n <TreeView\n id={setId(id, \"tree\")}\n className={classes.list}\n selectable\n mode={mode}\n collapsible={collapsible}\n selected={selected}\n onChange={handleChange}\n expanded={expanded}\n onToggle={handleToggle}\n >\n {children}\n </TreeView>\n </nav>\n );\n};\n\nNavigation.propTypes = {\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n\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 * Style applied to the root element.\n */\n root: PropTypes.string,\n /**\n * Style applied to the list.\n */\n list: PropTypes.string,\n /**\n * Style applied to the list items.\n */\n listItem: PropTypes.string,\n }).isRequired,\n\n /**\n * Modus operandi (role) of the widget instance.\n */\n mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n /**\n * Can non-leaf nodes be collapsed / expanded.\n */\n collapsible: PropTypes.bool,\n\n /**\n * The ID of the selected page.\n */\n selected: PropTypes.string,\n /**\n * When uncontrolled, defines the initial selected page ID.\n */\n defaultSelected: PropTypes.string,\n /**\n * Callback fired when a navigation item is selected.\n *\n * @param {object} event The event source of the callback.\n * @param {object} page The data of the selected page.\n */\n onChange: PropTypes.func,\n\n /**\n * Expanded nodes' ids.\n */\n expanded: PropTypes.arrayOf(PropTypes.string),\n /**\n * When uncontrolled, defines the initial expanded nodes' ids.\n *\n * It also supports `true` for starting with all nodes expanded.\n * With `false` all nodes will be collapsed.\n *\n * By default it expands the needed nodes to display the current selection, if any.\n */\n defaultExpanded: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.bool]),\n /**\n * Callback fired when tree items are expanded/collapsed.\n *\n * @param {object} event The event source of the callback.\n * @param {array} nodeIds The ids of the expanded nodes (old and new).\n */\n onToggle: PropTypes.func,\n\n /**\n * An array containing the data for each menu item.\n *\n * id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n * data - sub-menu items\n * href - the url used for navigation.\n * target - the behavior when opening an url.\n */\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.node,\n data: PropTypes.array,\n href: PropTypes.string,\n target: PropTypes.string,\n })\n ).isRequired,\n\n /**\n * Callback triggered when any item is clicked.\n *\n * @deprecated use `onChange` for selection and `onToggle` for node expansion/collapse.\n */\n onClick: deprecatedPropType(PropTypes.func),\n /**\n * The root element (nav) aria label.\n *\n * @deprecated Use directly the `aria-label` property instead.\n */\n label: deprecatedPropType(PropTypes.string),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"mappings":"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"}
@@ -40,6 +40,14 @@ export interface HvVerticalNavigationTreeViewItemProps
40
40
  * The item label.
41
41
  */
42
42
  label: React.ReactNode;
43
+ /**
44
+ * The url for the link.
45
+ */
46
+ href: string;
47
+ /**
48
+ * The behavior when opening a link.
49
+ */
50
+ target: string;
43
51
  /**
44
52
  * The node payload.
45
53
  */
@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
3
3
 
4
4
  var _DropUpXS, _DropDownXS;
5
5
 
6
- const _excluded = ["id", "className", "classes", "disabled", "selectable", "nodeId", "icon", "label", "payload", "onClick", "onMouseDown", "onFocus", "children"];
6
+ const _excluded = ["id", "className", "classes", "disabled", "selectable", "nodeId", "icon", "label", "href", "target", "payload", "onClick", "onMouseDown", "onFocus", "children"];
7
7
  import "core-js/modules/web.dom-collections.iterator.js";
8
8
  import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
9
9
  import clsx from "clsx";
@@ -33,6 +33,8 @@ const TreeViewItem = /*#__PURE__*/React.forwardRef((props, ref) => {
33
33
  nodeId,
34
34
  icon = null,
35
35
  label,
36
+ href,
37
+ target,
36
38
  payload,
37
39
  onClick,
38
40
  onMouseDown,
@@ -236,9 +238,11 @@ const TreeViewItem = /*#__PURE__*/React.forwardRef((props, ref) => {
236
238
  }, [expandable, handleExpansion, handleSelection, selectable]);
237
239
  const renderedContent = useMemo(() => /*#__PURE__*/React.createElement(HvTypography, _extends({
238
240
  id: setId(id, "button"),
239
- component: "div",
241
+ component: href ? "a" : "div",
242
+ href: href,
243
+ target: target,
240
244
  innerRef: contentRef,
241
- className: classes.content,
245
+ className: clsx(classes.content, href != null && classes.link),
242
246
  variant: disabled ? "placeholderText" : "normalText",
243
247
  onClick: handleClick,
244
248
  onMouseDown: handleMouseDown,
@@ -256,7 +260,7 @@ const TreeViewItem = /*#__PURE__*/React.forwardRef((props, ref) => {
256
260
  "aria-current": selectable && selected ? "page" : undefined,
257
261
  "aria-expanded": expandable ? expanded : undefined,
258
262
  "aria-controls": expandable ? setId(id, "group") : undefined
259
- }), expandable && (expanded ? _DropUpXS || (_DropUpXS = /*#__PURE__*/React.createElement(DropUpXS, null)) : _DropDownXS || (_DropDownXS = /*#__PURE__*/React.createElement(DropDownXS, null))), icon, label), [id, classes.content, handleClick, handleMouseDown, expandable, level, collapsible, treeviewMode, handleFocus, handleKeyDown, selectable, selected, expanded, icon, label, disabled]);
263
+ }), expandable && (expanded ? _DropUpXS || (_DropUpXS = /*#__PURE__*/React.createElement(DropUpXS, null)) : _DropDownXS || (_DropDownXS = /*#__PURE__*/React.createElement(DropDownXS, null))), icon, label), [id, href, target, classes.content, classes.link, disabled, handleClick, handleMouseDown, expandable, icon, level, collapsible, treeviewMode, handleFocus, selectable, handleKeyDown, selected, expanded, label]);
260
264
  const renderedChildren = useMemo(() => children && /*#__PURE__*/React.createElement("ul", {
261
265
  id: setId(id, "group"),
262
266
  className: classes.group,
@@ -302,6 +306,11 @@ process.env.NODE_ENV !== "production" ? TreeViewItem.propTypes = {
302
306
  */
303
307
  content: PropTypes.string,
304
308
 
309
+ /**
310
+ * Style applied to the content when it is a link.
311
+ */
312
+ link: PropTypes.string,
313
+
305
314
  /**
306
315
  * Style applied to the group.
307
316
  */
@@ -378,6 +387,16 @@ process.env.NODE_ENV !== "production" ? TreeViewItem.propTypes = {
378
387
  */
379
388
  label: PropTypes.node.isRequired,
380
389
 
390
+ /**
391
+ * The url for the link.
392
+ */
393
+ href: PropTypes.string,
394
+
395
+ /**
396
+ * The behavior when opening a link.
397
+ */
398
+ target: PropTypes.string,
399
+
381
400
  /**
382
401
  * The node payload.
383
402
  */
@@ -1 +1 @@
1
- {"version":3,"file":"TreeViewItem.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","clsx","PropTypes","withStyles","DropDownXS","DropUpXS","HvTypography","TreeViewControlContext","TreeViewStateContext","setId","useForkRef","DescendantProvider","useDescendant","styles","preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","forwardRef","props","ref","id","idProp","className","classes","disabledProp","selectable","selectableProp","nodeId","icon","label","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","isExpanded","isSelected","isFocused","isDisabled","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","contentRef","handleRef","descendant","element","index","parentId","level","expandable","Array","isArray","expanded","focused","selected","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","target","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","content","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","node","unselected","unselectable","collapsed","propTypes","string","shape","isRequired","bool","any","func","name"],"sources":["../../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId, useForkRef } from \"../../utils\";\n\nimport { DescendantProvider, useDescendant } from \"./descendants\";\n\nimport styles from \"./styles\";\n\nconst preventSelection = (event, disabled) => {\n if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n // Prevent text selection\n event.preventDefault();\n }\n};\n\nconst TreeViewItem = React.forwardRef((props, ref) => {\n const {\n id: idProp,\n className,\n classes,\n\n disabled: disabledProp = false,\n\n selectable: selectableProp,\n\n nodeId,\n icon = null,\n label,\n payload,\n\n onClick,\n onMouseDown,\n onFocus,\n\n children,\n\n ...others\n } = props;\n\n const treeViewControlContext = useContext(TreeViewControlContext);\n const { isExpanded, isSelected, isFocused, isDisabled } = useContext(TreeViewStateContext);\n\n const {\n treeId,\n mode,\n collapsible,\n toggleExpansion,\n multiSelect,\n selectNode,\n selectRange,\n disabledItemsFocusable,\n registerNode,\n unregisterNode,\n mapFirstChar,\n unMapFirstChar,\n focus,\n } = treeViewControlContext;\n\n const treeviewMode = mode === \"treeview\";\n\n let id = null;\n\n if (idProp != null) {\n id = idProp;\n } else if (treeId && nodeId) {\n id = `${treeId}-${nodeId}`;\n }\n\n const [treeitemElement, setTreeitemElement] = useState(null);\n const contentRef = useRef(null);\n const handleRef = useForkRef(setTreeitemElement, ref);\n\n const descendant = useMemo(\n () => ({\n element: treeitemElement,\n id: nodeId,\n }),\n [nodeId, treeitemElement]\n );\n\n const { index, parentId, level } = useDescendant(descendant);\n\n const expandable = collapsible && Array.isArray(children);\n const expanded = isExpanded ? isExpanded(nodeId) : false;\n const focused = isFocused ? isFocused(nodeId) : false;\n const selected = isSelected ? isSelected(nodeId) : false;\n const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n const selectable = selectableProp != null ? selectableProp : !collapsible || !expandable;\n\n useEffect(() => {\n // On the first render a node's index will be -1. We want to wait for the real index.\n if (registerNode && unregisterNode && index !== -1) {\n registerNode({\n id: nodeId,\n idAttribute: id,\n index,\n parentId,\n selectable,\n expandable,\n disabled: disabledProp,\n onFocus,\n payload,\n });\n\n return () => {\n unregisterNode(nodeId);\n };\n }\n\n return undefined;\n }, [\n registerNode,\n unregisterNode,\n parentId,\n index,\n nodeId,\n expandable,\n disabledProp,\n id,\n selectable,\n onFocus,\n payload,\n ]);\n\n useEffect(() => {\n if (mapFirstChar && unMapFirstChar && label) {\n mapFirstChar(nodeId, contentRef.current?.textContent.substring(0, 1).toLowerCase());\n\n return () => {\n unMapFirstChar(nodeId);\n };\n }\n return undefined;\n }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n let ariaSelected;\n if (multiSelect) {\n ariaSelected = selected;\n } else if (selected) {\n /* single-selection trees unset aria-selected on un-selected items.\n *\n * If the tree does not support multiple selection, aria-selected\n * is set to true for the selected node and it is not present on any other node in the tree.\n * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n */\n ariaSelected = true;\n }\n\n const handleFocus = useCallback(\n (event) => {\n // DOM focus stays on the tree which manages focus with aria-activedescendant\n if (event.target === event.currentTarget) {\n (event.target.ownerDocument || document)\n .getElementById(treeId)\n .focus({ preventScroll: true });\n }\n\n const unfocusable = !disabledItemsFocusable && disabled;\n if (!focused && event.currentTarget === event.target && !unfocusable) {\n focus(event, nodeId);\n }\n },\n [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n );\n\n const handleExpansion = useCallback(\n (event) => {\n if (!disabled) {\n if (treeviewMode && !focused) {\n focus(event, nodeId);\n }\n\n const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n // If already expanded and trying to toggle selection don't close\n if (expandable && !(multiple && isExpanded(nodeId))) {\n toggleExpansion(event, nodeId);\n }\n }\n },\n [\n disabled,\n expandable,\n focus,\n focused,\n isExpanded,\n multiSelect,\n nodeId,\n toggleExpansion,\n treeviewMode,\n ]\n );\n\n const handleSelection = useCallback(\n (event) => {\n if (selectable && !disabled) {\n if (treeviewMode && !focused) {\n focus(event, nodeId);\n }\n\n const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n if (multiple) {\n if (event.shiftKey) {\n selectRange(event, { end: nodeId });\n } else {\n selectNode(event, nodeId, true);\n }\n } else {\n selectNode(event, nodeId);\n }\n }\n },\n [\n disabled,\n focus,\n focused,\n multiSelect,\n nodeId,\n selectNode,\n selectRange,\n selectable,\n treeviewMode,\n ]\n );\n\n const handleMouseDown = useCallback(\n (event) => {\n preventSelection(event, disabled);\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [disabled, onMouseDown]\n );\n\n const handleClick = useCallback(\n (event) => {\n if (!disabled) {\n if (expandable) {\n handleExpansion(event);\n }\n\n if (selectable) {\n handleSelection(event);\n }\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [disabled, expandable, handleExpansion, handleSelection, onClick, selectable]\n );\n\n const handleKeyDown = useCallback(\n (event) => {\n let isEventHandled = false;\n const { key } = event;\n\n if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n return;\n }\n if (contentRef.current === event.currentTarget) {\n if (key === \"Enter\" || key === \" \") {\n if (expandable) {\n isEventHandled = handleExpansion(event);\n }\n\n if (selectable) {\n isEventHandled = handleSelection(event);\n }\n }\n\n if (isEventHandled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n },\n [expandable, handleExpansion, handleSelection, selectable]\n );\n\n const renderedContent = useMemo(\n () => (\n <HvTypography\n id={setId(id, \"button\")}\n component=\"div\"\n innerRef={contentRef}\n className={classes.content}\n variant={disabled ? \"placeholderText\" : \"normalText\"}\n onClick={handleClick}\n onMouseDown={handleMouseDown}\n style={{\n paddingLeft: (expandable || icon != null ? 0 : 10) + level * (collapsible ? 32 : 10),\n }}\n {...(treeviewMode\n ? {\n role: \"button\",\n tabIndex: -1,\n onFocus: handleFocus,\n }\n : {\n role: \"button\",\n tabIndex: selectable || expandable ? 0 : -1,\n onKeyDown: handleKeyDown,\n \"aria-current\": selectable && selected ? \"page\" : undefined,\n \"aria-expanded\": expandable ? expanded : undefined,\n \"aria-controls\": expandable ? setId(id, \"group\") : undefined,\n })}\n >\n {expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n {icon}\n {label}\n </HvTypography>\n ),\n [\n id,\n classes.content,\n handleClick,\n handleMouseDown,\n expandable,\n level,\n collapsible,\n treeviewMode,\n handleFocus,\n handleKeyDown,\n selectable,\n selected,\n expanded,\n icon,\n label,\n disabled,\n ]\n );\n\n const renderedChildren = useMemo(\n () =>\n children && (\n <ul\n id={setId(id, \"group\")}\n className={classes.group}\n role={treeviewMode ? \"group\" : undefined}\n >\n {children}\n </ul>\n ),\n [children, classes.group, id, treeviewMode]\n );\n\n return (\n <li\n ref={handleRef}\n id={id}\n className={clsx(classes.node, className, {\n [classes.disabled]: disabled,\n [classes.expandable]: expandable,\n [classes.collapsed]: expandable && !expanded,\n [classes.expanded]: expandable && expanded,\n [classes.selectable]: !disabled && selectable,\n [classes.unselectable]: !disabled && !selectable,\n [classes.selected]: !disabled && selectable && selected,\n [classes.unselected]: !disabled && selectable && !selected,\n [classes.focused]: focused,\n })}\n data-hasicon={icon != null ? true : undefined}\n {...(mode === \"treeview\" && {\n role: \"treeitem\",\n \"aria-selected\": ariaSelected,\n \"aria-expanded\": expandable ? expanded : undefined,\n \"aria-disabled\": disabled ? true : undefined,\n })}\n {...others}\n >\n {renderedContent}\n <DescendantProvider id={nodeId} level={level + 1}>\n {renderedChildren}\n </DescendantProvider>\n </li>\n );\n});\n\nTreeViewItem.propTypes = {\n /**\n * Id to be applied to the root node.\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 to the Radio button.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the root of the component.\n */\n node: PropTypes.string,\n /**\n * Style applied to the content.\n */\n content: PropTypes.string,\n /**\n * Style applied to the group.\n */\n group: PropTypes.string,\n /**\n * Style applied when item is disabled.\n */\n disabled: PropTypes.string,\n /**\n * Style applied when item is expandable.\n */\n expandable: PropTypes.string,\n /**\n * Style applied when item is collapsed.\n */\n collapsed: PropTypes.string,\n /**\n * Style applied when item is expanded.\n */\n expanded: PropTypes.string,\n /**\n * Style applied when item is selectable.\n */\n selectable: PropTypes.string,\n /**\n * Style applied when item is unselectable.\n */\n unselectable: PropTypes.string,\n /**\n * Style applied when item is selected.\n */\n selected: PropTypes.string,\n /**\n * Style applied when item is unselectable.\n */\n unselected: PropTypes.string,\n /**\n * Style applied when item is focused.\n */\n focused: PropTypes.string,\n }).isRequired,\n /**\n * Is the node disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Can the node be selected.\n */\n selectable: PropTypes.bool,\n /**\n * The id of the node.\n */\n nodeId: PropTypes.string.isRequired,\n /**\n * The icon to display next to the node's label.\n */\n icon: PropTypes.node,\n /**\n * The item label.\n */\n label: PropTypes.node.isRequired,\n /**\n * The node payload.\n */\n // eslint-disable-next-line react/forbid-prop-types\n payload: PropTypes.any,\n /**\n * @ignore\n */\n onClick: PropTypes.func,\n /**\n * @ignore\n */\n onMouseDown: PropTypes.func,\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,EAAyCC,SAAzC,EAAoDC,OAApD,EAA6DC,MAA7D,EAAqEC,QAArE,QAAqF,OAArF;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,UAAT,EAAqBC,QAArB,QAAqC,mCAArC;AAEA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA,SAASC,sBAAT,EAAiCC,oBAAjC,QAA6D,oBAA7D;AAEA,SAASC,KAAT,EAAgBC,UAAhB,QAAkC,aAAlC;AAEA,SAASC,kBAAT,EAA6BC,aAA7B,QAAkD,eAAlD;AAEA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAQC,QAAR,KAAqB;EAC5C,IAAID,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACG,OAAxB,IAAmCH,KAAK,CAACI,OAAzC,IAAoDH,QAAxD,EAAkE;IAChE;IACAD,KAAK,CAACK,cAAN;EACD;AACF,CALD;;AAOA,MAAMC,YAAY,gBAAG3B,KAAK,CAAC4B,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,KAAgB;EACpD,MAAM;IACJC,EAAE,EAAEC,MADA;IAEJC,SAFI;IAGJC,OAHI;IAKJZ,QAAQ,EAAEa,YAAY,GAAG,KALrB;IAOJC,UAAU,EAAEC,cAPR;IASJC,MATI;IAUJC,IAAI,GAAG,IAVH;IAWJC,KAXI;IAYJC,OAZI;IAcJC,OAdI;IAeJC,WAfI;IAgBJC,OAhBI;IAkBJC;EAlBI,IAqBFhB,KArBJ;EAAA,MAoBKiB,MApBL,4BAqBIjB,KArBJ;;EAuBA,MAAMkB,sBAAsB,GAAG7C,UAAU,CAACW,sBAAD,CAAzC;EACA,MAAM;IAAEmC,UAAF;IAAcC,UAAd;IAA0BC,SAA1B;IAAqCC;EAArC,IAAoDjD,UAAU,CAACY,oBAAD,CAApE;EAEA,MAAM;IACJsC,MADI;IAEJC,IAFI;IAGJC,WAHI;IAIJC,eAJI;IAKJC,WALI;IAMJC,UANI;IAOJC,WAPI;IAQJC,sBARI;IASJC,YATI;IAUJC,cAVI;IAWJC,YAXI;IAYJC,cAZI;IAaJC;EAbI,IAcFjB,sBAdJ;EAgBA,MAAMkB,YAAY,GAAGZ,IAAI,KAAK,UAA9B;EAEA,IAAItB,EAAE,GAAG,IAAT;;EAEA,IAAIC,MAAM,IAAI,IAAd,EAAoB;IAClBD,EAAE,GAAGC,MAAL;EACD,CAFD,MAEO,IAAIoB,MAAM,IAAId,MAAd,EAAsB;IAC3BP,EAAE,GAAI,GAAEqB,MAAO,IAAGd,MAAO,EAAzB;EACD;;EAED,MAAM,CAAC4B,eAAD,EAAkBC,kBAAlB,IAAwC7D,QAAQ,CAAC,IAAD,CAAtD;EACA,MAAM8D,UAAU,GAAG/D,MAAM,CAAC,IAAD,CAAzB;EACA,MAAMgE,SAAS,GAAGrD,UAAU,CAACmD,kBAAD,EAAqBrC,GAArB,CAA5B;EAEA,MAAMwC,UAAU,GAAGlE,OAAO,CACxB,OAAO;IACLmE,OAAO,EAAEL,eADJ;IAELnC,EAAE,EAAEO;EAFC,CAAP,CADwB,EAKxB,CAACA,MAAD,EAAS4B,eAAT,CALwB,CAA1B;EAQA,MAAM;IAAEM,KAAF;IAASC,QAAT;IAAmBC;EAAnB,IAA6BxD,aAAa,CAACoD,UAAD,CAAhD;EAEA,MAAMK,UAAU,GAAGrB,WAAW,IAAIsB,KAAK,CAACC,OAAN,CAAchC,QAAd,CAAlC;EACA,MAAMiC,QAAQ,GAAG9B,UAAU,GAAGA,UAAU,CAACV,MAAD,CAAb,GAAwB,KAAnD;EACA,MAAMyC,OAAO,GAAG7B,SAAS,GAAGA,SAAS,CAACZ,MAAD,CAAZ,GAAuB,KAAhD;EACA,MAAM0C,QAAQ,GAAG/B,UAAU,GAAGA,UAAU,CAACX,MAAD,CAAb,GAAwB,KAAnD;EACA,MAAMhB,QAAQ,GAAG6B,UAAU,GAAGA,UAAU,CAACb,MAAD,CAAb,GAAwB,KAAnD;EAEA,MAAMF,UAAU,GAAGC,cAAc,IAAI,IAAlB,GAAyBA,cAAzB,GAA0C,CAACiB,WAAD,IAAgB,CAACqB,UAA9E;EAEAxE,SAAS,CAAC,MAAM;IACd;IACA,IAAIyD,YAAY,IAAIC,cAAhB,IAAkCW,KAAK,KAAK,CAAC,CAAjD,EAAoD;MAClDZ,YAAY,CAAC;QACX7B,EAAE,EAAEO,MADO;QAEX2C,WAAW,EAAElD,EAFF;QAGXyC,KAHW;QAIXC,QAJW;QAKXrC,UALW;QAMXuC,UANW;QAOXrD,QAAQ,EAAEa,YAPC;QAQXS,OARW;QASXH;MATW,CAAD,CAAZ;MAYA,OAAO,MAAM;QACXoB,cAAc,CAACvB,MAAD,CAAd;MACD,CAFD;IAGD;;IAED,OAAO4C,SAAP;EACD,CArBQ,EAqBN,CACDtB,YADC,EAEDC,cAFC,EAGDY,QAHC,EAIDD,KAJC,EAKDlC,MALC,EAMDqC,UANC,EAODxC,YAPC,EAQDJ,EARC,EASDK,UATC,EAUDQ,OAVC,EAWDH,OAXC,CArBM,CAAT;EAmCAtC,SAAS,CAAC,MAAM;IACd,IAAI2D,YAAY,IAAIC,cAAhB,IAAkCvB,KAAtC,EAA6C;MAAA;;MAC3CsB,YAAY,CAACxB,MAAD,yBAAS8B,UAAU,CAACe,OAApB,wDAAS,oBAAoBC,WAApB,CAAgCC,SAAhC,CAA0C,CAA1C,EAA6C,CAA7C,EAAgDC,WAAhD,EAAT,CAAZ;MAEA,OAAO,MAAM;QACXvB,cAAc,CAACzB,MAAD,CAAd;MACD,CAFD;IAGD;;IACD,OAAO4C,SAAP;EACD,CATQ,EASN,CAACpB,YAAD,EAAeC,cAAf,EAA+BzB,MAA/B,EAAuCE,KAAvC,CATM,CAAT;EAWA,IAAI+C,YAAJ;;EACA,IAAI/B,WAAJ,EAAiB;IACf+B,YAAY,GAAGP,QAAf;EACD,CAFD,MAEO,IAAIA,QAAJ,EAAc;IACnB;AACJ;AACA;AACA;AACA;AACA;IACIO,YAAY,GAAG,IAAf;EACD;;EAED,MAAMC,WAAW,GAAGvF,WAAW,CAC5BoB,KAAD,IAAW;IACT;IACA,IAAIA,KAAK,CAACoE,MAAN,KAAiBpE,KAAK,CAACqE,aAA3B,EAA0C;MACxC,CAACrE,KAAK,CAACoE,MAAN,CAAaE,aAAb,IAA8BC,QAA/B,EACGC,cADH,CACkBzC,MADlB,EAEGY,KAFH,CAES;QAAE8B,aAAa,EAAE;MAAjB,CAFT;IAGD;;IAED,MAAMC,WAAW,GAAG,CAACpC,sBAAD,IAA2BrC,QAA/C;;IACA,IAAI,CAACyD,OAAD,IAAY1D,KAAK,CAACqE,aAAN,KAAwBrE,KAAK,CAACoE,MAA1C,IAAoD,CAACM,WAAzD,EAAsE;MACpE/B,KAAK,CAAC3C,KAAD,EAAQiB,MAAR,CAAL;IACD;EACF,CAb4B,EAc7B,CAAChB,QAAD,EAAWqC,sBAAX,EAAmCK,KAAnC,EAA0Ce,OAA1C,EAAmDzC,MAAnD,EAA2Dc,MAA3D,CAd6B,CAA/B;EAiBA,MAAM4C,eAAe,GAAG/F,WAAW,CAChCoB,KAAD,IAAW;IACT,IAAI,CAACC,QAAL,EAAe;MACb,IAAI2C,YAAY,IAAI,CAACc,OAArB,EAA8B;QAC5Bf,KAAK,CAAC3C,KAAD,EAAQiB,MAAR,CAAL;MACD;;MAED,MAAM2D,QAAQ,GAAGzC,WAAW,KAAKnC,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACG,OAAxB,IAAmCH,KAAK,CAACI,OAA9C,CAA5B,CALa,CAOb;;MACA,IAAIkD,UAAU,IAAI,EAAEsB,QAAQ,IAAIjD,UAAU,CAACV,MAAD,CAAxB,CAAlB,EAAqD;QACnDiB,eAAe,CAAClC,KAAD,EAAQiB,MAAR,CAAf;MACD;IACF;EACF,CAdgC,EAejC,CACEhB,QADF,EAEEqD,UAFF,EAGEX,KAHF,EAIEe,OAJF,EAKE/B,UALF,EAMEQ,WANF,EAOElB,MAPF,EAQEiB,eARF,EASEU,YATF,CAfiC,CAAnC;EA4BA,MAAMiC,eAAe,GAAGjG,WAAW,CAChCoB,KAAD,IAAW;IACT,IAAIe,UAAU,IAAI,CAACd,QAAnB,EAA6B;MAC3B,IAAI2C,YAAY,IAAI,CAACc,OAArB,EAA8B;QAC5Bf,KAAK,CAAC3C,KAAD,EAAQiB,MAAR,CAAL;MACD;;MAED,MAAM2D,QAAQ,GAAGzC,WAAW,KAAKnC,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACG,OAAxB,IAAmCH,KAAK,CAACI,OAA9C,CAA5B;;MAEA,IAAIwE,QAAJ,EAAc;QACZ,IAAI5E,KAAK,CAACE,QAAV,EAAoB;UAClBmC,WAAW,CAACrC,KAAD,EAAQ;YAAE8E,GAAG,EAAE7D;UAAP,CAAR,CAAX;QACD,CAFD,MAEO;UACLmB,UAAU,CAACpC,KAAD,EAAQiB,MAAR,EAAgB,IAAhB,CAAV;QACD;MACF,CAND,MAMO;QACLmB,UAAU,CAACpC,KAAD,EAAQiB,MAAR,CAAV;MACD;IACF;EACF,CAnBgC,EAoBjC,CACEhB,QADF,EAEE0C,KAFF,EAGEe,OAHF,EAIEvB,WAJF,EAKElB,MALF,EAMEmB,UANF,EAOEC,WAPF,EAQEtB,UARF,EASE6B,YATF,CApBiC,CAAnC;EAiCA,MAAMmC,eAAe,GAAGnG,WAAW,CAChCoB,KAAD,IAAW;IACTD,gBAAgB,CAACC,KAAD,EAAQC,QAAR,CAAhB;;IAEA,IAAIqB,WAAJ,EAAiB;MACfA,WAAW,CAACtB,KAAD,CAAX;IACD;EACF,CAPgC,EAQjC,CAACC,QAAD,EAAWqB,WAAX,CARiC,CAAnC;EAWA,MAAM0D,WAAW,GAAGpG,WAAW,CAC5BoB,KAAD,IAAW;IACT,IAAI,CAACC,QAAL,EAAe;MACb,IAAIqD,UAAJ,EAAgB;QACdqB,eAAe,CAAC3E,KAAD,CAAf;MACD;;MAED,IAAIe,UAAJ,EAAgB;QACd8D,eAAe,CAAC7E,KAAD,CAAf;MACD;IACF;;IAED,IAAIqB,OAAJ,EAAa;MACXA,OAAO,CAACrB,KAAD,CAAP;IACD;EACF,CAf4B,EAgB7B,CAACC,QAAD,EAAWqD,UAAX,EAAuBqB,eAAvB,EAAwCE,eAAxC,EAAyDxD,OAAzD,EAAkEN,UAAlE,CAhB6B,CAA/B;EAmBA,MAAMkE,aAAa,GAAGrG,WAAW,CAC9BoB,KAAD,IAAW;IACT,IAAIkF,cAAc,GAAG,KAArB;IACA,MAAM;MAAEC;IAAF,IAAUnF,KAAhB;;IAEA,IAAIA,KAAK,CAACoF,MAAN,IAAgBpF,KAAK,CAACG,OAAtB,IAAiCH,KAAK,CAACI,OAAvC,IAAkDJ,KAAK,CAACqE,aAAN,KAAwBrE,KAAK,CAACoE,MAApF,EAA4F;MAC1F;IACD;;IACD,IAAIrB,UAAU,CAACe,OAAX,KAAuB9D,KAAK,CAACqE,aAAjC,EAAgD;MAC9C,IAAIc,GAAG,KAAK,OAAR,IAAmBA,GAAG,KAAK,GAA/B,EAAoC;QAClC,IAAI7B,UAAJ,EAAgB;UACd4B,cAAc,GAAGP,eAAe,CAAC3E,KAAD,CAAhC;QACD;;QAED,IAAIe,UAAJ,EAAgB;UACdmE,cAAc,GAAGL,eAAe,CAAC7E,KAAD,CAAhC;QACD;MACF;;MAED,IAAIkF,cAAJ,EAAoB;QAClBlF,KAAK,CAACK,cAAN;QACAL,KAAK,CAACqF,eAAN;MACD;IACF;EACF,CAxB8B,EAyB/B,CAAC/B,UAAD,EAAaqB,eAAb,EAA8BE,eAA9B,EAA+C9D,UAA/C,CAzB+B,CAAjC;EA4BA,MAAMuE,eAAe,GAAGvG,OAAO,CAC7B,mBACE,oBAAC,YAAD;IACE,EAAE,EAAEW,KAAK,CAACgB,EAAD,EAAK,QAAL,CADX;IAEE,SAAS,EAAC,KAFZ;IAGE,QAAQ,EAAEqC,UAHZ;IAIE,SAAS,EAAElC,OAAO,CAAC0E,OAJrB;IAKE,OAAO,EAAEtF,QAAQ,GAAG,iBAAH,GAAuB,YAL1C;IAME,OAAO,EAAE+E,WANX;IAOE,WAAW,EAAED,eAPf;IAQE,KAAK,EAAE;MACLS,WAAW,EAAE,CAAClC,UAAU,IAAIpC,IAAI,IAAI,IAAtB,GAA6B,CAA7B,GAAiC,EAAlC,IAAwCmC,KAAK,IAAIpB,WAAW,GAAG,EAAH,GAAQ,EAAvB;IADrD;EART,GAWOW,YAAY,GACb;IACE6C,IAAI,EAAE,QADR;IAEEC,QAAQ,EAAE,CAAC,CAFb;IAGEnE,OAAO,EAAE4C;EAHX,CADa,GAMb;IACEsB,IAAI,EAAE,QADR;IAEEC,QAAQ,EAAE3E,UAAU,IAAIuC,UAAd,GAA2B,CAA3B,GAA+B,CAAC,CAF5C;IAGEqC,SAAS,EAAEV,aAHb;IAIE,gBAAgBlE,UAAU,IAAI4C,QAAd,GAAyB,MAAzB,GAAkCE,SAJpD;IAKE,iBAAiBP,UAAU,GAAGG,QAAH,GAAcI,SAL3C;IAME,iBAAiBP,UAAU,GAAG5D,KAAK,CAACgB,EAAD,EAAK,OAAL,CAAR,GAAwBmD;EANrD,CAjBN,GA0BGP,UAAU,KAAKG,QAAQ,0CAAG,oBAAC,QAAD,OAAH,+CAAkB,oBAAC,UAAD,OAAlB,CAAb,CA1Bb,EA2BGvC,IA3BH,EA4BGC,KA5BH,CAF2B,EAiC7B,CACET,EADF,EAEEG,OAAO,CAAC0E,OAFV,EAGEP,WAHF,EAIED,eAJF,EAKEzB,UALF,EAMED,KANF,EAOEpB,WAPF,EAQEW,YARF,EASEuB,WATF,EAUEc,aAVF,EAWElE,UAXF,EAYE4C,QAZF,EAaEF,QAbF,EAcEvC,IAdF,EAeEC,KAfF,EAgBElB,QAhBF,CAjC6B,CAA/B;EAqDA,MAAM2F,gBAAgB,GAAG7G,OAAO,CAC9B,MACEyC,QAAQ,iBACN;IACE,EAAE,EAAE9B,KAAK,CAACgB,EAAD,EAAK,OAAL,CADX;IAEE,SAAS,EAAEG,OAAO,CAACgF,KAFrB;IAGE,IAAI,EAAEjD,YAAY,GAAG,OAAH,GAAaiB;EAHjC,GAKGrC,QALH,CAH0B,EAW9B,CAACA,QAAD,EAAWX,OAAO,CAACgF,KAAnB,EAA0BnF,EAA1B,EAA8BkC,YAA9B,CAX8B,CAAhC;EAcA,oBACE;IACE,GAAG,EAAEI,SADP;IAEE,EAAE,EAAEtC,EAFN;IAGE,SAAS,EAAExB,IAAI,CAAC2B,OAAO,CAACiF,IAAT,EAAelF,SAAf,EACOX,QADP,GACZY,OAAO,CAACZ,QADI,GAKsBc,UALtB,IAKZF,OAAO,CAACE,UALI,EAOkC4C,QAPlC,GAOZ9C,OAAO,CAAC8C,QAPI,GAQZ9C,OAAO,CAACkF,UARI,IAMZlF,OAAO,CAACmF,YANI,EAES1C,UAFT,KAEZzC,OAAO,CAACyC,UAFI,EAIqBG,QAJrB,GAIZ5C,OAAO,CAAC4C,QAJI,GAGZ5C,OAAO,CAACoF,SAHI,GASMvC,OATN,IASZ7C,OAAO,CAAC6C,OATI,CAHjB;IAcE,gBAAcxC,IAAI,IAAI,IAAR,GAAe,IAAf,GAAsB2C;EAdtC,GAeO7B,IAAI,KAAK,UAAT,IAAuB;IAC1ByD,IAAI,EAAE,UADoB;IAE1B,iBAAiBvB,YAFS;IAG1B,iBAAiBZ,UAAU,GAAGG,QAAH,GAAcI,SAHf;IAI1B,iBAAiB5D,QAAQ,GAAG,IAAH,GAAU4D;EAJT,CAf9B,EAqBMpC,MArBN,GAuBG6D,eAvBH,eAwBE,oBAAC,kBAAD;IAAoB,EAAE,EAAErE,MAAxB;IAAgC,KAAK,EAAEoC,KAAK,GAAG;EAA/C,GACGuC,gBADH,CAxBF,CADF;AA8BD,CA/WoB,CAArB;AAiXA,wCAAAtF,YAAY,CAAC4F,SAAb,GAAyB;EACvB;AACF;AACA;EACExF,EAAE,EAAEvB,SAAS,CAACgH,MAJS;;EAKvB;AACF;AACA;EACEvF,SAAS,EAAEzB,SAAS,CAACgH,MARE;;EASvB;AACF;AACA;EACEtF,OAAO,EAAE1B,SAAS,CAACiH,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAE3G,SAAS,CAACgH,MAJO;;IAKvB;AACJ;AACA;IACIZ,OAAO,EAAEpG,SAAS,CAACgH,MARI;;IASvB;AACJ;AACA;IACIN,KAAK,EAAE1G,SAAS,CAACgH,MAZM;;IAavB;AACJ;AACA;IACIlG,QAAQ,EAAEd,SAAS,CAACgH,MAhBG;;IAiBvB;AACJ;AACA;IACI7C,UAAU,EAAEnE,SAAS,CAACgH,MApBC;;IAqBvB;AACJ;AACA;IACIF,SAAS,EAAE9G,SAAS,CAACgH,MAxBE;;IAyBvB;AACJ;AACA;IACI1C,QAAQ,EAAEtE,SAAS,CAACgH,MA5BG;;IA6BvB;AACJ;AACA;IACIpF,UAAU,EAAE5B,SAAS,CAACgH,MAhCC;;IAiCvB;AACJ;AACA;IACIH,YAAY,EAAE7G,SAAS,CAACgH,MApCD;;IAqCvB;AACJ;AACA;IACIxC,QAAQ,EAAExE,SAAS,CAACgH,MAxCG;;IAyCvB;AACJ;AACA;IACIJ,UAAU,EAAE5G,SAAS,CAACgH,MA5CC;;IA6CvB;AACJ;AACA;IACIzC,OAAO,EAAEvE,SAAS,CAACgH;EAhDI,CAAhB,EAiDNE,UA7DoB;;EA8DvB;AACF;AACA;EACEpG,QAAQ,EAAEd,SAAS,CAACmH,IAjEG;;EAkEvB;AACF;AACA;EACEvF,UAAU,EAAE5B,SAAS,CAACmH,IArEC;;EAsEvB;AACF;AACA;EACErF,MAAM,EAAE9B,SAAS,CAACgH,MAAV,CAAiBE,UAzEF;;EA0EvB;AACF;AACA;EACEnF,IAAI,EAAE/B,SAAS,CAAC2G,IA7EO;;EA8EvB;AACF;AACA;EACE3E,KAAK,EAAEhC,SAAS,CAAC2G,IAAV,CAAeO,UAjFC;;EAkFvB;AACF;AACA;EACE;EACAjF,OAAO,EAAEjC,SAAS,CAACoH,GAtFI;;EAuFvB;AACF;AACA;EACElF,OAAO,EAAElC,SAAS,CAACqH,IA1FI;;EA2FvB;AACF;AACA;EACElF,WAAW,EAAEnC,SAAS,CAACqH,IA9FA;;EA+FvB;AACF;AACA;EACEjF,OAAO,EAAEpC,SAAS,CAACqH,IAlGI;;EAmGvB;AACF;AACA;EACEhF,QAAQ,EAAErC,SAAS,CAAC2G;AAtGG,CAAzB;AAyGA,eAAe1G,UAAU,CAACU,MAAD,EAAS;EAChC2G,IAAI,EAAE;AAD0B,CAAT,CAAV,CAEZnG,YAFY,CAAf"}
1
+ {"version":3,"file":"TreeViewItem.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","clsx","PropTypes","withStyles","DropDownXS","DropUpXS","HvTypography","TreeViewControlContext","TreeViewStateContext","setId","useForkRef","DescendantProvider","useDescendant","styles","preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","forwardRef","props","ref","id","idProp","className","classes","disabledProp","selectable","selectableProp","nodeId","icon","label","href","target","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","isExpanded","isSelected","isFocused","isDisabled","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","contentRef","handleRef","descendant","element","index","parentId","level","expandable","Array","isArray","expanded","focused","selected","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","content","link","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","node","unselected","unselectable","collapsed","propTypes","string","shape","isRequired","bool","any","func","name"],"sources":["../../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId, useForkRef } from \"../../utils\";\n\nimport { DescendantProvider, useDescendant } from \"./descendants\";\n\nimport styles from \"./styles\";\n\nconst preventSelection = (event, disabled) => {\n if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n // Prevent text selection\n event.preventDefault();\n }\n};\n\nconst TreeViewItem = React.forwardRef((props, ref) => {\n const {\n id: idProp,\n className,\n classes,\n\n disabled: disabledProp = false,\n\n selectable: selectableProp,\n\n nodeId,\n icon = null,\n label,\n href,\n target,\n payload,\n\n onClick,\n onMouseDown,\n onFocus,\n\n children,\n\n ...others\n } = props;\n\n const treeViewControlContext = useContext(TreeViewControlContext);\n const { isExpanded, isSelected, isFocused, isDisabled } = useContext(TreeViewStateContext);\n\n const {\n treeId,\n mode,\n collapsible,\n toggleExpansion,\n multiSelect,\n selectNode,\n selectRange,\n disabledItemsFocusable,\n registerNode,\n unregisterNode,\n mapFirstChar,\n unMapFirstChar,\n focus,\n } = treeViewControlContext;\n\n const treeviewMode = mode === \"treeview\";\n\n let id = null;\n\n if (idProp != null) {\n id = idProp;\n } else if (treeId && nodeId) {\n id = `${treeId}-${nodeId}`;\n }\n\n const [treeitemElement, setTreeitemElement] = useState(null);\n const contentRef = useRef(null);\n const handleRef = useForkRef(setTreeitemElement, ref);\n\n const descendant = useMemo(\n () => ({\n element: treeitemElement,\n id: nodeId,\n }),\n [nodeId, treeitemElement]\n );\n\n const { index, parentId, level } = useDescendant(descendant);\n\n const expandable = collapsible && Array.isArray(children);\n const expanded = isExpanded ? isExpanded(nodeId) : false;\n const focused = isFocused ? isFocused(nodeId) : false;\n const selected = isSelected ? isSelected(nodeId) : false;\n const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n const selectable = selectableProp != null ? selectableProp : !collapsible || !expandable;\n\n useEffect(() => {\n // On the first render a node's index will be -1. We want to wait for the real index.\n if (registerNode && unregisterNode && index !== -1) {\n registerNode({\n id: nodeId,\n idAttribute: id,\n index,\n parentId,\n selectable,\n expandable,\n disabled: disabledProp,\n onFocus,\n payload,\n });\n\n return () => {\n unregisterNode(nodeId);\n };\n }\n\n return undefined;\n }, [\n registerNode,\n unregisterNode,\n parentId,\n index,\n nodeId,\n expandable,\n disabledProp,\n id,\n selectable,\n onFocus,\n payload,\n ]);\n\n useEffect(() => {\n if (mapFirstChar && unMapFirstChar && label) {\n mapFirstChar(nodeId, contentRef.current?.textContent.substring(0, 1).toLowerCase());\n\n return () => {\n unMapFirstChar(nodeId);\n };\n }\n return undefined;\n }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n let ariaSelected;\n if (multiSelect) {\n ariaSelected = selected;\n } else if (selected) {\n /* single-selection trees unset aria-selected on un-selected items.\n *\n * If the tree does not support multiple selection, aria-selected\n * is set to true for the selected node and it is not present on any other node in the tree.\n * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n */\n ariaSelected = true;\n }\n\n const handleFocus = useCallback(\n (event) => {\n // DOM focus stays on the tree which manages focus with aria-activedescendant\n if (event.target === event.currentTarget) {\n (event.target.ownerDocument || document)\n .getElementById(treeId)\n .focus({ preventScroll: true });\n }\n\n const unfocusable = !disabledItemsFocusable && disabled;\n if (!focused && event.currentTarget === event.target && !unfocusable) {\n focus(event, nodeId);\n }\n },\n [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n );\n\n const handleExpansion = useCallback(\n (event) => {\n if (!disabled) {\n if (treeviewMode && !focused) {\n focus(event, nodeId);\n }\n\n const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n // If already expanded and trying to toggle selection don't close\n if (expandable && !(multiple && isExpanded(nodeId))) {\n toggleExpansion(event, nodeId);\n }\n }\n },\n [\n disabled,\n expandable,\n focus,\n focused,\n isExpanded,\n multiSelect,\n nodeId,\n toggleExpansion,\n treeviewMode,\n ]\n );\n\n const handleSelection = useCallback(\n (event) => {\n if (selectable && !disabled) {\n if (treeviewMode && !focused) {\n focus(event, nodeId);\n }\n\n const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n if (multiple) {\n if (event.shiftKey) {\n selectRange(event, { end: nodeId });\n } else {\n selectNode(event, nodeId, true);\n }\n } else {\n selectNode(event, nodeId);\n }\n }\n },\n [\n disabled,\n focus,\n focused,\n multiSelect,\n nodeId,\n selectNode,\n selectRange,\n selectable,\n treeviewMode,\n ]\n );\n\n const handleMouseDown = useCallback(\n (event) => {\n preventSelection(event, disabled);\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [disabled, onMouseDown]\n );\n\n const handleClick = useCallback(\n (event) => {\n if (!disabled) {\n if (expandable) {\n handleExpansion(event);\n }\n\n if (selectable) {\n handleSelection(event);\n }\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [disabled, expandable, handleExpansion, handleSelection, onClick, selectable]\n );\n\n const handleKeyDown = useCallback(\n (event) => {\n let isEventHandled = false;\n const { key } = event;\n\n if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n return;\n }\n if (contentRef.current === event.currentTarget) {\n if (key === \"Enter\" || key === \" \") {\n if (expandable) {\n isEventHandled = handleExpansion(event);\n }\n\n if (selectable) {\n isEventHandled = handleSelection(event);\n }\n }\n\n if (isEventHandled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n },\n [expandable, handleExpansion, handleSelection, selectable]\n );\n\n const renderedContent = useMemo(\n () => (\n <HvTypography\n id={setId(id, \"button\")}\n component={href ? \"a\" : \"div\"}\n href={href}\n target={target}\n innerRef={contentRef}\n className={clsx(classes.content, { [classes.link]: href != null })}\n variant={disabled ? \"placeholderText\" : \"normalText\"}\n onClick={handleClick}\n onMouseDown={handleMouseDown}\n style={{\n paddingLeft: (expandable || icon != null ? 0 : 10) + level * (collapsible ? 32 : 10),\n }}\n {...(treeviewMode\n ? {\n role: \"button\",\n tabIndex: -1,\n onFocus: handleFocus,\n }\n : {\n role: \"button\",\n tabIndex: selectable || expandable ? 0 : -1,\n onKeyDown: handleKeyDown,\n \"aria-current\": selectable && selected ? \"page\" : undefined,\n \"aria-expanded\": expandable ? expanded : undefined,\n \"aria-controls\": expandable ? setId(id, \"group\") : undefined,\n })}\n >\n {expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n {icon}\n {label}\n </HvTypography>\n ),\n [\n id,\n href,\n target,\n classes.content,\n classes.link,\n disabled,\n handleClick,\n handleMouseDown,\n expandable,\n icon,\n level,\n collapsible,\n treeviewMode,\n handleFocus,\n selectable,\n handleKeyDown,\n selected,\n expanded,\n label,\n ]\n );\n\n const renderedChildren = useMemo(\n () =>\n children && (\n <ul\n id={setId(id, \"group\")}\n className={classes.group}\n role={treeviewMode ? \"group\" : undefined}\n >\n {children}\n </ul>\n ),\n [children, classes.group, id, treeviewMode]\n );\n\n return (\n <li\n ref={handleRef}\n id={id}\n className={clsx(classes.node, className, {\n [classes.disabled]: disabled,\n [classes.expandable]: expandable,\n [classes.collapsed]: expandable && !expanded,\n [classes.expanded]: expandable && expanded,\n [classes.selectable]: !disabled && selectable,\n [classes.unselectable]: !disabled && !selectable,\n [classes.selected]: !disabled && selectable && selected,\n [classes.unselected]: !disabled && selectable && !selected,\n [classes.focused]: focused,\n })}\n data-hasicon={icon != null ? true : undefined}\n {...(mode === \"treeview\" && {\n role: \"treeitem\",\n \"aria-selected\": ariaSelected,\n \"aria-expanded\": expandable ? expanded : undefined,\n \"aria-disabled\": disabled ? true : undefined,\n })}\n {...others}\n >\n {renderedContent}\n <DescendantProvider id={nodeId} level={level + 1}>\n {renderedChildren}\n </DescendantProvider>\n </li>\n );\n});\n\nTreeViewItem.propTypes = {\n /**\n * Id to be applied to the root node.\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 to the Radio button.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the root of the component.\n */\n node: PropTypes.string,\n /**\n * Style applied to the content.\n */\n content: PropTypes.string,\n /**\n * Style applied to the content when it is a link.\n */\n link: PropTypes.string,\n /**\n * Style applied to the group.\n */\n group: PropTypes.string,\n /**\n * Style applied when item is disabled.\n */\n disabled: PropTypes.string,\n /**\n * Style applied when item is expandable.\n */\n expandable: PropTypes.string,\n /**\n * Style applied when item is collapsed.\n */\n collapsed: PropTypes.string,\n /**\n * Style applied when item is expanded.\n */\n expanded: PropTypes.string,\n /**\n * Style applied when item is selectable.\n */\n selectable: PropTypes.string,\n /**\n * Style applied when item is unselectable.\n */\n unselectable: PropTypes.string,\n /**\n * Style applied when item is selected.\n */\n selected: PropTypes.string,\n /**\n * Style applied when item is unselectable.\n */\n unselected: PropTypes.string,\n /**\n * Style applied when item is focused.\n */\n focused: PropTypes.string,\n }).isRequired,\n /**\n * Is the node disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Can the node be selected.\n */\n selectable: PropTypes.bool,\n /**\n * The id of the node.\n */\n nodeId: PropTypes.string.isRequired,\n /**\n * The icon to display next to the node's label.\n */\n icon: PropTypes.node,\n /**\n * The item label.\n */\n label: PropTypes.node.isRequired,\n /**\n * The url for the link.\n */\n href: PropTypes.string,\n /**\n * The behavior when opening a link.\n */\n target: PropTypes.string,\n /**\n * The node payload.\n */\n // eslint-disable-next-line react/forbid-prop-types\n payload: PropTypes.any,\n /**\n * @ignore\n */\n onClick: PropTypes.func,\n /**\n * @ignore\n */\n onMouseDown: PropTypes.func,\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,EAAyCC,SAAzC,EAAoDC,OAApD,EAA6DC,MAA7D,EAAqEC,QAArE,QAAqF,OAArF;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,UAAT,EAAqBC,QAArB,QAAqC,mCAArC;AAEA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA,SAASC,sBAAT,EAAiCC,oBAAjC,QAA6D,oBAA7D;AAEA,SAASC,KAAT,EAAgBC,UAAhB,QAAkC,aAAlC;AAEA,SAASC,kBAAT,EAA6BC,aAA7B,QAAkD,eAAlD;AAEA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAQC,QAAR,KAAqB;EAC5C,IAAID,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACG,OAAxB,IAAmCH,KAAK,CAACI,OAAzC,IAAoDH,QAAxD,EAAkE;IAChE;IACAD,KAAK,CAACK,cAAN;EACD;AACF,CALD;;AAOA,MAAMC,YAAY,gBAAG3B,KAAK,CAAC4B,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,KAAgB;EACpD,MAAM;IACJC,EAAE,EAAEC,MADA;IAEJC,SAFI;IAGJC,OAHI;IAKJZ,QAAQ,EAAEa,YAAY,GAAG,KALrB;IAOJC,UAAU,EAAEC,cAPR;IASJC,MATI;IAUJC,IAAI,GAAG,IAVH;IAWJC,KAXI;IAYJC,IAZI;IAaJC,MAbI;IAcJC,OAdI;IAgBJC,OAhBI;IAiBJC,WAjBI;IAkBJC,OAlBI;IAoBJC;EApBI,IAuBFlB,KAvBJ;EAAA,MAsBKmB,MAtBL,4BAuBInB,KAvBJ;;EAyBA,MAAMoB,sBAAsB,GAAG/C,UAAU,CAACW,sBAAD,CAAzC;EACA,MAAM;IAAEqC,UAAF;IAAcC,UAAd;IAA0BC,SAA1B;IAAqCC;EAArC,IAAoDnD,UAAU,CAACY,oBAAD,CAApE;EAEA,MAAM;IACJwC,MADI;IAEJC,IAFI;IAGJC,WAHI;IAIJC,eAJI;IAKJC,WALI;IAMJC,UANI;IAOJC,WAPI;IAQJC,sBARI;IASJC,YATI;IAUJC,cAVI;IAWJC,YAXI;IAYJC,cAZI;IAaJC;EAbI,IAcFjB,sBAdJ;EAgBA,MAAMkB,YAAY,GAAGZ,IAAI,KAAK,UAA9B;EAEA,IAAIxB,EAAE,GAAG,IAAT;;EAEA,IAAIC,MAAM,IAAI,IAAd,EAAoB;IAClBD,EAAE,GAAGC,MAAL;EACD,CAFD,MAEO,IAAIsB,MAAM,IAAIhB,MAAd,EAAsB;IAC3BP,EAAE,GAAI,GAAEuB,MAAO,IAAGhB,MAAO,EAAzB;EACD;;EAED,MAAM,CAAC8B,eAAD,EAAkBC,kBAAlB,IAAwC/D,QAAQ,CAAC,IAAD,CAAtD;EACA,MAAMgE,UAAU,GAAGjE,MAAM,CAAC,IAAD,CAAzB;EACA,MAAMkE,SAAS,GAAGvD,UAAU,CAACqD,kBAAD,EAAqBvC,GAArB,CAA5B;EAEA,MAAM0C,UAAU,GAAGpE,OAAO,CACxB,OAAO;IACLqE,OAAO,EAAEL,eADJ;IAELrC,EAAE,EAAEO;EAFC,CAAP,CADwB,EAKxB,CAACA,MAAD,EAAS8B,eAAT,CALwB,CAA1B;EAQA,MAAM;IAAEM,KAAF;IAASC,QAAT;IAAmBC;EAAnB,IAA6B1D,aAAa,CAACsD,UAAD,CAAhD;EAEA,MAAMK,UAAU,GAAGrB,WAAW,IAAIsB,KAAK,CAACC,OAAN,CAAchC,QAAd,CAAlC;EACA,MAAMiC,QAAQ,GAAG9B,UAAU,GAAGA,UAAU,CAACZ,MAAD,CAAb,GAAwB,KAAnD;EACA,MAAM2C,OAAO,GAAG7B,SAAS,GAAGA,SAAS,CAACd,MAAD,CAAZ,GAAuB,KAAhD;EACA,MAAM4C,QAAQ,GAAG/B,UAAU,GAAGA,UAAU,CAACb,MAAD,CAAb,GAAwB,KAAnD;EACA,MAAMhB,QAAQ,GAAG+B,UAAU,GAAGA,UAAU,CAACf,MAAD,CAAb,GAAwB,KAAnD;EAEA,MAAMF,UAAU,GAAGC,cAAc,IAAI,IAAlB,GAAyBA,cAAzB,GAA0C,CAACmB,WAAD,IAAgB,CAACqB,UAA9E;EAEA1E,SAAS,CAAC,MAAM;IACd;IACA,IAAI2D,YAAY,IAAIC,cAAhB,IAAkCW,KAAK,KAAK,CAAC,CAAjD,EAAoD;MAClDZ,YAAY,CAAC;QACX/B,EAAE,EAAEO,MADO;QAEX6C,WAAW,EAAEpD,EAFF;QAGX2C,KAHW;QAIXC,QAJW;QAKXvC,UALW;QAMXyC,UANW;QAOXvD,QAAQ,EAAEa,YAPC;QAQXW,OARW;QASXH;MATW,CAAD,CAAZ;MAYA,OAAO,MAAM;QACXoB,cAAc,CAACzB,MAAD,CAAd;MACD,CAFD;IAGD;;IAED,OAAO8C,SAAP;EACD,CArBQ,EAqBN,CACDtB,YADC,EAEDC,cAFC,EAGDY,QAHC,EAIDD,KAJC,EAKDpC,MALC,EAMDuC,UANC,EAOD1C,YAPC,EAQDJ,EARC,EASDK,UATC,EAUDU,OAVC,EAWDH,OAXC,CArBM,CAAT;EAmCAxC,SAAS,CAAC,MAAM;IACd,IAAI6D,YAAY,IAAIC,cAAhB,IAAkCzB,KAAtC,EAA6C;MAAA;;MAC3CwB,YAAY,CAAC1B,MAAD,yBAASgC,UAAU,CAACe,OAApB,wDAAS,oBAAoBC,WAApB,CAAgCC,SAAhC,CAA0C,CAA1C,EAA6C,CAA7C,EAAgDC,WAAhD,EAAT,CAAZ;MAEA,OAAO,MAAM;QACXvB,cAAc,CAAC3B,MAAD,CAAd;MACD,CAFD;IAGD;;IACD,OAAO8C,SAAP;EACD,CATQ,EASN,CAACpB,YAAD,EAAeC,cAAf,EAA+B3B,MAA/B,EAAuCE,KAAvC,CATM,CAAT;EAWA,IAAIiD,YAAJ;;EACA,IAAI/B,WAAJ,EAAiB;IACf+B,YAAY,GAAGP,QAAf;EACD,CAFD,MAEO,IAAIA,QAAJ,EAAc;IACnB;AACJ;AACA;AACA;AACA;AACA;IACIO,YAAY,GAAG,IAAf;EACD;;EAED,MAAMC,WAAW,GAAGzF,WAAW,CAC5BoB,KAAD,IAAW;IACT;IACA,IAAIA,KAAK,CAACqB,MAAN,KAAiBrB,KAAK,CAACsE,aAA3B,EAA0C;MACxC,CAACtE,KAAK,CAACqB,MAAN,CAAakD,aAAb,IAA8BC,QAA/B,EACGC,cADH,CACkBxC,MADlB,EAEGY,KAFH,CAES;QAAE6B,aAAa,EAAE;MAAjB,CAFT;IAGD;;IAED,MAAMC,WAAW,GAAG,CAACnC,sBAAD,IAA2BvC,QAA/C;;IACA,IAAI,CAAC2D,OAAD,IAAY5D,KAAK,CAACsE,aAAN,KAAwBtE,KAAK,CAACqB,MAA1C,IAAoD,CAACsD,WAAzD,EAAsE;MACpE9B,KAAK,CAAC7C,KAAD,EAAQiB,MAAR,CAAL;IACD;EACF,CAb4B,EAc7B,CAAChB,QAAD,EAAWuC,sBAAX,EAAmCK,KAAnC,EAA0Ce,OAA1C,EAAmD3C,MAAnD,EAA2DgB,MAA3D,CAd6B,CAA/B;EAiBA,MAAM2C,eAAe,GAAGhG,WAAW,CAChCoB,KAAD,IAAW;IACT,IAAI,CAACC,QAAL,EAAe;MACb,IAAI6C,YAAY,IAAI,CAACc,OAArB,EAA8B;QAC5Bf,KAAK,CAAC7C,KAAD,EAAQiB,MAAR,CAAL;MACD;;MAED,MAAM4D,QAAQ,GAAGxC,WAAW,KAAKrC,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACG,OAAxB,IAAmCH,KAAK,CAACI,OAA9C,CAA5B,CALa,CAOb;;MACA,IAAIoD,UAAU,IAAI,EAAEqB,QAAQ,IAAIhD,UAAU,CAACZ,MAAD,CAAxB,CAAlB,EAAqD;QACnDmB,eAAe,CAACpC,KAAD,EAAQiB,MAAR,CAAf;MACD;IACF;EACF,CAdgC,EAejC,CACEhB,QADF,EAEEuD,UAFF,EAGEX,KAHF,EAIEe,OAJF,EAKE/B,UALF,EAMEQ,WANF,EAOEpB,MAPF,EAQEmB,eARF,EASEU,YATF,CAfiC,CAAnC;EA4BA,MAAMgC,eAAe,GAAGlG,WAAW,CAChCoB,KAAD,IAAW;IACT,IAAIe,UAAU,IAAI,CAACd,QAAnB,EAA6B;MAC3B,IAAI6C,YAAY,IAAI,CAACc,OAArB,EAA8B;QAC5Bf,KAAK,CAAC7C,KAAD,EAAQiB,MAAR,CAAL;MACD;;MAED,MAAM4D,QAAQ,GAAGxC,WAAW,KAAKrC,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACG,OAAxB,IAAmCH,KAAK,CAACI,OAA9C,CAA5B;;MAEA,IAAIyE,QAAJ,EAAc;QACZ,IAAI7E,KAAK,CAACE,QAAV,EAAoB;UAClBqC,WAAW,CAACvC,KAAD,EAAQ;YAAE+E,GAAG,EAAE9D;UAAP,CAAR,CAAX;QACD,CAFD,MAEO;UACLqB,UAAU,CAACtC,KAAD,EAAQiB,MAAR,EAAgB,IAAhB,CAAV;QACD;MACF,CAND,MAMO;QACLqB,UAAU,CAACtC,KAAD,EAAQiB,MAAR,CAAV;MACD;IACF;EACF,CAnBgC,EAoBjC,CACEhB,QADF,EAEE4C,KAFF,EAGEe,OAHF,EAIEvB,WAJF,EAKEpB,MALF,EAMEqB,UANF,EAOEC,WAPF,EAQExB,UARF,EASE+B,YATF,CApBiC,CAAnC;EAiCA,MAAMkC,eAAe,GAAGpG,WAAW,CAChCoB,KAAD,IAAW;IACTD,gBAAgB,CAACC,KAAD,EAAQC,QAAR,CAAhB;;IAEA,IAAIuB,WAAJ,EAAiB;MACfA,WAAW,CAACxB,KAAD,CAAX;IACD;EACF,CAPgC,EAQjC,CAACC,QAAD,EAAWuB,WAAX,CARiC,CAAnC;EAWA,MAAMyD,WAAW,GAAGrG,WAAW,CAC5BoB,KAAD,IAAW;IACT,IAAI,CAACC,QAAL,EAAe;MACb,IAAIuD,UAAJ,EAAgB;QACdoB,eAAe,CAAC5E,KAAD,CAAf;MACD;;MAED,IAAIe,UAAJ,EAAgB;QACd+D,eAAe,CAAC9E,KAAD,CAAf;MACD;IACF;;IAED,IAAIuB,OAAJ,EAAa;MACXA,OAAO,CAACvB,KAAD,CAAP;IACD;EACF,CAf4B,EAgB7B,CAACC,QAAD,EAAWuD,UAAX,EAAuBoB,eAAvB,EAAwCE,eAAxC,EAAyDvD,OAAzD,EAAkER,UAAlE,CAhB6B,CAA/B;EAmBA,MAAMmE,aAAa,GAAGtG,WAAW,CAC9BoB,KAAD,IAAW;IACT,IAAImF,cAAc,GAAG,KAArB;IACA,MAAM;MAAEC;IAAF,IAAUpF,KAAhB;;IAEA,IAAIA,KAAK,CAACqF,MAAN,IAAgBrF,KAAK,CAACG,OAAtB,IAAiCH,KAAK,CAACI,OAAvC,IAAkDJ,KAAK,CAACsE,aAAN,KAAwBtE,KAAK,CAACqB,MAApF,EAA4F;MAC1F;IACD;;IACD,IAAI4B,UAAU,CAACe,OAAX,KAAuBhE,KAAK,CAACsE,aAAjC,EAAgD;MAC9C,IAAIc,GAAG,KAAK,OAAR,IAAmBA,GAAG,KAAK,GAA/B,EAAoC;QAClC,IAAI5B,UAAJ,EAAgB;UACd2B,cAAc,GAAGP,eAAe,CAAC5E,KAAD,CAAhC;QACD;;QAED,IAAIe,UAAJ,EAAgB;UACdoE,cAAc,GAAGL,eAAe,CAAC9E,KAAD,CAAhC;QACD;MACF;;MAED,IAAImF,cAAJ,EAAoB;QAClBnF,KAAK,CAACK,cAAN;QACAL,KAAK,CAACsF,eAAN;MACD;IACF;EACF,CAxB8B,EAyB/B,CAAC9B,UAAD,EAAaoB,eAAb,EAA8BE,eAA9B,EAA+C/D,UAA/C,CAzB+B,CAAjC;EA4BA,MAAMwE,eAAe,GAAGxG,OAAO,CAC7B,mBACE,oBAAC,YAAD;IACE,EAAE,EAAEW,KAAK,CAACgB,EAAD,EAAK,QAAL,CADX;IAEE,SAAS,EAAEU,IAAI,GAAG,GAAH,GAAS,KAF1B;IAGE,IAAI,EAAEA,IAHR;IAIE,MAAM,EAAEC,MAJV;IAKE,QAAQ,EAAE4B,UALZ;IAME,SAAS,EAAE/D,IAAI,CAAC2B,OAAO,CAAC2E,OAAT,EAAoCpE,IAAI,IAAI,IAA5C,IAAqBP,OAAO,CAAC4E,IAA7B,CANjB;IAOE,OAAO,EAAExF,QAAQ,GAAG,iBAAH,GAAuB,YAP1C;IAQE,OAAO,EAAEgF,WARX;IASE,WAAW,EAAED,eATf;IAUE,KAAK,EAAE;MACLU,WAAW,EAAE,CAAClC,UAAU,IAAItC,IAAI,IAAI,IAAtB,GAA6B,CAA7B,GAAiC,EAAlC,IAAwCqC,KAAK,IAAIpB,WAAW,GAAG,EAAH,GAAQ,EAAvB;IADrD;EAVT,GAaOW,YAAY,GACb;IACE6C,IAAI,EAAE,QADR;IAEEC,QAAQ,EAAE,CAAC,CAFb;IAGEnE,OAAO,EAAE4C;EAHX,CADa,GAMb;IACEsB,IAAI,EAAE,QADR;IAEEC,QAAQ,EAAE7E,UAAU,IAAIyC,UAAd,GAA2B,CAA3B,GAA+B,CAAC,CAF5C;IAGEqC,SAAS,EAAEX,aAHb;IAIE,gBAAgBnE,UAAU,IAAI8C,QAAd,GAAyB,MAAzB,GAAkCE,SAJpD;IAKE,iBAAiBP,UAAU,GAAGG,QAAH,GAAcI,SAL3C;IAME,iBAAiBP,UAAU,GAAG9D,KAAK,CAACgB,EAAD,EAAK,OAAL,CAAR,GAAwBqD;EANrD,CAnBN,GA4BGP,UAAU,KAAKG,QAAQ,0CAAG,oBAAC,QAAD,OAAH,+CAAkB,oBAAC,UAAD,OAAlB,CAAb,CA5Bb,EA6BGzC,IA7BH,EA8BGC,KA9BH,CAF2B,EAmC7B,CACET,EADF,EAEEU,IAFF,EAGEC,MAHF,EAIER,OAAO,CAAC2E,OAJV,EAKE3E,OAAO,CAAC4E,IALV,EAMExF,QANF,EAOEgF,WAPF,EAQED,eARF,EASExB,UATF,EAUEtC,IAVF,EAWEqC,KAXF,EAYEpB,WAZF,EAaEW,YAbF,EAcEuB,WAdF,EAeEtD,UAfF,EAgBEmE,aAhBF,EAiBErB,QAjBF,EAkBEF,QAlBF,EAmBExC,KAnBF,CAnC6B,CAA/B;EA0DA,MAAM2E,gBAAgB,GAAG/G,OAAO,CAC9B,MACE2C,QAAQ,iBACN;IACE,EAAE,EAAEhC,KAAK,CAACgB,EAAD,EAAK,OAAL,CADX;IAEE,SAAS,EAAEG,OAAO,CAACkF,KAFrB;IAGE,IAAI,EAAEjD,YAAY,GAAG,OAAH,GAAaiB;EAHjC,GAKGrC,QALH,CAH0B,EAW9B,CAACA,QAAD,EAAWb,OAAO,CAACkF,KAAnB,EAA0BrF,EAA1B,EAA8BoC,YAA9B,CAX8B,CAAhC;EAcA,oBACE;IACE,GAAG,EAAEI,SADP;IAEE,EAAE,EAAExC,EAFN;IAGE,SAAS,EAAExB,IAAI,CAAC2B,OAAO,CAACmF,IAAT,EAAepF,SAAf,EACOX,QADP,GACZY,OAAO,CAACZ,QADI,GAKsBc,UALtB,IAKZF,OAAO,CAACE,UALI,EAOkC8C,QAPlC,GAOZhD,OAAO,CAACgD,QAPI,GAQZhD,OAAO,CAACoF,UARI,IAMZpF,OAAO,CAACqF,YANI,EAES1C,UAFT,KAEZ3C,OAAO,CAAC2C,UAFI,EAIqBG,QAJrB,GAIZ9C,OAAO,CAAC8C,QAJI,GAGZ9C,OAAO,CAACsF,SAHI,GASMvC,OATN,IASZ/C,OAAO,CAAC+C,OATI,CAHjB;IAcE,gBAAc1C,IAAI,IAAI,IAAR,GAAe,IAAf,GAAsB6C;EAdtC,GAeO7B,IAAI,KAAK,UAAT,IAAuB;IAC1ByD,IAAI,EAAE,UADoB;IAE1B,iBAAiBvB,YAFS;IAG1B,iBAAiBZ,UAAU,GAAGG,QAAH,GAAcI,SAHf;IAI1B,iBAAiB9D,QAAQ,GAAG,IAAH,GAAU8D;EAJT,CAf9B,EAqBMpC,MArBN,GAuBG4D,eAvBH,eAwBE,oBAAC,kBAAD;IAAoB,EAAE,EAAEtE,MAAxB;IAAgC,KAAK,EAAEsC,KAAK,GAAG;EAA/C,GACGuC,gBADH,CAxBF,CADF;AA8BD,CAtXoB,CAArB;AAwXA,wCAAAxF,YAAY,CAAC8F,SAAb,GAAyB;EACvB;AACF;AACA;EACE1F,EAAE,EAAEvB,SAAS,CAACkH,MAJS;;EAKvB;AACF;AACA;EACEzF,SAAS,EAAEzB,SAAS,CAACkH,MARE;;EASvB;AACF;AACA;EACExF,OAAO,EAAE1B,SAAS,CAACmH,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAE7G,SAAS,CAACkH,MAJO;;IAKvB;AACJ;AACA;IACIb,OAAO,EAAErG,SAAS,CAACkH,MARI;;IASvB;AACJ;AACA;IACIZ,IAAI,EAAEtG,SAAS,CAACkH,MAZO;;IAavB;AACJ;AACA;IACIN,KAAK,EAAE5G,SAAS,CAACkH,MAhBM;;IAiBvB;AACJ;AACA;IACIpG,QAAQ,EAAEd,SAAS,CAACkH,MApBG;;IAqBvB;AACJ;AACA;IACI7C,UAAU,EAAErE,SAAS,CAACkH,MAxBC;;IAyBvB;AACJ;AACA;IACIF,SAAS,EAAEhH,SAAS,CAACkH,MA5BE;;IA6BvB;AACJ;AACA;IACI1C,QAAQ,EAAExE,SAAS,CAACkH,MAhCG;;IAiCvB;AACJ;AACA;IACItF,UAAU,EAAE5B,SAAS,CAACkH,MApCC;;IAqCvB;AACJ;AACA;IACIH,YAAY,EAAE/G,SAAS,CAACkH,MAxCD;;IAyCvB;AACJ;AACA;IACIxC,QAAQ,EAAE1E,SAAS,CAACkH,MA5CG;;IA6CvB;AACJ;AACA;IACIJ,UAAU,EAAE9G,SAAS,CAACkH,MAhDC;;IAiDvB;AACJ;AACA;IACIzC,OAAO,EAAEzE,SAAS,CAACkH;EApDI,CAAhB,EAqDNE,UAjEoB;;EAkEvB;AACF;AACA;EACEtG,QAAQ,EAAEd,SAAS,CAACqH,IArEG;;EAsEvB;AACF;AACA;EACEzF,UAAU,EAAE5B,SAAS,CAACqH,IAzEC;;EA0EvB;AACF;AACA;EACEvF,MAAM,EAAE9B,SAAS,CAACkH,MAAV,CAAiBE,UA7EF;;EA8EvB;AACF;AACA;EACErF,IAAI,EAAE/B,SAAS,CAAC6G,IAjFO;;EAkFvB;AACF;AACA;EACE7E,KAAK,EAAEhC,SAAS,CAAC6G,IAAV,CAAeO,UArFC;;EAsFvB;AACF;AACA;EACEnF,IAAI,EAAEjC,SAAS,CAACkH,MAzFO;;EA0FvB;AACF;AACA;EACEhF,MAAM,EAAElC,SAAS,CAACkH,MA7FK;;EA8FvB;AACF;AACA;EACE;EACA/E,OAAO,EAAEnC,SAAS,CAACsH,GAlGI;;EAmGvB;AACF;AACA;EACElF,OAAO,EAAEpC,SAAS,CAACuH,IAtGI;;EAuGvB;AACF;AACA;EACElF,WAAW,EAAErC,SAAS,CAACuH,IA1GA;;EA2GvB;AACF;AACA;EACEjF,OAAO,EAAEtC,SAAS,CAACuH,IA9GI;;EA+GvB;AACF;AACA;EACEhF,QAAQ,EAAEvC,SAAS,CAAC6G;AAlHG,CAAzB;AAqHA,eAAe5G,UAAU,CAACU,MAAD,EAAS;EAChC6G,IAAI,EAAE;AAD0B,CAAT,CAAV,CAEZrG,YAFY,CAAf"}
@@ -64,6 +64,9 @@ const styles = theme => ({
64
64
  },
65
65
  selected: {},
66
66
  unselected: {},
67
+ link: {
68
+ textDecoration: "none"
69
+ },
67
70
  focused: {},
68
71
  noIcon: {},
69
72
  withIcon: {},
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","names":["outlineStyles","selected","theme","background","hv","palette","atmosphere","atmo3","borderLeft","accent","acce3","hover","styles","root","display","atmo1","padding","margin","listStyle","outline","group","node","minHeight","marginBottom","disabled","selectable","unselectable","expandable","collapsed","expanded","unselected","focused","noIcon","withIcon","content","width","justifyContent","alignItems","height","paddingRight","spacing","xs","fontWeight","cursor"],"sources":["../../../../src/VerticalNavigation/TreeView/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst selected = (theme) => ({\n background: theme.hv.palette.atmosphere.atmo3,\n borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n \"& *\": {\n background: theme.hv.palette.atmosphere.atmo3,\n },\n});\n\nconst hover = (theme) => ({\n background: theme.hv.palette.atmosphere.atmo3,\n \"& *\": {\n background: theme.hv.palette.atmosphere.atmo3,\n },\n});\n\nconst styles = (theme) => ({\n /* role=\"tree\" root element */\n root: {\n display: \"block\",\n background: theme.hv.palette.atmosphere.atmo1,\n padding: `0px`,\n margin: \"0\",\n listStyle: \"none\",\n\n outline: \"none\",\n },\n\n /* role=\"group\" element */\n group: {\n margin: \"8px 0 0 0\",\n padding: 0,\n },\n\n /* role=\"treeitem\" element */\n node: {\n listStyle: \"none\",\n minHeight: \"32px\",\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n },\n\n /* role=\"treeitem\" element states */\n disabled: {},\n selectable: {},\n unselectable: {},\n expandable: {},\n collapsed: {\n \"&>$group\": { display: \"none\" },\n },\n expanded: {\n \"&>$group\": { display: \"block\" },\n },\n selected: {},\n unselected: {},\n\n focused: {},\n\n noIcon: {},\n withIcon: {},\n\n /* role=\"button\" element */\n content: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n height: \"32px\",\n borderLeft: `2px solid transparent`,\n paddingRight: theme.hv.spacing.xs,\n\n \"$expandable>&\": {\n fontWeight: 600,\n },\n\n // selected state\n \"$selected>&\": selected(theme),\n\n // hover\n \":not($disabled):not($selected)>&:hover\": hover(theme),\n \":not($disabled)$selected>&:hover\": {},\n\n // focus\n \":not($disabled):not($selected)>&:focus-visible\": hover(theme),\n \":not($disabled):not($selected)>&.focus-visible\": hover(theme),\n\n \"*:focus-visible $focused>&\": {\n ...outlineStyles,\n },\n\n \".focus-visible $focused>&\": {\n ...outlineStyles,\n },\n\n \"$focused>&\": {\n ...hover(theme),\n },\n\n \"&[disabled], &:active\": {\n outline: \"none\",\n },\n\n \"&:focus\": {\n outline: \"none\",\n },\n\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n\n \"&.focus-visible\": {\n ...outlineStyles,\n },\n\n // cursor\n cursor: \"pointer\",\n \"& *\": {\n cursor: \"pointer\",\n },\n \"$disabled>&\": {\n cursor: \"not-allowed\",\n \"& *\": {\n cursor: \"not-allowed\",\n },\n },\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","names":["outlineStyles","selected","theme","background","hv","palette","atmosphere","atmo3","borderLeft","accent","acce3","hover","styles","root","display","atmo1","padding","margin","listStyle","outline","group","node","minHeight","marginBottom","disabled","selectable","unselectable","expandable","collapsed","expanded","unselected","link","textDecoration","focused","noIcon","withIcon","content","width","justifyContent","alignItems","height","paddingRight","spacing","xs","fontWeight","cursor"],"sources":["../../../../src/VerticalNavigation/TreeView/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst selected = (theme) => ({\n background: theme.hv.palette.atmosphere.atmo3,\n borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n \"& *\": {\n background: theme.hv.palette.atmosphere.atmo3,\n },\n});\n\nconst hover = (theme) => ({\n background: theme.hv.palette.atmosphere.atmo3,\n \"& *\": {\n background: theme.hv.palette.atmosphere.atmo3,\n },\n});\n\nconst styles = (theme) => ({\n /* role=\"tree\" root element */\n root: {\n display: \"block\",\n background: theme.hv.palette.atmosphere.atmo1,\n padding: `0px`,\n margin: \"0\",\n listStyle: \"none\",\n\n outline: \"none\",\n },\n\n /* role=\"group\" element */\n group: {\n margin: \"8px 0 0 0\",\n padding: 0,\n },\n\n /* role=\"treeitem\" element */\n node: {\n listStyle: \"none\",\n minHeight: \"32px\",\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n },\n\n /* role=\"treeitem\" element states */\n disabled: {},\n selectable: {},\n unselectable: {},\n expandable: {},\n collapsed: {\n \"&>$group\": { display: \"none\" },\n },\n expanded: {\n \"&>$group\": { display: \"block\" },\n },\n selected: {},\n unselected: {},\n link: {\n textDecoration: \"none\",\n },\n\n focused: {},\n\n noIcon: {},\n withIcon: {},\n\n /* role=\"button\" element */\n content: {\n width: \"100%\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n height: \"32px\",\n borderLeft: `2px solid transparent`,\n paddingRight: theme.hv.spacing.xs,\n\n \"$expandable>&\": {\n fontWeight: 600,\n },\n\n // selected state\n \"$selected>&\": selected(theme),\n\n // hover\n \":not($disabled):not($selected)>&:hover\": hover(theme),\n \":not($disabled)$selected>&:hover\": {},\n\n // focus\n \":not($disabled):not($selected)>&:focus-visible\": hover(theme),\n \":not($disabled):not($selected)>&.focus-visible\": hover(theme),\n\n \"*:focus-visible $focused>&\": {\n ...outlineStyles,\n },\n\n \".focus-visible $focused>&\": {\n ...outlineStyles,\n },\n\n \"$focused>&\": {\n ...hover(theme),\n },\n\n \"&[disabled], &:active\": {\n outline: \"none\",\n },\n\n \"&:focus\": {\n outline: \"none\",\n },\n\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n\n \"&.focus-visible\": {\n ...outlineStyles,\n },\n\n // cursor\n cursor: \"pointer\",\n \"& *\": {\n cursor: \"pointer\",\n },\n \"$disabled>&\": {\n cursor: \"not-allowed\",\n \"& *\": {\n cursor: \"not-allowed\",\n },\n },\n },\n});\n\nexport default styles;\n"],"mappings":"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"}