@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.
- package/dist/Header/Navigation/MenuBar/MenuBar.js +5 -1
- package/dist/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
- package/dist/Header/Navigation/MenuItem/MenuItem.js +29 -9
- package/dist/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
- package/dist/Header/Navigation/MenuItem/styles.js +4 -0
- package/dist/Header/Navigation/MenuItem/styles.js.map +1 -1
- package/dist/Header/Navigation/Navigation.d.ts +4 -0
- package/dist/Header/Navigation/Navigation.js +5 -1
- package/dist/Header/Navigation/Navigation.js.map +1 -1
- package/dist/Login/Login.js +1 -3
- package/dist/Login/Login.js.map +1 -1
- package/dist/Slider/Slider.js +7 -2
- package/dist/Slider/Slider.js.map +1 -1
- package/dist/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
- package/dist/VerticalNavigation/Navigation/Navigation.js +10 -2
- package/dist/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/VerticalNavigation/TreeView/TreeViewItem.d.ts +8 -0
- package/dist/VerticalNavigation/TreeView/TreeViewItem.js +25 -4
- package/dist/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
- package/dist/VerticalNavigation/TreeView/styles.js +3 -0
- package/dist/VerticalNavigation/TreeView/styles.js.map +1 -1
- package/dist/legacy/Header/Navigation/MenuBar/MenuBar.js +5 -1
- package/dist/legacy/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
- package/dist/legacy/Header/Navigation/MenuItem/MenuItem.js +25 -9
- package/dist/legacy/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
- package/dist/legacy/Header/Navigation/MenuItem/styles.js +4 -0
- package/dist/legacy/Header/Navigation/MenuItem/styles.js.map +1 -1
- package/dist/legacy/Header/Navigation/Navigation.d.ts +4 -0
- package/dist/legacy/Header/Navigation/Navigation.js +5 -1
- package/dist/legacy/Header/Navigation/Navigation.js.map +1 -1
- package/dist/legacy/Login/Login.js +1 -2
- package/dist/legacy/Login/Login.js.map +1 -1
- package/dist/legacy/Slider/Slider.js +4 -1
- package/dist/legacy/Slider/Slider.js.map +1 -1
- package/dist/legacy/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
- package/dist/legacy/VerticalNavigation/Navigation/Navigation.js +10 -2
- package/dist/legacy/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.d.ts +8 -0
- package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js +24 -4
- package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
- package/dist/legacy/VerticalNavigation/TreeView/styles.js +3 -0
- package/dist/legacy/VerticalNavigation/TreeView/styles.js.map +1 -1
- package/dist/modern/Header/Navigation/MenuBar/MenuBar.js +5 -1
- package/dist/modern/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
- package/dist/modern/Header/Navigation/MenuItem/MenuItem.js +24 -9
- package/dist/modern/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
- package/dist/modern/Header/Navigation/MenuItem/styles.js +4 -0
- package/dist/modern/Header/Navigation/MenuItem/styles.js.map +1 -1
- package/dist/modern/Header/Navigation/Navigation.d.ts +4 -0
- package/dist/modern/Header/Navigation/Navigation.js +5 -1
- package/dist/modern/Header/Navigation/Navigation.js.map +1 -1
- package/dist/modern/Login/Login.js +1 -2
- package/dist/modern/Login/Login.js.map +1 -1
- package/dist/modern/Slider/Slider.js +1 -1
- package/dist/modern/Slider/Slider.js.map +1 -1
- package/dist/modern/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
- package/dist/modern/VerticalNavigation/Navigation/Navigation.js +10 -2
- package/dist/modern/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.d.ts +8 -0
- package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js +23 -4
- package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
- package/dist/modern/VerticalNavigation/TreeView/styles.js +3 -0
- package/dist/modern/VerticalNavigation/TreeView/styles.js.map +1 -1
- package/package.json +7 -7
|
@@ -6,7 +6,6 @@ import clsx from "clsx";
|
|
|
6
6
|
import PropTypes from "prop-types";
|
|
7
7
|
import { withStyles } from "@material-ui/core";
|
|
8
8
|
import styles from "./styles";
|
|
9
|
-
import bg from "./resources/background.svg";
|
|
10
9
|
/**
|
|
11
10
|
* Container layout for the login form.
|
|
12
11
|
*/
|
|
@@ -23,7 +22,7 @@ var HvLogin = function HvLogin(_ref) {
|
|
|
23
22
|
id: id,
|
|
24
23
|
className: clsx(className, classes.root),
|
|
25
24
|
style: {
|
|
26
|
-
backgroundImage: "url(".concat(background
|
|
25
|
+
backgroundImage: background && "url(".concat(background, ")")
|
|
27
26
|
}
|
|
28
27
|
}, others), /*#__PURE__*/React.createElement("div", {
|
|
29
28
|
className: classes.formContainer
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Login.js","names":["React","clsx","PropTypes","withStyles","styles","
|
|
1
|
+
{"version":3,"file":"Login.js","names":["React","clsx","PropTypes","withStyles","styles","HvLogin","id","className","classes","children","background","others","root","backgroundImage","formContainer","propTypes","string","shape","isRequired","node","name"],"sources":["../../../src/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n return (\n <div\n id={id}\n className={clsx(className, classes.root)}\n style={{\n backgroundImage: background && `url(${background})`,\n }}\n {...others}\n >\n <div className={classes.formContainer}>{children}</div>\n </div>\n );\n};\n\nHvLogin.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.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to root.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the form container.\n */\n formContainer: PropTypes.string,\n }).isRequired,\n /**\n * The form to be rendered.\n */\n children: PropTypes.node.isRequired,\n /**\n * The path for the background image.\n */\n background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAAiE;EAAA,IAA9DC,EAA8D,QAA9DA,EAA8D;EAAA,IAA1DC,SAA0D,QAA1DA,SAA0D;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EAAA,IAA5BC,UAA4B,QAA5BA,UAA4B;EAAA,IAAbC,MAAa;;EAC/E,oBACE;IACE,EAAE,EAAEL,EADN;IAEE,SAAS,EAAEL,IAAI,CAACM,SAAD,EAAYC,OAAO,CAACI,IAApB,CAFjB;IAGE,KAAK,EAAE;MACLC,eAAe,EAAEH,UAAU,kBAAWA,UAAX;IADtB;EAHT,GAMMC,MANN,gBAQE;IAAK,SAAS,EAAEH,OAAO,CAACM;EAAxB,GAAwCL,QAAxC,CARF,CADF;AAYD,CAbD;;AAeA,wCAAAJ,OAAO,CAACU,SAAR,GAAoB;EAClB;AACF;AACA;EACET,EAAE,EAAEJ,SAAS,CAACc,MAJI;;EAKlB;AACF;AACA;EACET,SAAS,EAAEL,SAAS,CAACc,MARH;;EASlB;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEV,SAAS,CAACc,MAJO;;IAKvB;AACJ;AACA;IACIF,aAAa,EAAEZ,SAAS,CAACc;EARF,CAAhB,EASNE,UArBe;;EAsBlB;AACF;AACA;EACET,QAAQ,EAAEP,SAAS,CAACiB,IAAV,CAAeD,UAzBP;;EA0BlB;AACF;AACA;EACER,UAAU,EAAER,SAAS,CAACc;AA7BJ,CAApB;AAgCA,eAAeb,UAAU,CAACC,MAAD,EAAS;EAAEgB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCf,OAAxC,CAAf"}
|
|
@@ -14,6 +14,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
|
|
|
14
14
|
import "core-js/modules/es.array.map.js";
|
|
15
15
|
import "core-js/modules/es.number.is-nan.js";
|
|
16
16
|
import "core-js/modules/es.number.constructor.js";
|
|
17
|
+
import "core-js/modules/es.promise.js";
|
|
17
18
|
import "core-js/modules/es.array.slice.js";
|
|
18
19
|
import "core-js/modules/es.array.filter.js";
|
|
19
20
|
import "core-js/modules/web.dom-collections.for-each.js";
|
|
@@ -27,7 +28,6 @@ import clsx from "clsx";
|
|
|
27
28
|
import PropTypes from "prop-types";
|
|
28
29
|
import Slider from "rc-slider";
|
|
29
30
|
import Tooltip from "rc-tooltip";
|
|
30
|
-
import "rc-slider/assets/index.css";
|
|
31
31
|
import { withStyles } from "@material-ui/core";
|
|
32
32
|
import { HvFormElement, useControlled, useUniqueId, HvLabel, setId, HvWarningText } from "..";
|
|
33
33
|
import validationStates from "../Forms/FormElement/validationStates";
|
|
@@ -160,6 +160,9 @@ var HvSlider = function HvSlider(props) {
|
|
|
160
160
|
|
|
161
161
|
setValidationMessage("");
|
|
162
162
|
}, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);
|
|
163
|
+
useEffect(function () {
|
|
164
|
+
return import("rc-slider/assets/index.css");
|
|
165
|
+
}, []);
|
|
163
166
|
useEffect(function () {
|
|
164
167
|
var stepVl = calculateStepValue(maxPointValue, minPointValue, divisionQuantity);
|
|
165
168
|
var inverseStepVl = 1 / stepVl;
|
|
@@ -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","knobPropertiesProp","knobProperties","valuesProp","values","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","knobPropertiesProp","knobProperties","valuesProp","values","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
|
*/
|
|
@@ -26,11 +26,15 @@ var createListHierarchy = function createListHierarchy(items, id, classes) {
|
|
|
26
26
|
icon = item.icon,
|
|
27
27
|
children = item.data,
|
|
28
28
|
selectable = item.selectable,
|
|
29
|
-
disabled = item.disabled
|
|
29
|
+
disabled = item.disabled,
|
|
30
|
+
href = item.href,
|
|
31
|
+
target = item.target;
|
|
30
32
|
var ItemText = wrapperTooltip(true, itemLabel, itemLabel);
|
|
31
33
|
return /*#__PURE__*/React.createElement(TreeViewItem, {
|
|
32
34
|
id: setId(id, itemId),
|
|
33
35
|
className: classes.listItem,
|
|
36
|
+
href: href,
|
|
37
|
+
target: target,
|
|
34
38
|
key: itemId,
|
|
35
39
|
nodeId: itemId,
|
|
36
40
|
label: /*#__PURE__*/React.createElement(ItemText, null),
|
|
@@ -264,12 +268,16 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
|
|
|
264
268
|
* id - the id to be applied to the root element.
|
|
265
269
|
* label - the label to be rendered on the menu item.
|
|
266
270
|
* data - sub-menu items
|
|
271
|
+
* href - the url used for navigation.
|
|
272
|
+
* target - the behavior when opening an url.
|
|
267
273
|
*/
|
|
268
274
|
data: PropTypes.arrayOf(PropTypes.shape({
|
|
269
275
|
id: PropTypes.string.isRequired,
|
|
270
276
|
label: PropTypes.string.isRequired,
|
|
271
277
|
icon: PropTypes.node,
|
|
272
|
-
data: PropTypes.array
|
|
278
|
+
data: PropTypes.array,
|
|
279
|
+
href: PropTypes.string,
|
|
280
|
+
target: PropTypes.string
|
|
273
281
|
})).isRequired,
|
|
274
282
|
|
|
275
283
|
/**
|
|
@@ -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","itemLabel","label","icon","children","data","selectable","disabled","ItemText","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expandedProp","expanded","defaultExpanded","onToggle","selectedProp","selected","defaultSelected","onChange","onClick","others","setSelected","slice","setExpanded","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":";;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,OAA7B,QAA4C,OAA5C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,EAA6BC,UAA7B,QAA+C,mBAA/C;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,QAAP,IAAmBC,YAAnB,QAAuC,aAAvC;AACA,SAASC,KAAT,EAAgBC,aAAhB,QAAqC,aAArC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAQC,EAAR,EAAYC,OAAZ;EAAA,OAC1BF,KAAK,CAACG,GAAN,CAAU,UAACC,IAAD,EAAU;IAClB,IAAYC,MAAZ,GAAqFD,IAArF,CAAQH,EAAR;IAAA,IAA2BK,SAA3B,GAAqFF,IAArF,CAAoBG,KAApB;IAAA,IAAsCC,IAAtC,GAAqFJ,IAArF,CAAsCI,IAAtC;IAAA,IAAkDC,QAAlD,GAAqFL,IAArF,CAA4CM,IAA5C;IAAA,IAA4DC,UAA5D,GAAqFP,IAArF,CAA4DO,UAA5D;IAAA,IAAwEC,QAAxE,GAAqFR,IAArF,CAAwEQ,QAAxE;IAEA,IAAMC,QAAQ,GAAGf,cAAc,CAAC,IAAD,EAAOQ,SAAP,EAAkBA,SAAlB,CAA/B;IAEA,oBACE,oBAAC,YAAD;MACE,EAAE,EAAEX,KAAK,CAACM,EAAD,EAAKI,MAAL,CADX;MAEE,SAAS,EAAEH,OAAO,CAACY,QAFrB;MAGE,GAAG,EAAET,MAHP;MAIE,MAAM,EAAEA,MAJV;MAKE,KAAK,eAAE,oBAAC,QAAD,OALT;MAME,IAAI,EAAEG,IANR;MAOE,OAAO,EAAEJ,IAPX;MAQE,UAAU,EAAEO,UARd;MASE,QAAQ,EAAEC;IATZ,GAWGH,QAAQ,GAAGV,mBAAmB,CAACU,QAAD,EAAWR,EAAX,EAAeC,OAAf,CAAtB,GAAgDa,SAX3D,CADF;EAeD,CApBD,CAD0B;AAAA,CAA5B;;AAuBA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAChB,KAAD,EAAW;EAC/B,IAAMiB,OAAO,GAAGjB,KAAK,CAACkB,MAAN,CAAa,UAACd,IAAD;IAAA,OAAUA,IAAI,CAACM,IAAL,IAAa,IAAb,IAAqBN,IAAI,CAACM,IAAL,CAAUS,MAAV,GAAmB,CAAlD;EAAA,CAAb,CAAhB;EACA,IAAMC,YAAY,GAAGH,OAAO,CAACI,OAAR,CAAgB,UAACjB,IAAD;IAAA,OAAUY,aAAa,CAACZ,IAAI,CAACM,IAAN,CAAvB;EAAA,CAAhB,CAArB;EAEA,oCAAWO,OAAX,sBAAuBG,YAAvB;AACD,CALD;;AAOA,SAASE,aAAT,CAAuBZ,IAAvB,EAA6Ba,QAA7B,EAAuC;EACrC,IAAMC,IAAI,GAAG,EAAb;;EAEA,IAAId,IAAI,IAAI,IAAR,IAAgBA,IAAI,CAACS,MAAL,GAAc,CAAlC,EAAqC;IACnC;IACA,KAAK,IAAIM,CAAC,GAAG,CAAb,EAAgBA,CAAC,KAAKf,IAAI,CAACS,MAA3B,EAAmC,EAAEM,CAArC,EAAwC;MACtC,IAAMrB,IAAI,GAAGM,IAAI,CAACe,CAAD,CAAjB;;MACA,IAAIrB,IAAI,CAACH,EAAL,KAAYsB,QAAhB,EAA0B;QACxBC,IAAI,CAACE,IAAL,CAAUtB,IAAI,CAACH,EAAf;QACA;MACD;;MAED,IAAM0B,QAAQ,GAAGL,aAAa,CAAClB,IAAI,CAACM,IAAN,EAAYa,QAAZ,CAA9B;;MACA,IAAII,QAAQ,CAACR,MAAT,GAAkB,CAAtB,EAAyB;QACvBK,IAAI,CAACE,IAAL,CAAUtB,IAAI,CAACH,EAAf;QACAuB,IAAI,CAACE,IAAL,OAAAF,IAAI,qBAASG,QAAT,EAAJ;QACA;MACD;IACF;EACF;;EAED,OAAOH,IAAP;AACD;;AAED,IAAMI,UAAU,GAAG,SAAbA,UAAa,OAuBb;EAAA,IAtBJ3B,EAsBI,QAtBJA,EAsBI;EAAA,IApBJ4B,SAoBI,QApBJA,SAoBI;EAAA,IAnBJ3B,OAmBI,QAnBJA,OAmBI;EAAA,IAjBJQ,IAiBI,QAjBJA,IAiBI;EAAA,qBAfJoB,IAeI;EAAA,IAfJA,IAeI,0BAfG,YAeH;EAAA,4BAbJC,WAaI;EAAA,IAbJA,WAaI,iCAbU,KAaV;EAAA,IAZMC,YAYN,QAZJC,QAYI;EAAA,IAXJC,eAWI,QAXJA,eAWI;EAAA,IAVJC,QAUI,QAVJA,QAUI;EAAA,IARMC,YAQN,QARJC,QAQI;EAAA,IAPJC,eAOI,QAPJA,eAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,IAJJhC,KAII,QAJJA,KAII;EAAA,IAHJiC,OAGI,QAHJA,OAGI;EAAA,IADDC,MACC;;EACJ,qBAAgC7C,aAAa,CAACwC,YAAD,EAAeE,eAAf,CAA7C;EAAA;EAAA,IAAOD,QAAP;EAAA,IAAiBK,WAAjB;;EACA,sBAAgC9C,aAAa,CAACoC,YAAD,EAAe,YAAM;IAChE,IAAIE,eAAe,KAAK,IAAxB,EAA8B;MAC5B;MACA,OAAOlB,aAAa,CAACN,IAAD,CAAb,CAAoBP,GAApB,CAAwB,UAACC,IAAD;QAAA,OAAUA,IAAI,CAACH,EAAf;MAAA,CAAxB,CAAP;IACD;;IAED,IAAIiC,eAAe,KAAK,KAAxB,EAA+B;MAC7B;MACA,OAAO,EAAP;IACD;;IAED,IAAIA,eAAe,IAAI,IAAvB,EAA6B;MAC3B,IAAIG,QAAQ,IAAI,IAAhB,EAAsB;QACpB;QACA,IAAMb,IAAI,GAAGF,aAAa,CAACZ,IAAD,EAAO2B,QAAP,CAA1B;QACA,OAAOb,IAAI,CAACmB,KAAL,CAAW,CAAX,EAAc,CAAC,CAAf,CAAP;MACD,CAL0B,CAO3B;;;MACA,OAAO,EAAP;IACD;;IAED,OAAOT,eAAP;EACD,CAvB4C,CAA7C;EAAA;EAAA,IAAOD,QAAP;EAAA,IAAiBW,WAAjB;;EAyBA,IAAMC,YAAY,GAAG1D,WAAW,CAC9B,UAAC2D,KAAD,EAAQC,UAAR,EAAoBC,YAApB,EAAqC;IACnCN,WAAW,CAACK,UAAD,CAAX;;IAEA,IAAIR,QAAJ,EAAc;MACZA,QAAQ,CAACO,KAAD,EAAQE,YAAR,CAAR;IACD,CALkC,CAOnC;;;IACA,IAAIR,OAAJ,EAAa;MACXA,OAAO,CAACM,KAAD,EAAQE,YAAR,CAAP;IACD;EACF,CAZ6B,EAa9B,CAACT,QAAD,EAAWC,OAAX,EAAoBE,WAApB,CAb8B,CAAhC;EAgBA,IAAMO,YAAY,GAAG9D,WAAW,CAC9B,UAAC2D,KAAD,EAAQI,WAAR,EAAwB;IACtBN,WAAW,CAACM,WAAD,CAAX;;IAEA,IAAIf,QAAJ,EAAc;MACZA,QAAQ,CAACW,KAAD,EAAQI,WAAR,CAAR;IACD,CALqB,CAOtB;;;IACA,IAAIV,OAAJ,EAAa;MACXA,OAAO,CAACM,KAAD,CAAP;IACD;EACF,CAZ6B,EAa9B,CAACN,OAAD,EAAUL,QAAV,EAAoBS,WAApB,CAb8B,CAAhC;EAgBA,IAAMnC,QAAQ,GAAGrB,OAAO,CACtB;IAAA,OAAMsB,IAAI,IAAIX,mBAAmB,CAACW,IAAD,EAAOT,EAAP,EAAWC,OAAX,CAAjC;EAAA,CADsB,EAEtB,CAACA,OAAD,EAAUQ,IAAV,EAAgBT,EAAhB,CAFsB,CAAxB;EAKA,oBACE;IAAK,EAAE,EAAEA,EAAT;IAAa,SAAS,EAAET,IAAI,CAACqC,SAAD,EAAY3B,OAAO,CAACiD,IAApB,CAA5B;IAAuD,cAAY5C;EAAnE,GAA8EkC,MAA9E,gBACE,oBAAC,QAAD;IACE,EAAE,EAAE9C,KAAK,CAACM,EAAD,EAAK,MAAL,CADX;IAEE,SAAS,EAAEC,OAAO,CAACkD,IAFrB;IAGE,UAAU,MAHZ;IAIE,IAAI,EAAEtB,IAJR;IAKE,WAAW,EAAEC,WALf;IAME,QAAQ,EAAEM,QANZ;IAOE,QAAQ,EAAEQ,YAPZ;IAQE,QAAQ,EAAEZ,QARZ;IASE,QAAQ,EAAEgB;EATZ,GAWGxC,QAXH,CADF,CADF;AAiBD,CAxGD;;AA0GA,wCAAAmB,UAAU,CAACyB,SAAX,GAAuB;EACrB;AACF;AACA;EACEpD,EAAE,EAAEZ,SAAS,CAACiE,MAJO;;EAMrB;AACF;AACA;EACEzB,SAAS,EAAExC,SAAS,CAACiE,MATA;;EAUrB;AACF;AACA;EACEpD,OAAO,EAAEb,SAAS,CAACkE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAE9D,SAAS,CAACiE,MAJO;;IAKvB;AACJ;AACA;IACIF,IAAI,EAAE/D,SAAS,CAACiE,MARO;;IASvB;AACJ;AACA;IACIxC,QAAQ,EAAEzB,SAAS,CAACiE;EAZG,CAAhB,EAaNE,UA1BkB;;EA4BrB;AACF;AACA;EACE1B,IAAI,EAAEzC,SAAS,CAACoE,KAAV,CAAgB,CAAC,UAAD,EAAa,YAAb,CAAhB,CA/Be;;EAgCrB;AACF;AACA;EACE1B,WAAW,EAAE1C,SAAS,CAACqE,IAnCF;;EAqCrB;AACF;AACA;EACErB,QAAQ,EAAEhD,SAAS,CAACiE,MAxCC;;EAyCrB;AACF;AACA;EACEhB,eAAe,EAAEjD,SAAS,CAACiE,MA5CN;;EA6CrB;AACF;AACA;AACA;AACA;AACA;EACEf,QAAQ,EAAElD,SAAS,CAACsE,IAnDC;;EAqDrB;AACF;AACA;EACE1B,QAAQ,EAAE5C,SAAS,CAACuE,OAAV,CAAkBvE,SAAS,CAACiE,MAA5B,CAxDW;;EAyDrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEpB,eAAe,EAAE7C,SAAS,CAACwE,SAAV,CAAoB,CAACxE,SAAS,CAACuE,OAAV,CAAkBvE,SAAS,CAACiE,MAA5B,CAAD,EAAsCjE,SAAS,CAACqE,IAAhD,CAApB,CAjEI;;EAkErB;AACF;AACA;AACA;AACA;AACA;EACEvB,QAAQ,EAAE9C,SAAS,CAACsE,IAxEC;;EA0ErB;AACF;AACA;AACA;AACA;AACA;AACA;EACEjD,IAAI,EAAErB,SAAS,CAACuE,OAAV,CACJvE,SAAS,CAACkE,KAAV,CAAgB;IACdtD,EAAE,EAAEZ,SAAS,CAACiE,MAAV,CAAiBE,UADP;IAEdjD,KAAK,EAAElB,SAAS,CAACiE,MAAV,CAAiBE,UAFV;IAGdhD,IAAI,EAAEnB,SAAS,CAACyE,IAHF;IAIdpD,IAAI,EAAErB,SAAS,CAAC0E;EAJF,CAAhB,CADI,EAOJP,UAxFmB;;EA0FrB;AACF;AACA;AACA;AACA;EACEhB,OAAO,EAAElD,kBAAkB,CAACD,SAAS,CAACsE,IAAX,CA/FN;;EAgGrB;AACF;AACA;AACA;AACA;EACEpD,KAAK,EAAEjB,kBAAkB,CAACD,SAAS,CAACiE,MAAX;AArGJ,CAAvB;AAwGA,eAAe/D,UAAU,CAACM,MAAD,EAAS;EAAEmE,IAAI,EAAE;AAAR,CAAT,CAAV,CAA+DpC,UAA/D,CAAf"}
|
|
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","itemLabel","label","icon","children","data","selectable","disabled","href","target","ItemText","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expandedProp","expanded","defaultExpanded","onToggle","selectedProp","selected","defaultSelected","onChange","onClick","others","setSelected","slice","setExpanded","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
|
*/
|
|
@@ -4,8 +4,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
|
|
|
4
4
|
|
|
5
5
|
var _DropUpXS, _DropDownXS;
|
|
6
6
|
|
|
7
|
-
var _excluded = ["id", "className", "classes", "disabled", "selectable", "nodeId", "icon", "label", "payload", "onClick", "onMouseDown", "onFocus", "children"];
|
|
7
|
+
var _excluded = ["id", "className", "classes", "disabled", "selectable", "nodeId", "icon", "label", "href", "target", "payload", "onClick", "onMouseDown", "onFocus", "children"];
|
|
8
8
|
import "core-js/modules/es.array.concat.js";
|
|
9
|
+
import "core-js/modules/es.string.link.js";
|
|
9
10
|
import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
|
|
10
11
|
import clsx from "clsx";
|
|
11
12
|
import PropTypes from "prop-types";
|
|
@@ -35,6 +36,8 @@ var TreeViewItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
35
36
|
_props$icon = props.icon,
|
|
36
37
|
icon = _props$icon === void 0 ? null : _props$icon,
|
|
37
38
|
label = props.label,
|
|
39
|
+
href = props.href,
|
|
40
|
+
target = props.target,
|
|
38
41
|
payload = props.payload,
|
|
39
42
|
onClick = props.onClick,
|
|
40
43
|
onMouseDown = props.onMouseDown,
|
|
@@ -242,9 +245,11 @@ var TreeViewItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
242
245
|
var renderedContent = useMemo(function () {
|
|
243
246
|
return /*#__PURE__*/React.createElement(HvTypography, _extends({
|
|
244
247
|
id: setId(id, "button"),
|
|
245
|
-
component: "div",
|
|
248
|
+
component: href ? "a" : "div",
|
|
249
|
+
href: href,
|
|
250
|
+
target: target,
|
|
246
251
|
innerRef: contentRef,
|
|
247
|
-
className: classes.content,
|
|
252
|
+
className: clsx(classes.content, href != null && classes.link),
|
|
248
253
|
variant: disabled ? "placeholderText" : "normalText",
|
|
249
254
|
onClick: handleClick,
|
|
250
255
|
onMouseDown: handleMouseDown,
|
|
@@ -263,7 +268,7 @@ var TreeViewItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
263
268
|
"aria-expanded": expandable ? expanded : undefined,
|
|
264
269
|
"aria-controls": expandable ? setId(id, "group") : undefined
|
|
265
270
|
}), expandable && (expanded ? _DropUpXS || (_DropUpXS = /*#__PURE__*/React.createElement(DropUpXS, null)) : _DropDownXS || (_DropDownXS = /*#__PURE__*/React.createElement(DropDownXS, null))), icon, label);
|
|
266
|
-
}, [id, classes.content, handleClick, handleMouseDown, expandable, level, collapsible, treeviewMode, handleFocus,
|
|
271
|
+
}, [id, href, target, classes.content, classes.link, disabled, handleClick, handleMouseDown, expandable, icon, level, collapsible, treeviewMode, handleFocus, selectable, handleKeyDown, selected, expanded, label]);
|
|
267
272
|
var renderedChildren = useMemo(function () {
|
|
268
273
|
return children && /*#__PURE__*/React.createElement("ul", {
|
|
269
274
|
id: setId(id, "group"),
|
|
@@ -311,6 +316,11 @@ process.env.NODE_ENV !== "production" ? TreeViewItem.propTypes = {
|
|
|
311
316
|
*/
|
|
312
317
|
content: PropTypes.string,
|
|
313
318
|
|
|
319
|
+
/**
|
|
320
|
+
* Style applied to the content when it is a link.
|
|
321
|
+
*/
|
|
322
|
+
link: PropTypes.string,
|
|
323
|
+
|
|
314
324
|
/**
|
|
315
325
|
* Style applied to the group.
|
|
316
326
|
*/
|
|
@@ -387,6 +397,16 @@ process.env.NODE_ENV !== "production" ? TreeViewItem.propTypes = {
|
|
|
387
397
|
*/
|
|
388
398
|
label: PropTypes.node.isRequired,
|
|
389
399
|
|
|
400
|
+
/**
|
|
401
|
+
* The url for the link.
|
|
402
|
+
*/
|
|
403
|
+
href: PropTypes.string,
|
|
404
|
+
|
|
405
|
+
/**
|
|
406
|
+
* The behavior when opening a link.
|
|
407
|
+
*/
|
|
408
|
+
target: PropTypes.string,
|
|
409
|
+
|
|
390
410
|
/**
|
|
391
411
|
* The node payload.
|
|
392
412
|
*/
|