npm - @hitachivantara/uikit-react-core - Versions diffs - 5.7.4 → 5.8.0 - Mend

@hitachivantara/uikit-react-core 5.7.4 → 5.8.0

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 (426) hide show

package/dist/esm/components/Tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { CSSProperties, useState } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledChip, StyledButton, StyledCloseXS } from \"./Tag.styles\";\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\nimport {\n HvSemanticColorKeys,\n HvCategoricalColorKeys,\n} from \"@core/types/tokens\";\nimport { HvButtonProps } from \"../Button\";\nimport tagClasses, { HvTagClasses } from \"./tagClasses\";\nimport { useTheme } from \"@core/hooks\";\n\nexport interface HvTagProps\n extends Omit<MuiChipProps, \"color\" \| \"classes\">,\n HvBaseProps<HTMLDivElement, \"children\"> {\n /** Inline styles to be applied to the root element. /\n style?: CSSProperties;\n /* The label of the tag element. /\n label?: React.ReactNode;\n /* Indicates that the form element is disabled. /\n disabled?: boolean;\n /* The type of the tag element. A tag can be of semantic or categoric type. /\n type?: \"semantic\" \| \"categorical\";\n /* Background color to be applied to the tag /\n color?: HvSemanticColorKeys \| HvCategoricalColorKeys \| string;\n /* Icon used to customize the delete icon in the Chip element /\n deleteIcon?: React.ReactElement;\n /\n The callback fired when the delete icon is pressed.\n * This function has to be provided to the component, in order to render the delete icon\n * /\n onDelete?: (event: React.MouseEvent<HTMLElement>) => void;\n /* Callback triggered when any item is clicked. /\n onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n /* The role of the element with an attributed event. /\n role?: string;\n /* Aria properties to apply to delete button in tag /\n deleteButtonArialLabel?: string;\n /* Props to apply to delete button /\n deleteButtonProps?: HvButtonProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTagClasses;\n}\n\nconst getColor = (customColor, type, colors) => {\n const defaultSemanticColor = theme.colors.neutral_20;\n const defaultCategoricalColor = colors.cat1;\n\n let backgroundColor;\n\n if (type === \"semantic\") {\n backgroundColor =\n theme.colors[customColor] \|\| customColor \|\| defaultSemanticColor;\n }\n if (type === \"categorical\") {\n backgroundColor =\n colors[customColor] \|\| customColor \|\| defaultCategoricalColor;\n }\n return backgroundColor;\n};\n\n/\n A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n \n It leverages the Chip component from Material UI\n */\nexport const HvTag = ({\n classes,\n className,\n style,\n label,\n disabled,\n type = \"semantic\",\n color,\n deleteIcon,\n onDelete,\n onClick,\n role,\n deleteButtonArialLabel = \"Delete tag\",\n deleteButtonProps = {},\n ...others\n}: HvTagProps) => {\n const { activeTheme, selectedMode } = useTheme();\n\n const getDeleteIcon = () => {\n const disabledSemanticColor =\n type === \"semantic\" ? \"secondary_60\" : \"base_dark\";\n const { tabIndex = 0 } = deleteButtonProps;\n\n return (\n <StyledButton\n classes={{\n startIcon: clsx(tagClasses.tagButton, classes?.tagButton),\n focusVisible: clsx(tagClasses.focusVisible, classes?.focusVisible),\n root: clsx(tagClasses.button, classes?.button),\n }}\n aria-label={deleteButtonArialLabel}\n tabIndex={tabIndex}\n variant=\"secondaryGhost\"\n {...deleteButtonProps}\n >\n <StyledCloseXS\n iconSize=\"XS\"\n style={{\n ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n height: 16,\n }}\n color={disabled ? disabledSemanticColor : \"base_dark\"}\n $color={disabled ? disabledSemanticColor : \"base_dark\"}\n />\n </StyledButton>\n );\n };\n\n const inlineStyle = {\n ...style,\n };\n\n let categoricalBackgroundColor;\n\n if (type === \"semantic\") {\n inlineStyle.backgroundColor = getColor(color, type, {});\n } else if (type === \"categorical\") {\n categoricalBackgroundColor = getColor(\n color,\n type,\n activeTheme?.colors?.modes[selectedMode]\n );\n\n inlineStyle.backgroundColor = `${categoricalBackgroundColor}30`;\n }\n\n const [hover, setHover] = useState(false);\n\n return (\n <StyledChip\n label={label}\n className={clsx(classes?.root, className, tagClasses.root)}\n onMouseEnter={() => {\n setHover(!!onClick);\n }}\n onMouseLeave={() => {\n setHover(false);\n }}\n style={{\n ...(disabled ? null : inlineStyle),\n ...(hover && !disabled\n ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` }\n : null),\n }}\n classes={{\n root: clsx(\n tagClasses.chipRoot,\n classes?.chipRoot,\n type === \"categorical\" &&\n clsx(tagClasses.categorical, classes?.categorical),\n disabled && clsx(tagClasses.disabled, classes?.disabled),\n !!onClick && clsx(tagClasses.clickable, classes?.clickable),\n type === \"categorical\" &&\n !disabled &&\n clsx(tagClasses.categoricalFocus, classes?.categoricalFocus),\n type === \"categorical\" &&\n disabled &&\n clsx(tagClasses.categoricalDisabled, classes?.categoricalDisabled)\n ),\n label: clsx(tagClasses.label, classes?.label),\n deleteIcon: clsx(\n classes?.deleteIcon,\n tagClasses.deleteIcon,\n disabled &&\n clsx(tagClasses.disabledDeleteIcon, classes?.disabledDeleteIcon)\n ),\n }}\n deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) \|\| getDeleteIcon()}\n onDelete={getOnDeleteCallback(disabled, onDelete)}\n onClick={disabled ? undefined : onClick}\n role={role \|\| (hasClickAction(onClick) ? \"button\" : undefined)}\n tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n $type={type}\n $disabled={disabled \|\| false}\n $categoricalFocus={type === \"categorical\" && !disabled}\n $categoricalDisabled={(type === \"categorical\" && disabled) \|\| false}\n $baseLightColor={\n activeTheme?.colors?.modes[selectedMode].base_light \|\|\n theme.colors.base_light\n }\n {...others}\n />\n );\n};\n"],"names":["getColor","customColor","type","colors","defaultSemanticColor","theme","neutral_20","defaultCategoricalColor","cat1","backgroundColor","HvTag","classes","className","style","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","activeTheme","selectedMode","useTheme","getDeleteIcon","disabledSemanticColor","tabIndex","StyledButton","startIcon","clsx","tagClasses","tagButton","focusVisible","root","button","variant","children","StyledCloseXS","iconSize","cursor","undefined","height","$color","inlineStyle","categoricalBackgroundColor","modes","hover","setHover","useState","StyledChip","onMouseEnter","onMouseLeave","boxShadow","chipRoot","categorical","clickable","categoricalFocus","categoricalDisabled","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","$type","$disabled","$categoricalFocus","$categoricalDisabled","$baseLightColor","base_light"],"mappings":"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"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { CSSProperties, useState } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n HvSemanticColorKeys,\n HvCategoricalColorKeys,\n} from \"@core/types/tokens\";\nimport { useTheme } from \"@core/hooks\";\nimport { StyledChip, StyledButton, StyledCloseXS } from \"./Tag.styles\";\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\nimport { HvButtonProps } from \"../Button\";\nimport tagClasses, { HvTagClasses } from \"./tagClasses\";\n\nexport interface HvTagProps\n extends Omit<MuiChipProps, \"color\" \| \"classes\">,\n HvBaseProps<HTMLDivElement, \"children\"> {\n /** Inline styles to be applied to the root element. /\n style?: CSSProperties;\n /* The label of the tag element. /\n label?: React.ReactNode;\n /* Indicates that the form element is disabled. /\n disabled?: boolean;\n /* The type of the tag element. A tag can be of semantic or categoric type. /\n type?: \"semantic\" \| \"categorical\";\n /* Background color to be applied to the tag /\n color?: HvSemanticColorKeys \| HvCategoricalColorKeys \| string;\n /* Icon used to customize the delete icon in the Chip element /\n deleteIcon?: React.ReactElement;\n /\n The callback fired when the delete icon is pressed.\n * This function has to be provided to the component, in order to render the delete icon\n * /\n onDelete?: (event: React.MouseEvent<HTMLElement>) => void;\n /* Callback triggered when any item is clicked. /\n onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n /* The role of the element with an attributed event. /\n role?: string;\n /* Aria properties to apply to delete button in tag /\n deleteButtonArialLabel?: string;\n /* Props to apply to delete button /\n deleteButtonProps?: HvButtonProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTagClasses;\n}\n\nconst getColor = (customColor, type, colors) => {\n const defaultSemanticColor = theme.colors.neutral_20;\n const defaultCategoricalColor = colors.cat1;\n\n let backgroundColor;\n\n if (type === \"semantic\") {\n backgroundColor =\n theme.colors[customColor] \|\| customColor \|\| defaultSemanticColor;\n }\n if (type === \"categorical\") {\n backgroundColor =\n colors[customColor] \|\| customColor \|\| defaultCategoricalColor;\n }\n return backgroundColor;\n};\n\n/\n A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n \n It leverages the Chip component from Material UI\n */\nexport const HvTag = ({\n classes,\n className,\n style,\n label,\n disabled,\n type = \"semantic\",\n color,\n deleteIcon,\n onDelete,\n onClick,\n role,\n deleteButtonArialLabel = \"Delete tag\",\n deleteButtonProps = {},\n ...others\n}: HvTagProps) => {\n const { activeTheme, selectedMode } = useTheme();\n\n const getDeleteIcon = () => {\n const disabledSemanticColor =\n type === \"semantic\" ? \"secondary_60\" : \"base_dark\";\n const { tabIndex = 0 } = deleteButtonProps;\n\n return (\n <StyledButton\n classes={{\n startIcon: clsx(tagClasses.tagButton, classes?.tagButton),\n focusVisible: clsx(tagClasses.focusVisible, classes?.focusVisible),\n root: clsx(tagClasses.button, classes?.button),\n }}\n aria-label={deleteButtonArialLabel}\n tabIndex={tabIndex}\n variant=\"secondaryGhost\"\n {...deleteButtonProps}\n >\n <StyledCloseXS\n iconSize=\"XS\"\n style={{\n ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n height: 16,\n }}\n color={disabled ? disabledSemanticColor : \"base_dark\"}\n $color={disabled ? disabledSemanticColor : \"base_dark\"}\n />\n </StyledButton>\n );\n };\n\n const inlineStyle = {\n ...style,\n };\n\n let categoricalBackgroundColor;\n\n if (type === \"semantic\") {\n inlineStyle.backgroundColor = getColor(color, type, {});\n } else if (type === \"categorical\") {\n categoricalBackgroundColor = getColor(\n color,\n type,\n activeTheme?.colors?.modes[selectedMode]\n );\n\n inlineStyle.backgroundColor = `${categoricalBackgroundColor}30`;\n }\n\n const [hover, setHover] = useState(false);\n\n return (\n <StyledChip\n label={label}\n className={clsx(classes?.root, className, tagClasses.root)}\n onMouseEnter={() => {\n setHover(!!onClick);\n }}\n onMouseLeave={() => {\n setHover(false);\n }}\n style={{\n ...(disabled ? null : inlineStyle),\n ...(hover && !disabled\n ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` }\n : null),\n }}\n classes={{\n root: clsx(\n tagClasses.chipRoot,\n classes?.chipRoot,\n type === \"categorical\" &&\n clsx(tagClasses.categorical, classes?.categorical),\n disabled && clsx(tagClasses.disabled, classes?.disabled),\n !!onClick && clsx(tagClasses.clickable, classes?.clickable),\n type === \"categorical\" &&\n !disabled &&\n clsx(tagClasses.categoricalFocus, classes?.categoricalFocus),\n type === \"categorical\" &&\n disabled &&\n clsx(tagClasses.categoricalDisabled, classes?.categoricalDisabled)\n ),\n label: clsx(tagClasses.label, classes?.label),\n deleteIcon: clsx(\n classes?.deleteIcon,\n tagClasses.deleteIcon,\n disabled &&\n clsx(tagClasses.disabledDeleteIcon, classes?.disabledDeleteIcon)\n ),\n }}\n deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) \|\| getDeleteIcon()}\n onDelete={getOnDeleteCallback(disabled, onDelete)}\n onClick={disabled ? undefined : onClick}\n role={role \|\| (hasClickAction(onClick) ? \"button\" : undefined)}\n tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n $type={type}\n $disabled={disabled \|\| false}\n $categoricalFocus={type === \"categorical\" && !disabled}\n $categoricalDisabled={(type === \"categorical\" && disabled) \|\| false}\n $baseLightColor={\n activeTheme?.colors?.modes[selectedMode].base_light \|\|\n theme.colors.base_light\n }\n {...others}\n />\n );\n};\n"],"names":["getColor","customColor","type","colors","defaultSemanticColor","theme","neutral_20","defaultCategoricalColor","cat1","backgroundColor","HvTag","classes","className","style","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","activeTheme","selectedMode","useTheme","getDeleteIcon","disabledSemanticColor","tabIndex","StyledButton","startIcon","clsx","tagClasses","tagButton","focusVisible","root","button","variant","children","StyledCloseXS","iconSize","cursor","undefined","height","$color","inlineStyle","categoricalBackgroundColor","modes","hover","setHover","useState","StyledChip","onMouseEnter","onMouseLeave","boxShadow","chipRoot","categorical","clickable","categoricalFocus","categoricalDisabled","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","$type","$disabled","$categoricalFocus","$categoricalDisabled","$baseLightColor","base_light"],"mappings":"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"}

package/dist/esm/components/TextArea/TextArea.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { StyledFormElement, StyledLabelContainer, StyledLabel, StyledInfoMessage, StyledCharCounter, StyledBaseInput, StyledWarningText } from "./TextArea.styles.js";
 import validationState, { isInvalid } from "../Forms/FormElement/validationStates.js";
 import { clsx } from "clsx";
 import { useRef, useState, useMemo, useCallback, useEffect } from "react";
-import { DEFAULT_ERROR_MESSAGES, validateInput, validationTypes, computeValidationState, computeValidationMessage, hasBuiltInValidations } from "../BaseInput/validations.js";
 import isNil from "lodash/isNil";
+import { DEFAULT_ERROR_MESSAGES, validateInput, validationTypes, computeValidationState, computeValidationMessage, hasBuiltInValidations } from "../BaseInput/validations.js";
+import { StyledFormElement, StyledLabelContainer, StyledLabel, StyledInfoMessage, StyledCharCounter, StyledBaseInput, StyledWarningText } from "./TextArea.styles.js";
 import textAreaClasses from "./textAreaClasses.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import useUniqueId from "../../hooks/useUniqueId.js";

package/dist/esm/components/TextArea/TextArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { HvCharCounterProps, HvFormStatus } from \"../Forms\";\nimport { HvBaseInputProps } from \"../BaseInput\";\nimport {\n StyledBaseInput,\n StyledCharCounter,\n StyledFormElement,\n StyledInfoMessage,\n StyledLabel,\n StyledLabelContainer,\n StyledWarningText,\n} from \"./TextArea.styles\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport validationStates, {\n isInvalid,\n} from \"@core/components/Forms/FormElement/validationStates\";\nimport { clsx } from \"clsx\";\nimport { useCallback, useRef, useState, useMemo, useEffect } from \"react\";\nimport {\n computeValidationMessage,\n computeValidationState,\n DEFAULT_ERROR_MESSAGES,\n hasBuiltInValidations,\n HvInputValidity,\n validateInput,\n validationTypes,\n} from \"../BaseInput/validations\";\nimport { setId } from \"@core/utils\";\nimport isNil from \"lodash/isNil\";\nimport { HvValidationMessages } from \"@core/types\";\nimport textAreaClasses, { HvTextAreaClasses } from \"./textAreaClasses\";\n\nexport interface HvTextAreaProps\n extends Omit<\n HvBaseInputProps,\n \"onChange\" \| \"onBlur\" \| \"rows\" \| \"classes\" \| \"onFocus\"\n > {\n /*\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label?: React.ReactNode;\n /\n Provide additional descriptive text for the form element.\n /\n description?: React.ReactNode;\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status?: HvFormStatus;\n /\n The error message to show when `status` is \"invalid\".\n /\n statusMessage?: React.ReactNode;\n /\n Text between the current char counter and max value.\n /\n middleCountLabel?: string;\n /\n An Object containing the various texts associated with the input.\n /\n validationMessages?: HvValidationMessages;\n /\n The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n /\n validation?: (value: string) => boolean;\n /\n The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n /\n maxCharQuantity?: number;\n /\n The minimum allowed length of the characters, if this value is null no check\n * will be perform.\n /\n minCharQuantity?: number;\n /\n If `true` it should autofocus.\n /\n autoFocus?: boolean;\n /\n The number of rows of the text area\n /\n rows?: number;\n /\n If `true` the component is resizable.\n /\n resizable?: boolean;\n /\n Auto-scroll: automatically scroll to the end on value changes.\n * Will stop if the user scrolls up and resume if scrolled to the bottom.\n /\n autoScroll?: boolean;\n /\n If true it isn't possible to pass the `maxCharQuantity`\n /\n blockMax?: boolean;\n /\n If `true` the character counter isn't shown even if maxCharQuantity is set.\n /\n hideCounter?: boolean;\n /\n Props passed to the char count.\n /\n countCharProps?: Partial<HvCharCounterProps>;\n /\n Called back when the value is changed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLTextAreaElement>,\n value: string\n ) => void;\n /\n Called back when the value is changed.\n /\n onBlur?: (\n event: React.FocusEvent<HTMLTextAreaElement>,\n value: string,\n validationState: HvInputValidity\n ) => void;\n /\n The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n /\n onFocus?: (\n event: React.FocusEvent<HTMLTextAreaElement>,\n value: string\n ) => void;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvTextAreaClasses;\n}\n\n/\n A text area is a multiline text input box, with an optional character counter when there is a length limit.\n /\nexport const HvTextArea = ({\n id,\n className,\n classes,\n name,\n label,\n description,\n placeholder,\n status,\n statusMessage,\n validationMessages,\n maxCharQuantity,\n minCharQuantity,\n value: valueProp,\n inputRef: inputRefProp,\n rows = 1,\n defaultValue = \"\",\n middleCountLabel = \"/\",\n countCharProps = {},\n inputProps = {},\n required = false,\n readOnly = false,\n disabled = false,\n autoFocus = false,\n resizable = false,\n autoScroll = false,\n hideCounter = false,\n blockMax = false,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-errormessage\": ariaErrorMessage,\n validation,\n onChange,\n onBlur,\n onFocus,\n ...others\n}: HvTextAreaProps) => {\n const elementId = useUniqueId(id, \"hvtextarea\");\n\n // Signals that the user has manually edited the input value\n const isDirty = useRef<boolean>(false);\n\n const inputRefOwn = useRef(null);\n\n const inputRef = inputRefProp \|\| inputRefOwn;\n\n const [focused, setFocused] = useState<boolean>(false);\n\n const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n const [validationState, setValidationState] = useControlled(\n status,\n validationStates.standBy\n );\n\n const [validationMessage, setValidationMessage] = useControlled(\n statusMessage,\n \"\"\n );\n\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isStateInvalid = isInvalid(validationState);\n\n const isEmptyValue = value == null \|\| value === \"\";\n\n const hasLabel = label != null;\n\n const hasDescription = description != null;\n\n const hasCounter = maxCharQuantity != null && !hideCounter;\n\n // ValidationMessages reference tends to change, as users will not memorize/useState for it;\n // Dependencies must be more explicit so we set\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationTypes.none,\n validation\n );\n\n // This will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // This will only run if statusMessage is uncontrolled\n setValidationMessage(\n computeValidationMessage(inputValidity, errorMessages)\n );\n\n return inputValidity;\n }, [\n errorMessages,\n inputRef,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n value,\n ]);\n\n const isOverflow = (currentValue) =>\n isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n /\n Limit the string to the maxCharQuantity length.\n \n @param value - string to evaluate\n * @returns {string\|} - string according the limit\n /\n const limitValue = (currentValue) => {\n if (currentValue === undefined \|\| !blockMax) return currentValue;\n return !isOverflow(currentValue)\n ? currentValue\n : currentValue.substring(0, maxCharQuantity);\n };\n\n /*\n Validates the text area updating the state and modifying the warning text, also executes\n * the user provided onBlur passing the current validation status and value.\n \n @returns {undefined}\n /\n const onContainerBlurHandler = (event) => {\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /\n Updates the length of the string while is being inputted, also executes the user onChange\n * allowing the customization of the input if required.\n \n @param {String} value - The value provided by the HvInput\n /\n const onChangeHandler = (event, currentValue) => {\n isDirty.current = true;\n\n const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n // Set the input value (only when value is uncontrolled)\n setValue(limitedValue);\n\n onChange?.(event, limitedValue);\n };\n\n /\n Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n */\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // Reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n const isScrolledDown = useCallback(() => {\n const el = inputRef.current;\n return el == null \|\| el.offsetHeight + el.scrollTop >= el.scrollHeight;\n }, [inputRef]);\n\n const scrollDown = useCallback(() => {\n const el = inputRef.current;\n if (el != null) {\n el.scrollTop = el.scrollHeight - el.clientHeight;\n }\n }, [inputRef]);\n\n const addScrollListener = useCallback(() => {\n const scrollHandler = {\n handleEvent: () => {\n setAutoScrolling(isScrolledDown());\n },\n };\n inputRef.current?.addEventListener(\"scroll\", scrollHandler);\n }, [inputRef, isScrolledDown]);\n\n useEffect(() => {\n if (autoScroll) {\n addScrollListener();\n }\n }, [autoScroll, addScrollListener]);\n\n useEffect(() => {\n if (autoScrolling) {\n scrollDown();\n }\n }, [valueProp, autoScrolling, scrollDown]);\n\n // Run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused \|\| (!isDirty.current && isEmptyValue)) {\n // Skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\n\n // The error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) \|\|\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationTypes.none,\n minCharQuantity,\n // If blockMax is true maxCharQuantity will never produce an error\n // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n maxCharQuantity != null && (blockMax !== true \|\| value != null)\n ? maxCharQuantity\n : null,\n validation,\n inputProps\n )));\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(\n textAreaClasses.root,\n classes?.root,\n className,\n resizable && clsx(textAreaClasses.resizable, classes?.resizable),\n disabled && clsx(textAreaClasses.disabled, classes?.disabled),\n isStateInvalid && clsx(textAreaClasses.invalid, classes?.invalid)\n )}\n $resizable={resizable}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel \|\| hasDescription) && (\n <StyledLabelContainer\n className={clsx(\n textAreaClasses.labelContainer,\n classes?.labelContainer\n )}\n >\n {hasLabel && (\n <StyledLabel\n className={clsx(textAreaClasses.label, classes?.label)}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <StyledInfoMessage\n className={clsx(\n textAreaClasses.description,\n classes?.description\n )}\n id={setId(elementId, \"description\")}\n >\n {description}\n </StyledInfoMessage>\n )}\n </StyledLabelContainer>\n )}\n\n {hasCounter && (\n <StyledCharCounter\n id={setId(elementId, \"charCounter\")}\n className={clsx(\n textAreaClasses.characterCounter,\n classes?.characterCounter\n )}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxCharQuantity}\n {...countCharProps}\n />\n )}\n\n <StyledBaseInput\n classes={{\n root: clsx(textAreaClasses.baseInput, classes?.baseInput),\n input: clsx(textAreaClasses.input, classes?.input),\n inputResizable: clsx(\n textAreaClasses.inputResizable,\n classes?.inputResizable\n ),\n }}\n id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n invalid={isStateInvalid}\n resizable={resizable}\n multiline\n rows={rows}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : (description && setId(elementId, \"description\")) \|\| undefined,\n \"aria-controls\": maxCharQuantity\n ? setId(elementId, \"charCounter\")\n : undefined,\n ...inputProps,\n }}\n inputRef={inputRef}\n $resizable={resizable}\n {...others}\n />\n\n {canShowError && (\n <StyledWarningText\n id={setId(elementId, \"error\")}\n className={clsx(textAreaClasses.error, classes?.error)}\n disableBorder\n >\n {validationMessage}\n </StyledWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["HvTextArea","id","className","classes","name","label","description","placeholder","status","statusMessage","validationMessages","maxCharQuantity","minCharQuantity","value","valueProp","inputRef","inputRefProp","rows","defaultValue","middleCountLabel","countCharProps","inputProps","required","readOnly","disabled","autoFocus","resizable","autoScroll","hideCounter","blockMax","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","validation","onChange","onBlur","onFocus","others","elementId","useUniqueId","isDirty","useRef","inputRefOwn","focused","setFocused","useState","autoScrolling","setAutoScrolling","validationState","setValidationState","useControlled","validationStates","standBy","validationMessage","setValidationMessage","setValue","isStateInvalid","isInvalid","isEmptyValue","hasLabel","hasDescription","hasCounter","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","performValidation","useCallback","inputValidity","validateInput","current","validationTypes","none","computeValidationState","computeValidationMessage","isOverflow","currentValue","isNil","length","limitValue","undefined","substring","onContainerBlurHandler","event","onChangeHandler","limitedValue","onFocusHandler","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","useEffect","canShowError","hasBuiltInValidations","errorMessageId","setId","StyledFormElement","clsx","textAreaClasses","root","invalid","$resizable","children","StyledLabelContainer","labelContainer","_jsx","StyledLabel","htmlFor","StyledInfoMessage","StyledCharCounter","characterCounter","separator","currentCharQuantity","StyledBaseInput","baseInput","input","inputResizable","multiline","StyledWarningText","disableBorder"],"mappings":"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"}
1	+ {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { useControlled, useUniqueId } from \"@core/hooks\";\nimport validationStates, {\n isInvalid,\n} from \"@core/components/Forms/FormElement/validationStates\";\nimport { clsx } from \"clsx\";\nimport { useCallback, useRef, useState, useMemo, useEffect } from \"react\";\nimport { setId } from \"@core/utils\";\nimport isNil from \"lodash/isNil\";\nimport { HvValidationMessages } from \"@core/types\";\nimport {\n computeValidationMessage,\n computeValidationState,\n DEFAULT_ERROR_MESSAGES,\n hasBuiltInValidations,\n HvInputValidity,\n validateInput,\n validationTypes,\n} from \"../BaseInput/validations\";\nimport {\n StyledBaseInput,\n StyledCharCounter,\n StyledFormElement,\n StyledInfoMessage,\n StyledLabel,\n StyledLabelContainer,\n StyledWarningText,\n} from \"./TextArea.styles\";\nimport { HvBaseInputProps } from \"../BaseInput\";\nimport { HvCharCounterProps, HvFormStatus } from \"../Forms\";\nimport textAreaClasses, { HvTextAreaClasses } from \"./textAreaClasses\";\n\nexport interface HvTextAreaProps\n extends Omit<\n HvBaseInputProps,\n \"onChange\" \| \"onBlur\" \| \"rows\" \| \"classes\" \| \"onFocus\"\n > {\n /*\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label?: React.ReactNode;\n /\n Provide additional descriptive text for the form element.\n /\n description?: React.ReactNode;\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status?: HvFormStatus;\n /\n The error message to show when `status` is \"invalid\".\n /\n statusMessage?: React.ReactNode;\n /\n Text between the current char counter and max value.\n /\n middleCountLabel?: string;\n /\n An Object containing the various texts associated with the input.\n /\n validationMessages?: HvValidationMessages;\n /\n The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n /\n validation?: (value: string) => boolean;\n /\n The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n /\n maxCharQuantity?: number;\n /\n The minimum allowed length of the characters, if this value is null no check\n * will be perform.\n /\n minCharQuantity?: number;\n /\n If `true` it should autofocus.\n /\n autoFocus?: boolean;\n /\n The number of rows of the text area\n /\n rows?: number;\n /\n If `true` the component is resizable.\n /\n resizable?: boolean;\n /\n Auto-scroll: automatically scroll to the end on value changes.\n * Will stop if the user scrolls up and resume if scrolled to the bottom.\n /\n autoScroll?: boolean;\n /\n If true it isn't possible to pass the `maxCharQuantity`\n /\n blockMax?: boolean;\n /\n If `true` the character counter isn't shown even if maxCharQuantity is set.\n /\n hideCounter?: boolean;\n /\n Props passed to the char count.\n /\n countCharProps?: Partial<HvCharCounterProps>;\n /\n Called back when the value is changed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLTextAreaElement>,\n value: string\n ) => void;\n /\n Called back when the value is changed.\n /\n onBlur?: (\n event: React.FocusEvent<HTMLTextAreaElement>,\n value: string,\n validationState: HvInputValidity\n ) => void;\n /\n The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n /\n onFocus?: (\n event: React.FocusEvent<HTMLTextAreaElement>,\n value: string\n ) => void;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvTextAreaClasses;\n}\n\n/\n A text area is a multiline text input box, with an optional character counter when there is a length limit.\n /\nexport const HvTextArea = ({\n id,\n className,\n classes,\n name,\n label,\n description,\n placeholder,\n status,\n statusMessage,\n validationMessages,\n maxCharQuantity,\n minCharQuantity,\n value: valueProp,\n inputRef: inputRefProp,\n rows = 1,\n defaultValue = \"\",\n middleCountLabel = \"/\",\n countCharProps = {},\n inputProps = {},\n required = false,\n readOnly = false,\n disabled = false,\n autoFocus = false,\n resizable = false,\n autoScroll = false,\n hideCounter = false,\n blockMax = false,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-errormessage\": ariaErrorMessage,\n validation,\n onChange,\n onBlur,\n onFocus,\n ...others\n}: HvTextAreaProps) => {\n const elementId = useUniqueId(id, \"hvtextarea\");\n\n // Signals that the user has manually edited the input value\n const isDirty = useRef<boolean>(false);\n\n const inputRefOwn = useRef(null);\n\n const inputRef = inputRefProp \|\| inputRefOwn;\n\n const [focused, setFocused] = useState<boolean>(false);\n\n const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n const [validationState, setValidationState] = useControlled(\n status,\n validationStates.standBy\n );\n\n const [validationMessage, setValidationMessage] = useControlled(\n statusMessage,\n \"\"\n );\n\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isStateInvalid = isInvalid(validationState);\n\n const isEmptyValue = value == null \|\| value === \"\";\n\n const hasLabel = label != null;\n\n const hasDescription = description != null;\n\n const hasCounter = maxCharQuantity != null && !hideCounter;\n\n // ValidationMessages reference tends to change, as users will not memorize/useState for it;\n // Dependencies must be more explicit so we set\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationTypes.none,\n validation\n );\n\n // This will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // This will only run if statusMessage is uncontrolled\n setValidationMessage(\n computeValidationMessage(inputValidity, errorMessages)\n );\n\n return inputValidity;\n }, [\n errorMessages,\n inputRef,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n value,\n ]);\n\n const isOverflow = (currentValue) =>\n isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n /\n Limit the string to the maxCharQuantity length.\n \n @param value - string to evaluate\n * @returns {string\|} - string according the limit\n /\n const limitValue = (currentValue) => {\n if (currentValue === undefined \|\| !blockMax) return currentValue;\n return !isOverflow(currentValue)\n ? currentValue\n : currentValue.substring(0, maxCharQuantity);\n };\n\n /*\n Validates the text area updating the state and modifying the warning text, also executes\n * the user provided onBlur passing the current validation status and value.\n \n @returns {undefined}\n /\n const onContainerBlurHandler = (event) => {\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /\n Updates the length of the string while is being inputted, also executes the user onChange\n * allowing the customization of the input if required.\n \n @param {String} value - The value provided by the HvInput\n /\n const onChangeHandler = (event, currentValue) => {\n isDirty.current = true;\n\n const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n // Set the input value (only when value is uncontrolled)\n setValue(limitedValue);\n\n onChange?.(event, limitedValue);\n };\n\n /\n Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n */\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // Reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n const isScrolledDown = useCallback(() => {\n const el = inputRef.current;\n return el == null \|\| el.offsetHeight + el.scrollTop >= el.scrollHeight;\n }, [inputRef]);\n\n const scrollDown = useCallback(() => {\n const el = inputRef.current;\n if (el != null) {\n el.scrollTop = el.scrollHeight - el.clientHeight;\n }\n }, [inputRef]);\n\n const addScrollListener = useCallback(() => {\n const scrollHandler = {\n handleEvent: () => {\n setAutoScrolling(isScrolledDown());\n },\n };\n inputRef.current?.addEventListener(\"scroll\", scrollHandler);\n }, [inputRef, isScrolledDown]);\n\n useEffect(() => {\n if (autoScroll) {\n addScrollListener();\n }\n }, [autoScroll, addScrollListener]);\n\n useEffect(() => {\n if (autoScrolling) {\n scrollDown();\n }\n }, [valueProp, autoScrolling, scrollDown]);\n\n // Run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused \|\| (!isDirty.current && isEmptyValue)) {\n // Skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\n\n // The error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) \|\|\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationTypes.none,\n minCharQuantity,\n // If blockMax is true maxCharQuantity will never produce an error\n // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n maxCharQuantity != null && (blockMax !== true \|\| value != null)\n ? maxCharQuantity\n : null,\n validation,\n inputProps\n )));\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(\n textAreaClasses.root,\n classes?.root,\n className,\n resizable && clsx(textAreaClasses.resizable, classes?.resizable),\n disabled && clsx(textAreaClasses.disabled, classes?.disabled),\n isStateInvalid && clsx(textAreaClasses.invalid, classes?.invalid)\n )}\n $resizable={resizable}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel \|\| hasDescription) && (\n <StyledLabelContainer\n className={clsx(\n textAreaClasses.labelContainer,\n classes?.labelContainer\n )}\n >\n {hasLabel && (\n <StyledLabel\n className={clsx(textAreaClasses.label, classes?.label)}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <StyledInfoMessage\n className={clsx(\n textAreaClasses.description,\n classes?.description\n )}\n id={setId(elementId, \"description\")}\n >\n {description}\n </StyledInfoMessage>\n )}\n </StyledLabelContainer>\n )}\n\n {hasCounter && (\n <StyledCharCounter\n id={setId(elementId, \"charCounter\")}\n className={clsx(\n textAreaClasses.characterCounter,\n classes?.characterCounter\n )}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxCharQuantity}\n {...countCharProps}\n />\n )}\n\n <StyledBaseInput\n classes={{\n root: clsx(textAreaClasses.baseInput, classes?.baseInput),\n input: clsx(textAreaClasses.input, classes?.input),\n inputResizable: clsx(\n textAreaClasses.inputResizable,\n classes?.inputResizable\n ),\n }}\n id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n invalid={isStateInvalid}\n resizable={resizable}\n multiline\n rows={rows}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : (description && setId(elementId, \"description\")) \|\| undefined,\n \"aria-controls\": maxCharQuantity\n ? setId(elementId, \"charCounter\")\n : undefined,\n ...inputProps,\n }}\n inputRef={inputRef}\n $resizable={resizable}\n {...others}\n />\n\n {canShowError && (\n <StyledWarningText\n id={setId(elementId, \"error\")}\n className={clsx(textAreaClasses.error, classes?.error)}\n disableBorder\n >\n {validationMessage}\n </StyledWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["HvTextArea","id","className","classes","name","label","description","placeholder","status","statusMessage","validationMessages","maxCharQuantity","minCharQuantity","value","valueProp","inputRef","inputRefProp","rows","defaultValue","middleCountLabel","countCharProps","inputProps","required","readOnly","disabled","autoFocus","resizable","autoScroll","hideCounter","blockMax","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","validation","onChange","onBlur","onFocus","others","elementId","useUniqueId","isDirty","useRef","inputRefOwn","focused","setFocused","useState","autoScrolling","setAutoScrolling","validationState","setValidationState","useControlled","validationStates","standBy","validationMessage","setValidationMessage","setValue","isStateInvalid","isInvalid","isEmptyValue","hasLabel","hasDescription","hasCounter","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","performValidation","useCallback","inputValidity","validateInput","current","validationTypes","none","computeValidationState","computeValidationMessage","isOverflow","currentValue","isNil","length","limitValue","undefined","substring","onContainerBlurHandler","event","onChangeHandler","limitedValue","onFocusHandler","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","useEffect","canShowError","hasBuiltInValidations","errorMessageId","setId","StyledFormElement","clsx","textAreaClasses","root","invalid","$resizable","children","StyledLabelContainer","labelContainer","_jsx","StyledLabel","htmlFor","StyledInfoMessage","StyledCharCounter","characterCounter","separator","currentCharQuantity","StyledBaseInput","baseInput","input","inputResizable","multiline","StyledWarningText","disableBorder"],"mappings":"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"}

package/dist/esm/components/TimeAgo/TimeAgo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeAgo.js","sources":["../../../../src/components/TimeAgo/TimeAgo.tsx"],"sourcesContent":["import { HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { clsx } from \"clsx\";\nimport isEmpty from \"lodash/isEmpty\";\nimport timeAgoClasses, { HvTimeAgoClasses } from \"./timeAgoClasses\";\nimport useTimeAgo from \"./useTimeAgo\";\n\nexport interface HvTimeAgoProps extends HvBaseProps<HTMLElement, \"children\"> {\n /*\n The timestamp to format, in seconds or milliseconds.\n * Defaults to `emptyElement` if value is null or 0\n /\n timestamp?: number;\n /\n The locale to be used. Should be on of the dayjs supported locales and explicitly imported\n * @see https://day.js.org/docs/en/i18n/i18n\n /\n locale?: string;\n /\n The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to `HvTypography`.\n /\n component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;\n /\n The element to render when the timestamp is null or 0\n * Defaults to `—` (Em Dash)\n /\n emptyElement?: React.ReactNode;\n /\n Disables periodic date refreshes\n /\n disableRefresh?: boolean;\n /\n Whether to show seconds in the rendered time\n /\n showSeconds?: boolean;\n /\n Whether the component should render just the string\n * Consider using `useTimeAgo` instead\n /\n justText?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTimeAgoClasses;\n}\n\n/\n The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nexport const HvTimeAgo = ({\n classes,\n timestamp,\n locale: localeProp = \"en\",\n component: Component = HvTypography,\n emptyElement = \"—\",\n disableRefresh = false,\n showSeconds = false,\n justText = false,\n ...others\n}: HvTimeAgoProps) => {\n const locale = isEmpty(localeProp) ? \"en\" : localeProp;\n const timeAgo = useTimeAgo(timestamp, {\n locale,\n disableRefresh,\n showSeconds,\n });\n\n if (justText && timestamp) return <>{timeAgo}</>;\n\n return (\n <Component className={clsx(classes?.root, timeAgoClasses.root)} {...others}>\n {!timestamp ? emptyElement : timeAgo}\n </Component>\n );\n};\n"],"names":["HvTimeAgo","classes","timestamp","locale","localeProp","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","isEmpty","timeAgo","useTimeAgo","_Fragment","children","className","clsx","root","timeAgoClasses"],"mappings":";;;;;;AAgDO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC,QAAQC,aAAa;AAAA,EACrBC,WAAWC,YAAYC;AAAAA,EACvBC,eAAe;AAAA,EACfC,iBAAiB;AAAA,EACjBC,cAAc;AAAA,EACdC,WAAW;AAAA,EACX,GAAGC;AACW,MAAM;AACpB,QAAMT,SAASU,QAAQT,UAAU,IAAI,OAAOA;AACtCU,QAAAA,UAAUC,WAAWb,WAAW;AAAA,IACpCC;AAAAA,IACAM;AAAAA,IACAC;AAAAA,EAAAA,CACD;~~AAED~~,MAAIC,YAAYT;AAAW,+BAAOc,UAAA;AAAA,MAAAC,UAAGH;AAAAA,IAAAA,CAAW;AAEhD,6BACGR,WAAS;AAAA,IAACY,WAAWC,KAAKlB,mCAASmB,MAAMC,eAAeD,IAAI;AAAA,IAAE,GAAKR;AAAAA,IAAMK,UACvE,CAACf,YAAYM,eAAeM;AAAAA,EAAAA,CACnB;AAEhB;"}
1	+ {"version":3,"file":"TimeAgo.js","sources":["../../../../src/components/TimeAgo/TimeAgo.tsx"],"sourcesContent":["import { HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { clsx } from \"clsx\";\nimport isEmpty from \"lodash/isEmpty\";\nimport timeAgoClasses, { HvTimeAgoClasses } from \"./timeAgoClasses\";\nimport useTimeAgo from \"./useTimeAgo\";\n\nexport interface HvTimeAgoProps extends HvBaseProps<HTMLElement, \"children\"> {\n /*\n The timestamp to format, in seconds or milliseconds.\n * Defaults to `emptyElement` if value is null or 0\n /\n timestamp?: number;\n /\n The locale to be used. Should be on of the dayjs supported locales and explicitly imported\n * @see https://day.js.org/docs/en/i18n/i18n\n /\n locale?: string;\n /\n The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to `HvTypography`.\n /\n component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;\n /\n The element to render when the timestamp is null or 0\n * Defaults to `—` (Em Dash)\n /\n emptyElement?: React.ReactNode;\n /\n Disables periodic date refreshes\n /\n disableRefresh?: boolean;\n /\n Whether to show seconds in the rendered time\n /\n showSeconds?: boolean;\n /\n Whether the component should render just the string\n * Consider using `useTimeAgo` instead\n /\n justText?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTimeAgoClasses;\n}\n\n/\n The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nexport const HvTimeAgo = ({\n classes,\n timestamp,\n locale: localeProp = \"en\",\n component: Component = HvTypography,\n emptyElement = \"—\",\n disableRefresh = false,\n showSeconds = false,\n justText = false,\n ...others\n}: HvTimeAgoProps) => {\n const locale = isEmpty(localeProp) ? \"en\" : localeProp;\n const timeAgo = useTimeAgo(timestamp, {\n locale,\n disableRefresh,\n showSeconds,\n });\n\n // eslint-disable-next-line react/jsx-no-useless-fragment\n if (justText && timestamp) return <>{timeAgo}</>;\n\n return (\n <Component className={clsx(classes?.root, timeAgoClasses.root)} {...others}>\n {!timestamp ? emptyElement : timeAgo}\n </Component>\n );\n};\n"],"names":["HvTimeAgo","classes","timestamp","locale","localeProp","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","isEmpty","timeAgo","useTimeAgo","_Fragment","children","className","clsx","root","timeAgoClasses"],"mappings":";;;;;;AAgDO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC,QAAQC,aAAa;AAAA,EACrBC,WAAWC,YAAYC;AAAAA,EACvBC,eAAe;AAAA,EACfC,iBAAiB;AAAA,EACjBC,cAAc;AAAA,EACdC,WAAW;AAAA,EACX,GAAGC;AACW,MAAM;AACpB,QAAMT,SAASU,QAAQT,UAAU,IAAI,OAAOA;AACtCU,QAAAA,UAAUC,WAAWb,WAAW;AAAA,IACpCC;AAAAA,IACAM;AAAAA,IACAC;AAAAA,EAAAA,CACD;AAGD,MAAIC,YAAYT;AAAW,+BAAOc,UAAA;AAAA,MAAAC,UAAGH;AAAAA,IAAAA,CAAW;AAEhD,6BACGR,WAAS;AAAA,IAACY,WAAWC,KAAKlB,mCAASmB,MAAMC,eAAeD,IAAI;AAAA,IAAE,GAAKR;AAAAA,IAAMK,UACvE,CAACf,YAAYM,eAAeM;AAAAA,EAAAA,CACnB;AAEhB;"}

package/dist/esm/components/ToggleButton/ToggleButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { ~~HvButton~~ } from \"~~../Button~~\";\nimport { ~~useControlled~~ } from \"@core/~~hooks~~\";\nimport { ~~HvBaseProps~~ } from \"~~@core/types\~~";\n\nexport interface HvToggleButtonProps\n extends HvBaseProps<HTMLButtonElement, \"onClick\"> {\n /** When uncontrolled, defines the initial selected state. /\n defaultSelected?: boolean;\n /* Defines if the button is selected. When defined the button state becomes controlled. /\n selected?: boolean;\n /* Defines if the button is disabled. /\n disabled?: boolean;\n /* Icon for when not selected. Ignored if the component has children. /\n notSelectedIcon?: React.ReactNode;\n /* Icon for when selected. Ignored if the component has children. /\n selectedIcon?: React.ReactNode;\n /* Function called when icon is clicked. */\n onClick?: (\n event: React.MouseEvent<HTMLButtonElement>,\n selected: boolean\n ) => void;\n}\n\nexport const HvToggleButton = forwardRef<\n HTMLButtonElement,\n HvToggleButtonProps\n>((props, ref) => {\n const {\n defaultSelected,\n selected,\n notSelectedIcon,\n selectedIcon = null,\n onClick,\n children,\n ...others\n } = props;\n\n const [isSelected, setIsSelected] = useControlled(\n selected,\n Boolean(defaultSelected)\n );\n\n const onClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n setIsSelected(!isSelected);\n onClick?.(event, !isSelected);\n };\n\n return (\n <HvButton\n ref={ref}\n icon\n variant=\"secondaryGhost\"\n aria-pressed={isSelected}\n onClick={onClickHandler}\n {...others}\n >\n {children \|\| (!isSelected ? notSelectedIcon : selectedIcon)}\n </HvButton>\n );\n});\n"],"names":["HvToggleButton","forwardRef","props","ref","defaultSelected","selected","notSelectedIcon","selectedIcon","onClick","children","others","isSelected","setIsSelected","useControlled","Boolean","onClickHandler","event","HvButton","icon","variant"],"mappings":";;;;AAwBO,MAAMA,iBAAiBC,WAG5B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,eAAe;AAAA,IACfC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDR,IAAAA;AAEE,QAAA,CAACS,YAAYC,aAAa,IAAIC,cAClCR,UACAS,QAAQV,eAAe,CAAC;AAGpBW,QAAAA,iBAAiBA,CAACC,UAA+C;AACrEJ,kBAAc,CAACD,UAAU;AACfK,uCAAAA,OAAO,CAACL;AAAAA,EAAU;AAG9B,6BACGM,UAAQ;AAAA,IACPd;AAAAA,IACAe,MAAI;AAAA,IACJC,SAAQ;AAAA,IACR,gBAAcR;AAAAA,IACdH,SAASO;AAAAA,IAAe,GACpBL;AAAAA,IAAMD,UAETA,aAAa,CAACE,aAAaL,kBAAkBC;AAAAA,EAAAA,CACrC;AAEf,CAAC;"}
1	+ {"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { useControlled } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvButton } from \"..\";\n\nexport interface HvToggleButtonProps\n extends HvBaseProps<HTMLButtonElement, \"onClick\"> {\n /** When uncontrolled, defines the initial selected state. /\n defaultSelected?: boolean;\n /* Defines if the button is selected. When defined the button state becomes controlled. /\n selected?: boolean;\n /* Defines if the button is disabled. /\n disabled?: boolean;\n /* Icon for when not selected. Ignored if the component has children. /\n notSelectedIcon?: React.ReactNode;\n /* Icon for when selected. Ignored if the component has children. /\n selectedIcon?: React.ReactNode;\n /* Function called when icon is clicked. */\n onClick?: (\n event: React.MouseEvent<HTMLButtonElement>,\n selected: boolean\n ) => void;\n}\n\nexport const HvToggleButton = forwardRef<\n HTMLButtonElement,\n HvToggleButtonProps\n>((props, ref) => {\n const {\n defaultSelected,\n selected,\n notSelectedIcon,\n selectedIcon = null,\n onClick,\n children,\n ...others\n } = props;\n\n const [isSelected, setIsSelected] = useControlled(\n selected,\n Boolean(defaultSelected)\n );\n\n const onClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n setIsSelected(!isSelected);\n onClick?.(event, !isSelected);\n };\n\n return (\n <HvButton\n ref={ref}\n icon\n variant=\"secondaryGhost\"\n aria-pressed={isSelected}\n onClick={onClickHandler}\n {...others}\n >\n {children \|\| (!isSelected ? notSelectedIcon : selectedIcon)}\n </HvButton>\n );\n});\n"],"names":["HvToggleButton","forwardRef","props","ref","defaultSelected","selected","notSelectedIcon","selectedIcon","onClick","children","others","isSelected","setIsSelected","useControlled","Boolean","onClickHandler","event","HvButton","icon","variant"],"mappings":";;;;AAwBO,MAAMA,iBAAiBC,WAG5B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,eAAe;AAAA,IACfC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDR,IAAAA;AAEE,QAAA,CAACS,YAAYC,aAAa,IAAIC,cAClCR,UACAS,QAAQV,eAAe,CAAC;AAGpBW,QAAAA,iBAAiBA,CAACC,UAA+C;AACrEJ,kBAAc,CAACD,UAAU;AACfK,uCAAAA,OAAO,CAACL;AAAAA,EAAU;AAG9B,6BACGM,UAAQ;AAAA,IACPd;AAAAA,IACAe,MAAI;AAAA,IACJC,SAAQ;AAAA,IACR,gBAAcR;AAAAA,IACdH,SAASO;AAAAA,IAAe,GACpBL;AAAAA,IAAMD,UAETA,aAAa,CAACE,aAAaL,kBAAkBC;AAAAA,EAAAA,CACrC;AAEf,CAAC;"}

package/dist/esm/components/Tooltip/Tooltip.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { Tooltip, Fade } from "@mui/material";
 import { forwardRef } from "react";
+import { clsx } from "clsx";
 import { popperSx } from "./Tooltip.styles.js";
 import tooltipClasses from "./tooltipClasses.js";
-import { clsx } from "clsx";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { useTheme } from "../../hooks/useTheme.js";
 const HvTooltip = forwardRef((props, ref) => {

package/dist/esm/components/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n Fade,\n Tooltip as MuiTooltip,\n TooltipProps as MuiTooltipProps,\n} from \"@mui/material\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { TransitionProps as MuiTransitionProps } from \"@mui/material/transitions\";\nimport { ~~popperSx~~ } from \"~~./Tooltip.styles~~\";\nimport ~~tooltipClasses,~~ { ~~HvTooltipClasses~~ } from \"~~./tooltipClasses~~\";\nimport { ~~clsx~~ } from \"~~clsx~~\";\nimport { ~~useTheme~~ } from \"~~@core/hooks~~\";\n\nexport type HvTooltipPlacementType =\n \| \"bottom-end\"\n \| \"bottom-start\"\n \| \"bottom\"\n \| \"left-end\"\n \| \"left-start\"\n \| \"left\"\n \| \"right-end\"\n \| \"right-start\"\n \| \"right\"\n \| \"top-end\"\n \| \"top-start\"\n \| \"top\";\n\nexport interface HvTooltipProps\n extends Omit<MuiTooltipProps, \"classes\" \| \"title\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvTooltipClasses;\n /\n If true, the tooltip is shown.\n /\n open?: boolean;\n /\n Tooltip placement.\n /\n placement?: HvTooltipPlacementType;\n /\n The number of milliseconds to wait before showing the tooltip.\n * This property won't impact the enter touch delay (enterTouchDelay).\n /\n enterDelay?: number;\n /\n Tooltip title. Zero-length titles string are never displayed.\n /\n title?: string \| ReactElement;\n /\n The component used for the transition\n /\n TransitionComponent?: React.JSXElementConstructor<\n MuiTransitionProps & { children: React.ReactElement<any, any> }\n >;\n /\n Properties applied to the Transition element.\n /\n TransitionProps?: MuiTransitionProps;\n /\n Defines if should use a single or multiline tooltip.\n /\n useSingle?: boolean;\n /\n Node to apply the tooltip.\n /\n children: ReactElement;\n}\n\n/\n Tooltips display informative text when users hover over, focus on, or tap an element.\n */\n\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n const {\n className,\n classes,\n open,\n enterDelay = 300,\n placement = \"top\",\n useSingle = true,\n children,\n title,\n TransitionComponent = Fade,\n TransitionProps = { timeout: 400, placement: ~~placement~~ },\n ...others\n } = props;\n\n const { rootId } = useTheme();\n\n return (\n <MuiTooltip\n ref={ref}\n open={open ?? undefined}\n enterDelay={enterDelay}\n placement={placement}\n TransitionComponent={TransitionComponent}\n TransitionProps={TransitionProps}\n className={className}\n classes={{\n tooltip: useSingle\n ? clsx(tooltipClasses.tooltip, classes?.tooltip)\n : clsx(tooltipClasses.tooltipMulti, classes?.tooltipMulti),\n popper: clsx(tooltipClasses.popper, classes?.popper),\n }}\n title={title}\n PopperProps={{\n sx: popperSx(useSingle),\n container: document.getElementById(rootId \|\| \"\") \|\| document.body,\n }}\n {...others}\n >\n {children}\n </MuiTooltip>\n );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","rootId","useTheme","MuiTooltip","undefined","tooltip","clsx","tooltipClasses","tooltipMulti","popper","PopperProps","sx","popperSx","container","document","getElementById","body"],"mappings":";;;;;;;AA6EO,MAAMA,YAAYC,WAAW,CAACC,OAAuBC,QAAQ;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,~~IAAqB~~;AAAA,~~IACvD~~,GAAGQ;AAAAA,EACDd,IAAAA;AAEE,QAAA;AAAA,IAAEe;AAAAA,MAAWC,SAAU;AAE7B,6BACGC,SAAU;AAAA,IACThB;AAAAA,IACAG,MAAMA,QAAQc;AAAAA,IACdb;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAE;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPgB,SAASZ,YACLa,KAAKC,eAAeF,SAAShB,mCAASgB,OAAO,IAC7CC,KAAKC,eAAeC,cAAcnB,mCAASmB,YAAY;AAAA,MAC3DC,QAAQH,KAAKC,eAAeE,QAAQpB,mCAASoB,MAAM;AAAA,IACrD;AAAA,IACAd;AAAAA,IACAe,aAAa;AAAA,MACXC,IAAIC,SAASnB,SAAS;AAAA,MACtBoB,WAAWC,SAASC,eAAed,UAAU,EAAE,KAAKa,SAASE;AAAAA,IAC/D;AAAA,IAAE,GACEhB;AAAAA,IAAMN;AAAAA,EAAAA,CAGC;AAEjB,CAAC;"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n Fade,\n Tooltip as MuiTooltip,\n TooltipProps as MuiTooltipProps,\n} from \"@mui/material\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { TransitionProps as MuiTransitionProps } from \"@mui/material/transitions\";\nimport { clsx } from \"clsx\";\nimport { useTheme } from \"@core/hooks\";\nimport { popperSx } from \"./Tooltip.styles\";\nimport tooltipClasses, { HvTooltipClasses } from \"./tooltipClasses\";\n\nexport type HvTooltipPlacementType =\n \| \"bottom-end\"\n \| \"bottom-start\"\n \| \"bottom\"\n \| \"left-end\"\n \| \"left-start\"\n \| \"left\"\n \| \"right-end\"\n \| \"right-start\"\n \| \"right\"\n \| \"top-end\"\n \| \"top-start\"\n \| \"top\";\n\nexport interface HvTooltipProps\n extends Omit<MuiTooltipProps, \"classes\" \| \"title\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvTooltipClasses;\n /\n If true, the tooltip is shown.\n /\n open?: boolean;\n /\n Tooltip placement.\n /\n placement?: HvTooltipPlacementType;\n /\n The number of milliseconds to wait before showing the tooltip.\n * This property won't impact the enter touch delay (enterTouchDelay).\n /\n enterDelay?: number;\n /\n Tooltip title. Zero-length titles string are never displayed.\n /\n title?: string \| ReactElement;\n /\n The component used for the transition\n /\n TransitionComponent?: React.JSXElementConstructor<\n MuiTransitionProps & { children: React.ReactElement<any, any> }\n >;\n /\n Properties applied to the Transition element.\n /\n TransitionProps?: MuiTransitionProps;\n /\n Defines if should use a single or multiline tooltip.\n /\n useSingle?: boolean;\n /\n Node to apply the tooltip.\n /\n children: ReactElement;\n}\n\n/\n Tooltips display informative text when users hover over, focus on, or tap an element.\n */\n\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n const {\n className,\n classes,\n open,\n enterDelay = 300,\n placement = \"top\",\n useSingle = true,\n children,\n title,\n TransitionComponent = Fade,\n TransitionProps = { timeout: 400, placement },\n ...others\n } = props;\n\n const { rootId } = useTheme();\n\n return (\n <MuiTooltip\n ref={ref}\n open={open ?? undefined}\n enterDelay={enterDelay}\n placement={placement}\n TransitionComponent={TransitionComponent}\n TransitionProps={TransitionProps}\n className={className}\n classes={{\n tooltip: useSingle\n ? clsx(tooltipClasses.tooltip, classes?.tooltip)\n : clsx(tooltipClasses.tooltipMulti, classes?.tooltipMulti),\n popper: clsx(tooltipClasses.popper, classes?.popper),\n }}\n title={title}\n PopperProps={{\n sx: popperSx(useSingle),\n container: document.getElementById(rootId \|\| \"\") \|\| document.body,\n }}\n {...others}\n >\n {children}\n </MuiTooltip>\n );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","rootId","useTheme","MuiTooltip","undefined","tooltip","clsx","tooltipClasses","tooltipMulti","popper","PopperProps","sx","popperSx","container","document","getElementById","body"],"mappings":";;;;;;;AA6EO,MAAMA,YAAYC,WAAW,CAACC,OAAuBC,QAAQ;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAU;AAAA,IAC5C,GAAGQ;AAAAA,EACDd,IAAAA;AAEE,QAAA;AAAA,IAAEe;AAAAA,MAAWC,SAAU;AAE7B,6BACGC,SAAU;AAAA,IACThB;AAAAA,IACAG,MAAMA,QAAQc;AAAAA,IACdb;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAE;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPgB,SAASZ,YACLa,KAAKC,eAAeF,SAAShB,mCAASgB,OAAO,IAC7CC,KAAKC,eAAeC,cAAcnB,mCAASmB,YAAY;AAAA,MAC3DC,QAAQH,KAAKC,eAAeE,QAAQpB,mCAASoB,MAAM;AAAA,IACrD;AAAA,IACAd;AAAAA,IACAe,aAAa;AAAA,MACXC,IAAIC,SAASnB,SAAS;AAAA,MACtBoB,WAAWC,SAASC,eAAed,UAAU,EAAE,KAAKa,SAASE;AAAAA,IAC/D;AAAA,IAAE,GACEhB;AAAAA,IAAMN;AAAAA,EAAAA,CAGC;AAEjB,CAAC;"}

package/dist/esm/components/Typography/Typography.js CHANGED Viewed

@@ -2,9 +2,9 @@ import _styled from "@emotion/styled/base";
 import { forwardRef, useMemo } from "react";
 import { transientOptions } from "../../utils/transientOptions.js";
 import { theme } from "@hitachivantara/uikit-styles";
+import { clsx } from "clsx";
 import { mapVariant } from "./utils.js";
 import typographyClasses from "./typographyClasses.js";
-import { clsx } from "clsx";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { useTheme } from "../../hooks/useTheme.js";
 function _extends() {
@@ -142,7 +142,7 @@ const getStyledComponent = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_EN
     textOverflow: "ellipsis",
     whiteSpace: "nowrap"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RUUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgdXNlTWVtbyxcbiAgQ1NTUHJvcGVydGllcyxcbiAgQWxsSFRNTEF0dHJpYnV0ZXMsXG4gIFJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG1hcFZhcmlhbnQgfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHR5cG9ncmFwaHlDbGFzc2VzLCB7IEh2VHlwb2dyYXBoeUNsYXNzZXMgfSBmcm9tIFwiLi90eXBvZ3JhcGh5Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJAY29yZS9ob29rc1wiO1xuXG5leHBvcnQgdHlwZSBIdlR5cG9ncmFwaHlWYXJpYW50cyA9XG4gIHwgXCJkaXNwbGF5XCJcbiAgfCBcInRpdGxlMVwiXG4gIHwgXCJ0aXRsZTJcIlxuICB8IFwidGl0bGUzXCJcbiAgfCBcInRpdGxlNFwiXG4gIHwgXCJib2R5XCJcbiAgfCBcImxhYmVsXCJcbiAgfCBcImNhcHRpb24xXCJcbiAgfCBcImNhcHRpb24yXCI7XG5cbmV4cG9ydCB0eXBlIEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzID1cbiAgfCBcIjV4bFRpdGxlXCJcbiAgfCBcIjR4bFRpdGxlXCJcbiAgfCBcIjN4bFRpdGxlXCJcbiAgfCBcInh4bFRpdGxlXCJcbiAgfCBcInhsVGl0bGVcIlxuICB8IFwibFRpdGxlXCJcbiAgfCBcIm1UaXRsZVwiXG4gIHwgXCJzVGl0bGVcIlxuICB8IFwieHNUaXRsZVwiXG4gIHwgXCJ4eHNUaXRsZVwiXG4gIHwgXCJzZWN0aW9uVGl0bGVcIlxuICB8IFwiaGlnaGxpZ2h0VGV4dFwiXG4gIHwgXCJub3JtYWxUZXh0XCJcbiAgfCBcInBsYWNlaG9sZGVyVGV4dFwiXG4gIHwgXCJsaW5rXCJcbiAgfCBcImRpc2FibGVkVGV4dFwiXG4gIHwgXCJzZWxlY3RlZE5hdlRleHRcIlxuICB8IFwidml6VGV4dFwiXG4gIHwgXCJ2aXpUZXh0RGlzYWJsZWRcIlxuICB8IFwieHNJbmxpbmVMaW5rXCI7XG5cbmNvbnN0IEh2VHlwb2dyYXBoeU1hcCA9IHtcbiAgZGlzcGxheTogXCJoMVwiLFxuICB0aXRsZTE6IFwiaDFcIixcbiAgdGl0bGUyOiBcImgyXCIsXG4gIHRpdGxlMzogXCJoM1wiLFxuICB0aXRsZTQ6IFwiaDRcIixcbiAgYm9keTogXCJwXCIsXG4gIGxhYmVsOiBcImxhYmVsXCIsXG4gIGNhcHRpb24xOiBcInBcIixcbiAgY2FwdGlvbjI6IFwicFwiLFxuICAvLyBMRUdBQ1lcbiAgXCI1eGxUaXRsZVwiOiBcImgxXCIsXG4gIFwiNHhsVGl0bGVcIjogXCJoMVwiLFxuICB4eGxUaXRsZTogXCJoMVwiLFxuICBsVGl0bGU6IFwiaDJcIixcbiAgc1RpdGxlOiBcImg0XCIsXG4gIHh4c1RpdGxlOiBcImg2XCIsXG4gIHNlY3Rpb25UaXRsZTogXCJwXCIsXG4gIHBsYWNlaG9sZGVyVGV4dDogXCJwXCIsXG4gIGxpbms6IFwicFwiLFxuICBkaXNhYmxlZFRleHQ6IFwicFwiLFxuICBzZWxlY3RlZE5hdlRleHQ6IFwicFwiLFxuICB2aXpUZXh0RGlzYWJsZWQ6IFwicFwiLFxuICB4c0lubGluZUxpbms6IFwicFwiLFxufSBhcyBjb25zdDtcblxuY29uc3QgZ2V0U3R5bGVkQ29tcG9uZW50ID0gPFQgZXh0ZW5kcyBrZXlvZiBKU1guSW50cmluc2ljRWxlbWVudHM+KGM6IFQpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKShcbiAgICAoe1xuICAgICAgJHZhcmlhbnQsXG4gICAgICAkbGluayA9IGZhbHNlLFxuICAgICAgJGRpc2FibGVkID0gZmFsc2UsXG4gICAgICAkbm9XcmFwID0gZmFsc2UsXG4gICAgfToge1xuICAgICAgJHZhcmlhbnQ6IEh2VHlwb2dyYXBoeVZhcmlhbnRzIHwgSHZUeXBvZ3JhcGh5TGVnYWN5VmFyaWFudHM7XG4gICAgICAkbGluaz86IGJvb2xlYW47XG4gICAgICAkZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgICAgJG5vV3JhcD86IGJvb2xlYW47XG4gICAgfSkgPT4gKHtcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJkaXNwbGF5XCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5kaXNwbGF5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwidGl0bGUxXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS50aXRsZTEgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTJcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlMiBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlM1wiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGUzIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwidGl0bGU0XCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS50aXRsZTQgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwibGFiZWxcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2FwdGlvbjFcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmNhcHRpb24xIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2FwdGlvbjJcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmNhcHRpb24yIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAvLyBMRUdBQ1lcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCI1eGxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHlbXCI1eGxUaXRsZVwiXSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcIjR4bFRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeVtcIjR4bFRpdGxlXCJdIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwieHhsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5Lnh4bFRpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwibFRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJzVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnNUaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInh4c1RpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS54eHNUaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInNlY3Rpb25UaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuc2VjdGlvblRpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwicGxhY2Vob2xkZXJUZXh0XCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5wbGFjZWhvbGRlclRleHQgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsaW5rXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5saW5rIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIixcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImRpc2FibGVkVGV4dFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuZGlzYWJsZWRUZXh0IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwic2VsZWN0ZWROYXZUZXh0XCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5zZWxlY3RlZE5hdlRleHQgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ2aXpUZXh0RGlzYWJsZWRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnZpelRleHREaXNhYmxlZCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInhzSW5saW5lTGlua1wiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkueHNJbmxpbmVMaW5rIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgICAvLyBBRERFRCBQUk9QU1xuICAgICAgLi4uKCRsaW5rICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5wcmltYXJ5LFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIixcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgfSksXG4gICAgICAuLi4oJG5vV3JhcCAmJiB7XG4gICAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICAgICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAgIH0pLFxuICAgIH0pXG4gICk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZUeXBvZ3JhcGh5UHJvcHNcbiAgZXh0ZW5kcyBPbWl0PEFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiwgXCJkaXNhYmxlZFwiPixcbiAgICBIdkJhc2VQcm9wczxIVE1MRWxlbWVudD4ge1xuICBjb21wb25lbnQ/OiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIFVzZSB0aGUgdmFyaWFudCBwcm9wIHRvIGNoYW5nZSB0aGUgdmlzdWFsIHN0eWxlIG9mIHRoZSBUeXBvZ3JhcGh5LiAqL1xuICB2YXJpYW50PzogSHZUeXBvZ3JhcGh5VmFyaWFudHMgfCBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50cztcbiAgLyoqIElmIGB0cnVlYCB0aGUgdHlwb2dyYXBoeSB3aWxsIGRpc3BsYXkgdGhlIGxvb2sgb2YgYSBsaW5rLiAqL1xuICBsaW5rPzogYm9vbGVhbjtcbiAgLyoqIElmIGB0cnVlYCB0aGUgdHlwb2dyYXBoeSB3aWxsIGRpc3BsYXkgdGhlIGxvb2sgb2YgYSBkaXNhYmxlZCBzdGF0ZS4gKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogSWYgYHRydWVgLCB0aGUgdGV4dCB3aWxsIGhhdmUgYSBib3R0b20gbWFyZ2luLiAqL1xuICBwYXJhZ3JhcGg/OiBib29sZWFuO1xuICAvKipcbiAgICogSWYgYHRydWVgLCB0aGUgdGV4dCB3aWxsIG5vdCB3cmFwLCBidXQgaW5zdGVhZCB3aWxsIHRydW5jYXRlIHdpdGggYSB0ZXh0IG92ZXJmbG93IGVsbGlwc2lzLlxuICAgKlxuICAgKiBOb3RlIHRoYXQgdGV4dCBvdmVyZmxvdyBjYW4gb25seSBoYXBwZW4gd2l0aCBibG9jayBvciBpbmxpbmUtYmxvY2sgbGV2ZWwgZWxlbWVudHNcbiAgICogKHRoZSBlbGVtZW50IG5lZWRzIHRvIGhhdmUgYSB3aWR0aCBpbiBvcmRlciB0byBvdmVyZmxvdykuXG4gICAqL1xuICBub1dyYXA/OiBib29sZWFuO1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZUeXBvZ3JhcGh5Q2xhc3Nlcztcbn1cblxuLyoqXG4gKiBUeXBvZ3JhcGh5IGNvbXBvbmVudCBpcyB1c2VkIHRvIHJlbmRlciB0ZXh0IGFuZCBwYXJhZ3JhcGhzIHdpdGhpbiBhbiBpbnRlcmZhY2UuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlR5cG9ncmFwaHkgPSBmb3J3YXJkUmVmKFxuICAocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY6IFJlZjxIVE1MRWxlbWVudD4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNvbXBvbmVudCxcbiAgICAgIGNsYXNzZXMsXG4gICAgICB2YXJpYW50ID0gXCJib2R5XCIsXG4gICAgICBsaW5rID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgbm9XcmFwID0gZmFsc2UsXG4gICAgICBwYXJhZ3JhcGggPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgbWFwcGVkVmFyaWFudCA9IG1hcFZhcmlhbnQodmFyaWFudCwgYWN0aXZlVGhlbWU/Lm5hbWUpO1xuXG4gICAgY29uc3QgY29tcCA9XG4gICAgICBjb21wb25lbnQgfHwgKHBhcmFncmFwaCA/IFwicFwiIDogSHZUeXBvZ3JhcGh5TWFwW21hcHBlZFZhcmlhbnRdIHx8IFwic3BhblwiKTtcblxuICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBnZXRTdHlsZWRDb21wb25lbnQoY29tcCB8fCBcInBcIiksXG4gICAgICBbY29tcF1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRDb21wb25lbnRcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICB0eXBvZ3JhcGh5Q2xhc3Nlcy5yb290LFxuICAgICAgICAgIGNsYXNzZXM/Llt2YXJpYW50XSxcbiAgICAgICAgICB0eXBvZ3JhcGh5Q2xhc3Nlc1t2YXJpYW50XSxcbiAgICAgICAgICBub1dyYXAgJiYgY2xzeCh0eXBvZ3JhcGh5Q2xhc3Nlcy5ub1dyYXAsIGNsYXNzZXM/Lm5vV3JhcClcbiAgICAgICAgKX1cbiAgICAgICAgJHZhcmlhbnQ9e1xuICAgICAgICAgIG1hcHBlZFZhcmlhbnQgYXMgSHZUeXBvZ3JhcGh5VmFyaWFudHMgfCBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50c1xuICAgICAgICB9XG4gICAgICAgICRsaW5rPXtsaW5rfVxuICAgICAgICAkZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAkbm9XcmFwPXtub1dyYXB9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkQ29tcG9uZW50PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RUUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgdXNlTWVtbyxcbiAgQ1NTUHJvcGVydGllcyxcbiAgQWxsSFRNTEF0dHJpYnV0ZXMsXG4gIFJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNsc3ggfSBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGNvcmUvaG9va3NcIjtcbmltcG9ydCB7IG1hcFZhcmlhbnQgfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHR5cG9ncmFwaHlDbGFzc2VzLCB7IEh2VHlwb2dyYXBoeUNsYXNzZXMgfSBmcm9tIFwiLi90eXBvZ3JhcGh5Q2xhc3Nlc1wiO1xuXG5leHBvcnQgdHlwZSBIdlR5cG9ncmFwaHlWYXJpYW50cyA9XG4gIHwgXCJkaXNwbGF5XCJcbiAgfCBcInRpdGxlMVwiXG4gIHwgXCJ0aXRsZTJcIlxuICB8IFwidGl0bGUzXCJcbiAgfCBcInRpdGxlNFwiXG4gIHwgXCJib2R5XCJcbiAgfCBcImxhYmVsXCJcbiAgfCBcImNhcHRpb24xXCJcbiAgfCBcImNhcHRpb24yXCI7XG5cbi8qKiBAZGVwcmVjYXRlZCAqL1xuZXhwb3J0IHR5cGUgSHZUeXBvZ3JhcGh5TGVnYWN5VmFyaWFudHMgPVxuICB8IFwiNXhsVGl0bGVcIlxuICB8IFwiNHhsVGl0bGVcIlxuICB8IFwiM3hsVGl0bGVcIlxuICB8IFwieHhsVGl0bGVcIlxuICB8IFwieGxUaXRsZVwiXG4gIHwgXCJsVGl0bGVcIlxuICB8IFwibVRpdGxlXCJcbiAgfCBcInNUaXRsZVwiXG4gIHwgXCJ4c1RpdGxlXCJcbiAgfCBcInh4c1RpdGxlXCJcbiAgfCBcInNlY3Rpb25UaXRsZVwiXG4gIHwgXCJoaWdobGlnaHRUZXh0XCJcbiAgfCBcIm5vcm1hbFRleHRcIlxuICB8IFwicGxhY2Vob2xkZXJUZXh0XCJcbiAgfCBcImxpbmtcIlxuICB8IFwiZGlzYWJsZWRUZXh0XCJcbiAgfCBcInNlbGVjdGVkTmF2VGV4dFwiXG4gIHwgXCJ2aXpUZXh0XCJcbiAgfCBcInZpelRleHREaXNhYmxlZFwiXG4gIHwgXCJ4c0lubGluZUxpbmtcIjtcblxuY29uc3QgSHZUeXBvZ3JhcGh5TWFwID0ge1xuICBkaXNwbGF5OiBcImgxXCIsXG4gIHRpdGxlMTogXCJoMVwiLFxuICB0aXRsZTI6IFwiaDJcIixcbiAgdGl0bGUzOiBcImgzXCIsXG4gIHRpdGxlNDogXCJoNFwiLFxuICBib2R5OiBcInBcIixcbiAgbGFiZWw6IFwibGFiZWxcIixcbiAgY2FwdGlvbjE6IFwicFwiLFxuICBjYXB0aW9uMjogXCJwXCIsXG4gIC8vIExFR0FDWVxuICBcIjV4bFRpdGxlXCI6IFwiaDFcIixcbiAgXCI0eGxUaXRsZVwiOiBcImgxXCIsXG4gIHh4bFRpdGxlOiBcImgxXCIsXG4gIGxUaXRsZTogXCJoMlwiLFxuICBzVGl0bGU6IFwiaDRcIixcbiAgeHhzVGl0bGU6IFwiaDZcIixcbiAgc2VjdGlvblRpdGxlOiBcInBcIixcbiAgcGxhY2Vob2xkZXJUZXh0OiBcInBcIixcbiAgbGluazogXCJwXCIsXG4gIGRpc2FibGVkVGV4dDogXCJwXCIsXG4gIHNlbGVjdGVkTmF2VGV4dDogXCJwXCIsXG4gIHZpelRleHREaXNhYmxlZDogXCJwXCIsXG4gIHhzSW5saW5lTGluazogXCJwXCIsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBnZXRTdHlsZWRDb21wb25lbnQgPSA8VCBleHRlbmRzIGtleW9mIEpTWC5JbnRyaW5zaWNFbGVtZW50cz4oYzogVCkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkdmFyaWFudCxcbiAgICAgICRsaW5rID0gZmFsc2UsXG4gICAgICAkZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgICRub1dyYXAgPSBmYWxzZSxcbiAgICB9OiB7XG4gICAgICAkdmFyaWFudDogSHZUeXBvZ3JhcGh5VmFyaWFudHMgfCBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50cztcbiAgICAgICRsaW5rPzogYm9vbGVhbjtcbiAgICAgICRkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgICAkbm9XcmFwPzogYm9vbGVhbjtcbiAgICB9KSA9PiAoe1xuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImRpc3BsYXlcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmRpc3BsYXkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTFcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlMSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlMlwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGUyIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwidGl0bGUzXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS50aXRsZTMgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlNCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImJvZHlcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsYWJlbFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJjYXB0aW9uMVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbjEgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJjYXB0aW9uMlwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbjIgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC8vIExFR0FDWVxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcIjV4bFRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeVtcIjV4bFRpdGxlXCJdIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiNHhsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5W1wiNHhsVGl0bGVcIl0gYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ4eGxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkueHhsVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxUaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInNUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuc1RpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwieHhzVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5Lnh4c1RpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwic2VjdGlvblRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5zZWN0aW9uVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICAgIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJwbGFjZWhvbGRlclRleHRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnBsYWNlaG9sZGVyVGV4dCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxpbmtcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxpbmsgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiZGlzYWJsZWRUZXh0XCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5kaXNhYmxlZFRleHQgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJzZWxlY3RlZE5hdlRleHRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnNlbGVjdGVkTmF2VGV4dCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInZpelRleHREaXNhYmxlZFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudml6VGV4dERpc2FibGVkIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwieHNJbmxpbmVMaW5rXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS54c0lubGluZUxpbmsgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICAgIC8vIEFEREVEIFBST1BTXG4gICAgICAuLi4oJGxpbmsgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnByaW1hcnksXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkbm9XcmFwICYmIHtcbiAgICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgICAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuZXhwb3J0IGludGVyZmFjZSBIdlR5cG9ncmFwaHlQcm9wc1xuICBleHRlbmRzIE9taXQ8QWxsSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+LCBcImRpc2FibGVkXCI+LFxuICAgIEh2QmFzZVByb3BzPEhUTUxFbGVtZW50PiB7XG4gIGNvbXBvbmVudD86IFJlYWN0LlJlYWN0Tm9kZSB8IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogVXNlIHRoZSB2YXJpYW50IHByb3AgdG8gY2hhbmdlIHRoZSB2aXN1YWwgc3R5bGUgb2YgdGhlIFR5cG9ncmFwaHkuICovXG4gIHZhcmlhbnQ/OiBIdlR5cG9ncmFwaHlWYXJpYW50cyB8IEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzO1xuICAvKiogSWYgYHRydWVgIHRoZSB0eXBvZ3JhcGh5IHdpbGwgZGlzcGxheSB0aGUgbG9vayBvZiBhIGxpbmsuICovXG4gIGxpbms/OiBib29sZWFuO1xuICAvKiogSWYgYHRydWVgIHRoZSB0eXBvZ3JhcGh5IHdpbGwgZGlzcGxheSB0aGUgbG9vayBvZiBhIGRpc2FibGVkIHN0YXRlLiAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBJZiBgdHJ1ZWAsIHRoZSB0ZXh0IHdpbGwgaGF2ZSBhIGJvdHRvbSBtYXJnaW4uICovXG4gIHBhcmFncmFwaD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJZiBgdHJ1ZWAsIHRoZSB0ZXh0IHdpbGwgbm90IHdyYXAsIGJ1dCBpbnN0ZWFkIHdpbGwgdHJ1bmNhdGUgd2l0aCBhIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gICAqXG4gICAqIE5vdGUgdGhhdCB0ZXh0IG92ZXJmbG93IGNhbiBvbmx5IGhhcHBlbiB3aXRoIGJsb2NrIG9yIGlubGluZS1ibG9jayBsZXZlbCBlbGVtZW50c1xuICAgKiAodGhlIGVsZW1lbnQgbmVlZHMgdG8gaGF2ZSBhIHdpZHRoIGluIG9yZGVyIHRvIG92ZXJmbG93KS5cbiAgICovXG4gIG5vV3JhcD86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlR5cG9ncmFwaHlDbGFzc2VzO1xufVxuXG4vKipcbiAqIFR5cG9ncmFwaHkgY29tcG9uZW50IGlzIHVzZWQgdG8gcmVuZGVyIHRleHQgYW5kIHBhcmFncmFwaHMgd2l0aGluIGFuIGludGVyZmFjZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2VHlwb2dyYXBoeSA9IGZvcndhcmRSZWYoXG4gIChwcm9wczogSHZUeXBvZ3JhcGh5UHJvcHMsIHJlZjogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2xhc3NlcyxcbiAgICAgIHZhcmlhbnQgPSBcImJvZHlcIixcbiAgICAgIGxpbmsgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBub1dyYXAgPSBmYWxzZSxcbiAgICAgIHBhcmFncmFwaCA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSA9IHByb3BzO1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBtYXBwZWRWYXJpYW50ID0gbWFwVmFyaWFudCh2YXJpYW50LCBhY3RpdmVUaGVtZT8ubmFtZSk7XG5cbiAgICBjb25zdCBjb21wID1cbiAgICAgIGNvbXBvbmVudCB8fCAocGFyYWdyYXBoID8gXCJwXCIgOiBIdlR5cG9ncmFwaHlNYXBbbWFwcGVkVmFyaWFudF0gfHwgXCJzcGFuXCIpO1xuXG4gICAgY29uc3QgU3R5bGVkQ29tcG9uZW50ID0gdXNlTWVtbyhcbiAgICAgICgpID0+IGdldFN0eWxlZENvbXBvbmVudChjb21wIHx8IFwicFwiKSxcbiAgICAgIFtjb21wXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbXBvbmVudFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgIHR5cG9ncmFwaHlDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgY2xhc3Nlcz8uW3ZhcmlhbnRdLFxuICAgICAgICAgIHR5cG9ncmFwaHlDbGFzc2VzW3ZhcmlhbnRdLFxuICAgICAgICAgIG5vV3JhcCAmJiBjbHN4KHR5cG9ncmFwaHlDbGFzc2VzLm5vV3JhcCwgY2xhc3Nlcz8ubm9XcmFwKVxuICAgICAgICApfVxuICAgICAgICAkdmFyaWFudD17XG4gICAgICAgICAgbWFwcGVkVmFyaWFudCBhcyBIdlR5cG9ncmFwaHlWYXJpYW50cyB8IEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzXG4gICAgICAgIH1cbiAgICAgICAgJGxpbms9e2xpbmt9XG4gICAgICAgICRkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICRub1dyYXA9e25vV3JhcH1cbiAgICAgICAgey4uLm90aGVyc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRDb21wb25lbnQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
 const HvTypography = forwardRef((props, ref) => {
   const {
     children,

package/dist/esm/components/Typography/Typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n forwardRef,\n useMemo,\n CSSProperties,\n AllHTMLAttributes,\n Ref,\n} from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport styled from \"@emotion/styled\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { mapVariant } from \"./utils\";\nimport typographyClasses, { HvTypographyClasses } from \"./typographyClasses\";\nimport { clsx } from \"clsx\";\nimport { useTheme } from \"@core/hooks\";\n\nexport type HvTypographyVariants =\n \| \"display\"\n \| \"title1\"\n \| \"title2\"\n \| \"title3\"\n \| \"title4\"\n \| \"body\"\n \| \"label\"\n \| \"caption1\"\n \| \"caption2\";\n\nexport type HvTypographyLegacyVariants =\n \| \"5xlTitle\"\n \| \"4xlTitle\"\n \| \"3xlTitle\"\n \| \"xxlTitle\"\n \| \"xlTitle\"\n \| \"lTitle\"\n \| \"mTitle\"\n \| \"sTitle\"\n \| \"xsTitle\"\n \| \"xxsTitle\"\n \| \"sectionTitle\"\n \| \"highlightText\"\n \| \"normalText\"\n \| \"placeholderText\"\n \| \"link\"\n \| \"disabledText\"\n \| \"selectedNavText\"\n \| \"vizText\"\n \| \"vizTextDisabled\"\n \| \"xsInlineLink\";\n\nconst HvTypographyMap = {\n display: \"h1\",\n title1: \"h1\",\n title2: \"h2\",\n title3: \"h3\",\n title4: \"h4\",\n body: \"p\",\n label: \"label\",\n caption1: \"p\",\n caption2: \"p\",\n // LEGACY\n \"5xlTitle\": \"h1\",\n \"4xlTitle\": \"h1\",\n xxlTitle: \"h1\",\n lTitle: \"h2\",\n sTitle: \"h4\",\n xxsTitle: \"h6\",\n sectionTitle: \"p\",\n placeholderText: \"p\",\n link: \"p\",\n disabledText: \"p\",\n selectedNavText: \"p\",\n vizTextDisabled: \"p\",\n xsInlineLink: \"p\",\n} as const;\n\nconst getStyledComponent = <T extends keyof JSX.IntrinsicElements>(c: T) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $variant,\n $link = false,\n $disabled = false,\n $noWrap = false,\n }: {\n $variant: HvTypographyVariants \| HvTypographyLegacyVariants;\n $link?: boolean;\n $disabled?: boolean;\n $noWrap?: boolean;\n }) => ({\n ...($variant === \"display\" && {\n ...(theme.typography.display as CSSProperties),\n }),\n ...($variant === \"title1\" && {\n ...(theme.typography.title1 as CSSProperties),\n }),\n ...($variant === \"title2\" && {\n ...(theme.typography.title2 as CSSProperties),\n }),\n ...($variant === \"title3\" && {\n ...(theme.typography.title3 as CSSProperties),\n }),\n ...($variant === \"title4\" && {\n ...(theme.typography.title4 as CSSProperties),\n }),\n ...($variant === \"body\" && {\n ...(theme.typography.body as CSSProperties),\n }),\n ...($variant === \"label\" && {\n ...(theme.typography.label as CSSProperties),\n }),\n ...($variant === \"caption1\" && {\n ...(theme.typography.caption1 as CSSProperties),\n }),\n ...($variant === \"caption2\" && {\n ...(theme.typography.caption2 as CSSProperties),\n }),\n // LEGACY\n ...($variant === \"5xlTitle\" && {\n ...(theme.typography[\"5xlTitle\"] as CSSProperties),\n }),\n ...($variant === \"4xlTitle\" && {\n ...(theme.typography[\"4xlTitle\"] as CSSProperties),\n }),\n ...($variant === \"xxlTitle\" && {\n ...(theme.typography.xxlTitle as CSSProperties),\n }),\n ...($variant === \"lTitle\" && {\n ...(theme.typography.lTitle as CSSProperties),\n }),\n ...($variant === \"sTitle\" && {\n ...(theme.typography.sTitle as CSSProperties),\n }),\n ...($variant === \"xxsTitle\" && {\n ...(theme.typography.xxsTitle as CSSProperties),\n }),\n ...($variant === \"sectionTitle\" && {\n ...(theme.typography.sectionTitle as CSSProperties),\n textTransform: \"uppercase\",\n }),\n ...($variant === \"placeholderText\" && {\n ...(theme.typography.placeholderText as CSSProperties),\n }),\n ...($variant === \"link\" && {\n ...(theme.typography.link as CSSProperties),\n textDecoration: \"underline\",\n cursor: \"pointer\",\n }),\n ...($variant === \"disabledText\" && {\n ...(theme.typography.disabledText as CSSProperties),\n }),\n ...($variant === \"selectedNavText\" && {\n ...(theme.typography.selectedNavText as CSSProperties),\n }),\n ...($variant === \"vizTextDisabled\" && {\n ...(theme.typography.vizTextDisabled as CSSProperties),\n }),\n ...($variant === \"xsInlineLink\" && {\n ...(theme.typography.xsInlineLink as CSSProperties),\n }),\n fontFamily: theme.fontFamily.body,\n // ADDED PROPS\n ...($link && {\n color: theme.colors.primary,\n textDecoration: \"underline\",\n cursor: \"pointer\",\n }),\n ...($disabled && {\n color: theme.colors.secondary_60,\n }),\n ...($noWrap && {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }),\n })\n );\n\nexport interface HvTypographyProps\n extends Omit<AllHTMLAttributes<HTMLElement>, \"disabled\">,\n HvBaseProps<HTMLElement> {\n component?: React.ReactNode \| React.ElementType;\n /** Use the variant prop to change the visual style of the Typography. /\n variant?: HvTypographyVariants \| HvTypographyLegacyVariants;\n /* If `true` the typography will display the look of a link. /\n link?: boolean;\n /* If `true` the typography will display the look of a disabled state. /\n disabled?: boolean;\n /* If `true`, the text will have a bottom margin. /\n paragraph?: boolean;\n /\n If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n \n Note that text overflow can only happen with block or inline-block level elements\n * (the element needs to have a width in order to overflow).\n /\n noWrap?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTypographyClasses;\n}\n\n/\n Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography = forwardRef(\n (props: HvTypographyProps, ref: Ref<HTMLElement>) => {\n const {\n children,\n className,\n component,\n classes,\n variant = \"body\",\n link = false,\n disabled = false,\n noWrap = false,\n paragraph = false,\n ...others\n } = props;\n const { activeTheme } = useTheme();\n\n const mappedVariant = mapVariant(variant, activeTheme?.name);\n\n const comp =\n component \|\| (paragraph ? \"p\" : HvTypographyMap[mappedVariant] \|\| \"span\");\n\n const StyledComponent = useMemo(\n () => getStyledComponent(comp \|\| \"p\"),\n [comp]\n );\n\n return (\n <StyledComponent\n ref={ref}\n className={clsx(\n className,\n classes?.root,\n typographyClasses.root,\n classes?.[variant],\n typographyClasses[variant],\n noWrap && clsx(typographyClasses.noWrap, classes?.noWrap)\n )}\n $variant={\n mappedVariant as HvTypographyVariants \| HvTypographyLegacyVariants\n }\n $link={link}\n $disabled={disabled}\n $noWrap={noWrap}\n {...others}\n >\n {children}\n </StyledComponent>\n );\n }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","getStyledComponent","c","process","env","NODE_ENV","_extends","target","transientOptions","$variant","$link","$disabled","$noWrap","theme","typography","textTransform","textDecoration","cursor","fontFamily","color","colors","primary","secondary_60","overflow","textOverflow","whiteSpace","HvTypography","forwardRef","props","ref","children","className","component","classes","variant","disabled","noWrap","paragraph","others","activeTheme","useTheme","mappedVariant","mapVariant","name","comp","StyledComponent","useMemo","clsx","root","typographyClasses"],"mappings":"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"}
1	+ {"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n forwardRef,\n useMemo,\n CSSProperties,\n AllHTMLAttributes,\n Ref,\n} from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport styled from \"@emotion/styled\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { clsx } from \"clsx\";\nimport { useTheme } from \"@core/hooks\";\nimport { mapVariant } from \"./utils\";\nimport typographyClasses, { HvTypographyClasses } from \"./typographyClasses\";\n\nexport type HvTypographyVariants =\n \| \"display\"\n \| \"title1\"\n \| \"title2\"\n \| \"title3\"\n \| \"title4\"\n \| \"body\"\n \| \"label\"\n \| \"caption1\"\n \| \"caption2\";\n\n/** @deprecated /\nexport type HvTypographyLegacyVariants =\n \| \"5xlTitle\"\n \| \"4xlTitle\"\n \| \"3xlTitle\"\n \| \"xxlTitle\"\n \| \"xlTitle\"\n \| \"lTitle\"\n \| \"mTitle\"\n \| \"sTitle\"\n \| \"xsTitle\"\n \| \"xxsTitle\"\n \| \"sectionTitle\"\n \| \"highlightText\"\n \| \"normalText\"\n \| \"placeholderText\"\n \| \"link\"\n \| \"disabledText\"\n \| \"selectedNavText\"\n \| \"vizText\"\n \| \"vizTextDisabled\"\n \| \"xsInlineLink\";\n\nconst HvTypographyMap = {\n display: \"h1\",\n title1: \"h1\",\n title2: \"h2\",\n title3: \"h3\",\n title4: \"h4\",\n body: \"p\",\n label: \"label\",\n caption1: \"p\",\n caption2: \"p\",\n // LEGACY\n \"5xlTitle\": \"h1\",\n \"4xlTitle\": \"h1\",\n xxlTitle: \"h1\",\n lTitle: \"h2\",\n sTitle: \"h4\",\n xxsTitle: \"h6\",\n sectionTitle: \"p\",\n placeholderText: \"p\",\n link: \"p\",\n disabledText: \"p\",\n selectedNavText: \"p\",\n vizTextDisabled: \"p\",\n xsInlineLink: \"p\",\n} as const;\n\nconst getStyledComponent = <T extends keyof JSX.IntrinsicElements>(c: T) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $variant,\n $link = false,\n $disabled = false,\n $noWrap = false,\n }: {\n $variant: HvTypographyVariants \| HvTypographyLegacyVariants;\n $link?: boolean;\n $disabled?: boolean;\n $noWrap?: boolean;\n }) => ({\n ...($variant === \"display\" && {\n ...(theme.typography.display as CSSProperties),\n }),\n ...($variant === \"title1\" && {\n ...(theme.typography.title1 as CSSProperties),\n }),\n ...($variant === \"title2\" && {\n ...(theme.typography.title2 as CSSProperties),\n }),\n ...($variant === \"title3\" && {\n ...(theme.typography.title3 as CSSProperties),\n }),\n ...($variant === \"title4\" && {\n ...(theme.typography.title4 as CSSProperties),\n }),\n ...($variant === \"body\" && {\n ...(theme.typography.body as CSSProperties),\n }),\n ...($variant === \"label\" && {\n ...(theme.typography.label as CSSProperties),\n }),\n ...($variant === \"caption1\" && {\n ...(theme.typography.caption1 as CSSProperties),\n }),\n ...($variant === \"caption2\" && {\n ...(theme.typography.caption2 as CSSProperties),\n }),\n // LEGACY\n ...($variant === \"5xlTitle\" && {\n ...(theme.typography[\"5xlTitle\"] as CSSProperties),\n }),\n ...($variant === \"4xlTitle\" && {\n ...(theme.typography[\"4xlTitle\"] as CSSProperties),\n }),\n ...($variant === \"xxlTitle\" && {\n ...(theme.typography.xxlTitle as CSSProperties),\n }),\n ...($variant === \"lTitle\" && {\n ...(theme.typography.lTitle as CSSProperties),\n }),\n ...($variant === \"sTitle\" && {\n ...(theme.typography.sTitle as CSSProperties),\n }),\n ...($variant === \"xxsTitle\" && {\n ...(theme.typography.xxsTitle as CSSProperties),\n }),\n ...($variant === \"sectionTitle\" && {\n ...(theme.typography.sectionTitle as CSSProperties),\n textTransform: \"uppercase\",\n }),\n ...($variant === \"placeholderText\" && {\n ...(theme.typography.placeholderText as CSSProperties),\n }),\n ...($variant === \"link\" && {\n ...(theme.typography.link as CSSProperties),\n textDecoration: \"underline\",\n cursor: \"pointer\",\n }),\n ...($variant === \"disabledText\" && {\n ...(theme.typography.disabledText as CSSProperties),\n }),\n ...($variant === \"selectedNavText\" && {\n ...(theme.typography.selectedNavText as CSSProperties),\n }),\n ...($variant === \"vizTextDisabled\" && {\n ...(theme.typography.vizTextDisabled as CSSProperties),\n }),\n ...($variant === \"xsInlineLink\" && {\n ...(theme.typography.xsInlineLink as CSSProperties),\n }),\n fontFamily: theme.fontFamily.body,\n // ADDED PROPS\n ...($link && {\n color: theme.colors.primary,\n textDecoration: \"underline\",\n cursor: \"pointer\",\n }),\n ...($disabled && {\n color: theme.colors.secondary_60,\n }),\n ...($noWrap && {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }),\n })\n );\n\nexport interface HvTypographyProps\n extends Omit<AllHTMLAttributes<HTMLElement>, \"disabled\">,\n HvBaseProps<HTMLElement> {\n component?: React.ReactNode \| React.ElementType;\n /* Use the variant prop to change the visual style of the Typography. /\n variant?: HvTypographyVariants \| HvTypographyLegacyVariants;\n /* If `true` the typography will display the look of a link. /\n link?: boolean;\n /* If `true` the typography will display the look of a disabled state. /\n disabled?: boolean;\n /* If `true`, the text will have a bottom margin. /\n paragraph?: boolean;\n /\n If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n \n Note that text overflow can only happen with block or inline-block level elements\n * (the element needs to have a width in order to overflow).\n /\n noWrap?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTypographyClasses;\n}\n\n/\n Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography = forwardRef(\n (props: HvTypographyProps, ref: Ref<HTMLElement>) => {\n const {\n children,\n className,\n component,\n classes,\n variant = \"body\",\n link = false,\n disabled = false,\n noWrap = false,\n paragraph = false,\n ...others\n } = props;\n const { activeTheme } = useTheme();\n\n const mappedVariant = mapVariant(variant, activeTheme?.name);\n\n const comp =\n component \|\| (paragraph ? \"p\" : HvTypographyMap[mappedVariant] \|\| \"span\");\n\n const StyledComponent = useMemo(\n () => getStyledComponent(comp \|\| \"p\"),\n [comp]\n );\n\n return (\n <StyledComponent\n ref={ref}\n className={clsx(\n className,\n classes?.root,\n typographyClasses.root,\n classes?.[variant],\n typographyClasses[variant],\n noWrap && clsx(typographyClasses.noWrap, classes?.noWrap)\n )}\n $variant={\n mappedVariant as HvTypographyVariants \| HvTypographyLegacyVariants\n }\n $link={link}\n $disabled={disabled}\n $noWrap={noWrap}\n {...others}\n >\n {children}\n </StyledComponent>\n );\n }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","getStyledComponent","c","process","env","NODE_ENV","_extends","target","transientOptions","$variant","$link","$disabled","$noWrap","theme","typography","textTransform","textDecoration","cursor","fontFamily","color","colors","primary","secondary_60","overflow","textOverflow","whiteSpace","HvTypography","forwardRef","props","ref","children","className","component","classes","variant","disabled","noWrap","paragraph","others","activeTheme","useTheme","mappedVariant","mapVariant","name","comp","StyledComponent","useMemo","clsx","root","typographyClasses"],"mappings":"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"}

package/dist/esm/components/VerticalNavigation/Actions/Action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Action.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEventHandler, useCallback, useContext } from \"react\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { VerticalNavigationContext } from \"~~../\~~";\nimport { StyledAction } from \"./Action.styles\";\nimport actionClasses, {\n HvVerticalNavigationActionClasses,\n} from \"./actionClasses\";\n\nexport interface HvVerticalNavigationActionProps {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvVerticalNavigationActionClasses;\n /\n Id to be applied to the action.\n /\n id?: string;\n /\n Visual label.\n /\n label?: string;\n /\n Icon.\n /\n icon?: React.ReactNode;\n /\n Callback called when clicked.\n */\n onClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationAction = ({\n className,\n classes,\n id,\n label = \"\",\n icon,\n onClick,\n ...others\n}: HvVerticalNavigationActionProps) => {\n const { isOpen } = useContext(VerticalNavigationContext);\n\n const handleKeyDown = useCallback(\n (event) => {\n if (\n onClick == null \|\|\n (!isKeypress(event, keyboardCodes.Enter) &&\n !isKeypress(event, keyboardCodes.SpaceBar))\n ) {\n return;\n }\n\n onClick(event);\n },\n [onClick]\n );\n\n return (\n <StyledAction\n id={setId(id, \"button\")}\n component=\"div\"\n role=\"button\"\n className={clsx(\n className,\n actionClasses.action,\n classes?.action,\n !icon && clsx(actionClasses.noIcon, classes?.noIcon),\n !isOpen && clsx(actionClasses.minimized, classes?.action)\n )}\n tabIndex={0}\n onKeyDown={handleKeyDown}\n onClick={onClick}\n {...others}\n >\n {icon}\n {isOpen && label}\n </StyledAction>\n );\n};\n"],"names":["HvVerticalNavigationAction","className","classes","id","label","icon","onClick","others","isOpen","useContext","VerticalNavigationContext","handleKeyDown","useCallback","event","isKeypress","keyboardCodes","Enter","SpaceBar","StyledAction","setId","component","role","clsx","actionClasses","action","noIcon","minimized","tabIndex","onKeyDown","children"],"mappings":";;;;;;;;;AAoCO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,WAAWC,yBAAyB;AAEjDC,QAAAA,gBAAgBC,YACnBC,CAAU,UAAA;AACT,QACEP,WAAW,QACV,CAACQ,WAAWD,OAAOE,cAAcC,KAAK,KACrC,CAACF,WAAWD,OAAOE,cAAcE,QAAQ,GAC3C;AACA;AAAA,IACF;AAEAX,YAAQO,KAAK;AAAA,EAAA,GAEf,CAACP,OAAO,CAAC;AAGX,8BACGY,cAAY;AAAA,IACXf,IAAIgB,MAAMhB,IAAI,QAAQ;AAAA,IACtBiB,WAAU;AAAA,IACVC,MAAK;AAAA,IACLpB,WAAWqB,KACTrB,WACAsB,cAAcC,QACdtB,mCAASsB,QACT,CAACnB,QAAQiB,KAAKC,cAAcE,QAAQvB,mCAASuB,MAAM,GACnD,CAACjB,UAAUc,KAAKC,cAAcG,WAAWxB,mCAASsB,MAAM,CAAC;AAAA,IAE3DG,UAAU;AAAA,IACVC,WAAWjB;AAAAA,IACXL;AAAAA,IAAiB,GACbC;AAAAA,IAAMsB,UAETxB,CAAAA,MACAG,UAAUJ,KAAK;AAAA,EAAA,CACH;AAEnB;"}
1	+ {"version":3,"file":"Action.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEventHandler, useCallback, useContext } from \"react\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { VerticalNavigationContext } from \"..\";\nimport { StyledAction } from \"./Action.styles\";\nimport actionClasses, {\n HvVerticalNavigationActionClasses,\n} from \"./actionClasses\";\n\nexport interface HvVerticalNavigationActionProps {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvVerticalNavigationActionClasses;\n /\n Id to be applied to the action.\n /\n id?: string;\n /\n Visual label.\n /\n label?: string;\n /\n Icon.\n /\n icon?: React.ReactNode;\n /\n Callback called when clicked.\n */\n onClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationAction = ({\n className,\n classes,\n id,\n label = \"\",\n icon,\n onClick,\n ...others\n}: HvVerticalNavigationActionProps) => {\n const { isOpen } = useContext(VerticalNavigationContext);\n\n const handleKeyDown = useCallback(\n (event) => {\n if (\n onClick == null \|\|\n (!isKeypress(event, keyboardCodes.Enter) &&\n !isKeypress(event, keyboardCodes.SpaceBar))\n ) {\n return;\n }\n\n onClick(event);\n },\n [onClick]\n );\n\n return (\n <StyledAction\n id={setId(id, \"button\")}\n component=\"div\"\n role=\"button\"\n className={clsx(\n className,\n actionClasses.action,\n classes?.action,\n !icon && clsx(actionClasses.noIcon, classes?.noIcon),\n !isOpen && clsx(actionClasses.minimized, classes?.action)\n )}\n tabIndex={0}\n onKeyDown={handleKeyDown}\n onClick={onClick}\n {...others}\n >\n {icon}\n {isOpen && label}\n </StyledAction>\n );\n};\n"],"names":["HvVerticalNavigationAction","className","classes","id","label","icon","onClick","others","isOpen","useContext","VerticalNavigationContext","handleKeyDown","useCallback","event","isKeypress","keyboardCodes","Enter","SpaceBar","StyledAction","setId","component","role","clsx","actionClasses","action","noIcon","minimized","tabIndex","onKeyDown","children"],"mappings":";;;;;;;;;AAoCO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,WAAWC,yBAAyB;AAEjDC,QAAAA,gBAAgBC,YACnBC,CAAU,UAAA;AACT,QACEP,WAAW,QACV,CAACQ,WAAWD,OAAOE,cAAcC,KAAK,KACrC,CAACF,WAAWD,OAAOE,cAAcE,QAAQ,GAC3C;AACA;AAAA,IACF;AAEAX,YAAQO,KAAK;AAAA,EAAA,GAEf,CAACP,OAAO,CAAC;AAGX,8BACGY,cAAY;AAAA,IACXf,IAAIgB,MAAMhB,IAAI,QAAQ;AAAA,IACtBiB,WAAU;AAAA,IACVC,MAAK;AAAA,IACLpB,WAAWqB,KACTrB,WACAsB,cAAcC,QACdtB,mCAASsB,QACT,CAACnB,QAAQiB,KAAKC,cAAcE,QAAQvB,mCAASuB,MAAM,GACnD,CAACjB,UAAUc,KAAKC,cAAcG,WAAWxB,mCAASsB,MAAM,CAAC;AAAA,IAE3DG,UAAU;AAAA,IACVC,WAAWjB;AAAAA,IACXL;AAAAA,IAAiB,GACbC;AAAAA,IAAMsB,UAETxB,CAAAA,MACAG,UAAUJ,KAAK;AAAA,EAAA,CACH;AAEnB;"}

package/dist/esm/components/VerticalNavigation/Actions/Actions.js CHANGED Viewed

@@ -17,7 +17,7 @@ const HvVerticalNavigationActions = ({
   } = useContext(VerticalNavigationContext);
   return /* @__PURE__ */ jsx(StyledRoot, {
     id,
-    className: clsx(className, actionsClasses.root, classes == null ? void 0 : classes.root, !isOpen && collapsedMode == "simple" && clsx(actionsClasses.hide, classes == null ? void 0 : classes.hide)),
+    className: clsx(className, actionsClasses.root, classes == null ? void 0 : classes.root, !isOpen && collapsedMode === "simple" && clsx(actionsClasses.hide, classes == null ? void 0 : classes.hide)),
     ...others,
     children
   });

package/dist/esm/components/VerticalNavigation/Actions/Actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext } from \"react\";\nimport { VerticalNavigationContext } from \"~~../\~~";\nimport { StyledRoot } from \"./Actions.styles\";\nimport actionsClasses, {\n HvVerticalNavigationActionsClasses,\n} from \"./actionsClasses\";\n\nexport interface HvVerticalNavigationActionsProps {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvVerticalNavigationActionsClasses;\n /\n Id to be applied to the actions container.\n /\n id?: string;\n /\n Node to be rendered\n */\n children?: React.ReactNode;\n}\n\nexport const HvVerticalNavigationActions = ({\n className,\n classes,\n id,\n children,\n ...others\n}: HvVerticalNavigationActionsProps) => {\n const { isOpen, collapsedMode } = useContext(VerticalNavigationContext);\n\n return (\n <StyledRoot\n id={id}\n className={clsx(\n className,\n actionsClasses.root,\n classes?.root,\n !isOpen &&\n collapsedMode == \"simple\" &&\n clsx(actionsClasses.hide, classes?.hide)\n )}\n {...others}\n >\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvVerticalNavigationActions","className","classes","id","children","others","isOpen","collapsedMode","useContext","VerticalNavigationContext","StyledRoot","clsx","actionsClasses","root","hide"],"mappings":";;;;;;AA2BO,MAAMA,8BAA8BA,CAAC;AAAA,EAC1CC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AAChC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,EAAAA,IAAkBC,WAAWC,yBAAyB;AAEtE,6BACGC,YAAU;AAAA,IACTP;AAAAA,IACAF,WAAWU,KACTV,WACAW,eAAeC,MACfX,mCAASW,MACT,CAACP,UACCC,~~iBAAiB~~,~~YACjBI~~,KAAKC,eAAeE,MAAMZ,mCAASY,IAAI,CAAC;AAAA,IAC1C,GACET;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext } from \"react\";\nimport { VerticalNavigationContext } from \"..\";\nimport { StyledRoot } from \"./Actions.styles\";\nimport actionsClasses, {\n HvVerticalNavigationActionsClasses,\n} from \"./actionsClasses\";\n\nexport interface HvVerticalNavigationActionsProps {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvVerticalNavigationActionsClasses;\n /\n Id to be applied to the actions container.\n /\n id?: string;\n /\n Node to be rendered\n */\n children?: React.ReactNode;\n}\n\nexport const HvVerticalNavigationActions = ({\n className,\n classes,\n id,\n children,\n ...others\n}: HvVerticalNavigationActionsProps) => {\n const { isOpen, collapsedMode } = useContext(VerticalNavigationContext);\n\n return (\n <StyledRoot\n id={id}\n className={clsx(\n className,\n actionsClasses.root,\n classes?.root,\n !isOpen &&\n collapsedMode === \"simple\" &&\n clsx(actionsClasses.hide, classes?.hide)\n )}\n {...others}\n >\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvVerticalNavigationActions","className","classes","id","children","others","isOpen","collapsedMode","useContext","VerticalNavigationContext","StyledRoot","clsx","actionsClasses","root","hide"],"mappings":";;;;;;AA2BO,MAAMA,8BAA8BA,CAAC;AAAA,EAC1CC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AAChC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,EAAAA,IAAkBC,WAAWC,yBAAyB;AAEtE,6BACGC,YAAU;AAAA,IACTP;AAAAA,IACAF,WAAWU,KACTV,WACAW,eAAeC,MACfX,mCAASW,MACT,CAACP,UACCC,kBAAkB,YAClBI,KAAKC,eAAeE,MAAMZ,mCAASY,IAAI,CAAC;AAAA,IAC1C,GACET;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;"}

package/dist/esm/components/VerticalNavigation/Header/Header.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Backwards, Forwards, Menu } from "@hitachivantara/uikit-react-icons";
 import { clsx } from "clsx";
-import { useContext } from "react";
+import { useContext, useMemo } from "react";
 import { VerticalNavigationContext } from "../VerticalNavigationContext.js";
 import { StyledHeader, StyledCollapseButton } from "./Header.styles.js";
 import verticalNavigationHeaderClasses from "./headerClasses.js";
@@ -23,14 +23,16 @@ const HvVerticalNavigationHeader = ({
     collapsedMode,
     headerTitle,
     slider,
-    navigateToParentHandler
+    navigateToParentHandler,
+    parentItem
   } = useContext(VerticalNavigationContext);
   openIcon = collapsedMode === "simple" ? /* @__PURE__ */ jsx(Menu, {}) : openIcon;
   const backButtonClickHandler = () => {
     if (navigateToParentHandler)
       navigateToParentHandler();
   };
-  return /* @__PURE__ */ jsxs(StyledHeader, {
+  const shouldShowTitle = useMemo(() => !slider || slider && !Array.isArray(parentItem), [parentItem]);
+  return shouldShowTitle ? /* @__PURE__ */ jsxs(StyledHeader, {
     className: clsx(className, verticalNavigationHeaderClasses.root, classes == null ? void 0 : classes.root, !isOpen && clsx(verticalNavigationHeaderClasses.minimized, classes == null ? void 0 : classes.minimized)),
     ...others,
     children: [isOpen && headerTitle && slider && /* @__PURE__ */ jsx(HvButton, {
@@ -54,7 +56,7 @@ const HvVerticalNavigationHeader = ({
       ...collapseButtonProps,
       children: isOpen ? closeIcon : openIcon
     })]
-  });
+  }) : null;
 };
 export {
   HvVerticalNavigationHeader

package/dist/esm/components/VerticalNavigation/Header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport { HvButton, HvButtonProps, HvTypography } from \"@core/components\";\nimport { MouseEventHandler, useContext } from \"react\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { StyledCollapseButton, StyledHeader } from \"./Header.styles\";\nimport verticalNavigationHeaderClasses, {\n HvVerticalNavigationHeaderClasses,\n} from \"./headerClasses\";\n\nexport interface HvVerticalNavigationHeaderProps {\n /*\n Id to be applied to the root node.\n /\n id?: string;\n /\n The title text to show on Header.\n /\n title?: string;\n /\n Icon to show when Vertical Navigation is collapsed.\n /\n openIcon?: React.ReactNode;\n /\n Icon to show when Vertical Navigation is expanded.\n /\n closeIcon?: React.ReactNode;\n /\n Props for the collapse button.\n /\n collapseButtonProps?: HvButtonProps;\n /\n Props for the back button.\n /\n backButtonProps?: HvButtonProps;\n /\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvVerticalNavigationHeaderClasses;\n /\n Handler for the collapse button.\n */\n onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationHeader = ({\n title,\n openIcon = <Forwards />,\n closeIcon = <Backwards />,\n collapseButtonProps,\n backButtonProps,\n className,\n classes,\n onCollapseButtonClick,\n ...others\n}: HvVerticalNavigationHeaderProps) => {\n const {\n isOpen,\n collapsedMode,\n headerTitle,\n slider,\n navigateToParentHandler,\n } = useContext(VerticalNavigationContext);\n\n openIcon = collapsedMode === \"simple\" ? <Menu /> : openIcon;\n\n const backButtonClickHandler = () => {\n if (navigateToParentHandler) navigateToParentHandler();\n };\n\n return (\n <StyledHeader\n className={clsx(\n className,\n verticalNavigationHeaderClasses.root,\n classes?.root,\n !isOpen &&\n clsx(verticalNavigationHeaderClasses.minimized, classes?.minimized)\n )}\n {...others}\n >\n {isOpen && headerTitle && slider && (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n onClick={backButtonClickHandler}\n {...backButtonProps}\n >\n <Backwards iconSize=\"XS\" />\n </HvButton>\n )}\n {isOpen && (\n <HvTypography variant={slider ? \"label\" : \"title3\"}>\n {headerTitle && slider ? headerTitle : title}\n </HvTypography>\n )}\n {onCollapseButtonClick && (\n <StyledCollapseButton\n icon\n variant=\"secondaryGhost\"\n onClick={onCollapseButtonClick}\n classes={{\n root: isOpen ? \"\" : verticalNavigationHeaderClasses.minimized,\n }}\n {...collapseButtonProps}\n >\n {isOpen ? closeIcon : openIcon}\n </StyledCollapseButton>\n )}\n </StyledHeader>\n );\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","_jsx","Forwards","closeIcon","Backwards","collapseButtonProps","backButtonProps","className","classes","onCollapseButtonClick","others","isOpen","collapsedMode","headerTitle","slider","navigateToParentHandler","useContext","VerticalNavigationContext","Menu","backButtonClickHandler","StyledHeader","clsx","verticalNavigationHeaderClasses","root","minimized","children","HvButton","icon","variant","onClick","iconSize","HvTypography","StyledCollapseButton"],"mappings":";;;;;;;;;AAiDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,WAAWC,oBAACC,UAAW,EAAA;AAAA,EACvBC,YAAYF,oBAACG,WAAY,EAAA;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,WAAWC,yBAAyB;~~AAExCjB~~,aAAWY,kBAAkB,WAAWX,~~oBAACiB~~,MAAO,CAAA,CAAA,~~IAAGlB~~;AAEnD,~~QAAMmB~~,yBAAyBA,MAAM;AAC/BJ,QAAAA;AAAkD;EAAA;~~AAGxD~~,~~8BACGK~~,cAAY;AAAA,~~IACXb~~,~~WAAWc~~,~~KACTd~~,~~WACAe~~,gCAAgCC,~~MAChCf~~,~~mCAASe~~,MACT,~~CAACZ~~,~~UACCU~~,KAAKC,gCAAgCE,~~WAAWhB~~,~~mCAASgB~~,SAAS,CAAC;AAAA,IACrE,~~GACEd~~;AAAAA,~~IAAMe~~,UAAA,~~CAETd~~,UAAUE,eAAeC,~~8BACvBY~~,UAAQ;AAAA,MACPC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,~~SAASV~~;AAAAA,MAAuB,~~GAC5Bb~~;AAAAA,~~MAAemB~~,~~8BAElBrB~~,WAAS;AAAA,~~QAAC0B~~,UAAS;AAAA,MAAA,CAAI;AAAA,IAAA,CAAG,~~GAG9BnB~~,UACCV,~~oBAAC8B~~,cAAY;AAAA,MAACH,~~SAASd~~,SAAS,UAAU;AAAA,~~MAASW~~,~~UAChDZ~~,eAAeC,SAASD,cAAcd;AAAAA,IAAAA,CAAK,GAG/CU,yBACCR,~~oBAAC+B~~,sBAAoB;AAAA,MACnBL,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,~~SAASpB~~;AAAAA,MACTD,SAAS;AAAA,~~QACPe~~,~~MAAMZ~~,SAAS,~~KAAKW~~,gCAAgCE;AAAAA,MACtD;AAAA,MAAE,~~GACEnB~~;AAAAA,~~MAAmBoB~~,~~UAEtBd~~,SAASR,YAAYH;AAAAA,IAAAA,CAEzB,CAAA;AAAA,EAAA,~~CACY~~;~~AAEnB~~;"}
1	+ {"version":3,"file":"Header.js","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport { HvButton, HvButtonProps, HvTypography } from \"@core/components\";\nimport { MouseEventHandler, useContext, useMemo } from \"react\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { StyledCollapseButton, StyledHeader } from \"./Header.styles\";\nimport verticalNavigationHeaderClasses, {\n HvVerticalNavigationHeaderClasses,\n} from \"./headerClasses\";\n\nexport interface HvVerticalNavigationHeaderProps {\n /*\n Id to be applied to the root node.\n /\n id?: string;\n /\n The title text to show on Header.\n /\n title?: string;\n /\n Icon to show when Vertical Navigation is collapsed.\n /\n openIcon?: React.ReactNode;\n /\n Icon to show when Vertical Navigation is expanded.\n /\n closeIcon?: React.ReactNode;\n /\n Props for the collapse button.\n /\n collapseButtonProps?: HvButtonProps;\n /\n Props for the back button.\n /\n backButtonProps?: HvButtonProps;\n /\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvVerticalNavigationHeaderClasses;\n /\n Handler for the collapse button.\n */\n onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationHeader = ({\n title,\n openIcon = <Forwards />,\n closeIcon = <Backwards />,\n collapseButtonProps,\n backButtonProps,\n className,\n classes,\n onCollapseButtonClick,\n ...others\n}: HvVerticalNavigationHeaderProps) => {\n const {\n isOpen,\n collapsedMode,\n headerTitle,\n slider,\n navigateToParentHandler,\n parentItem,\n } = useContext(VerticalNavigationContext);\n\n openIcon = collapsedMode === \"simple\" ? <Menu /> : openIcon;\n\n const backButtonClickHandler = () => {\n if (navigateToParentHandler) navigateToParentHandler();\n };\n\n // whenever we're in a sublevel, the parentItem is always a single item.\n // In the first level it's always an array with the first level elements.\n const shouldShowTitle = useMemo(\n () => !slider \|\| (slider && !Array.isArray(parentItem)),\n [parentItem]\n );\n\n return shouldShowTitle ? (\n <StyledHeader\n className={clsx(\n className,\n verticalNavigationHeaderClasses.root,\n classes?.root,\n !isOpen &&\n clsx(verticalNavigationHeaderClasses.minimized, classes?.minimized)\n )}\n {...others}\n >\n {isOpen && headerTitle && slider && (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n onClick={backButtonClickHandler}\n {...backButtonProps}\n >\n <Backwards iconSize=\"XS\" />\n </HvButton>\n )}\n {isOpen && (\n <HvTypography variant={slider ? \"label\" : \"title3\"}>\n {headerTitle && slider ? headerTitle : title}\n </HvTypography>\n )}\n {onCollapseButtonClick && (\n <StyledCollapseButton\n icon\n variant=\"secondaryGhost\"\n onClick={onCollapseButtonClick}\n classes={{\n root: isOpen ? \"\" : verticalNavigationHeaderClasses.minimized,\n }}\n {...collapseButtonProps}\n >\n {isOpen ? closeIcon : openIcon}\n </StyledCollapseButton>\n )}\n </StyledHeader>\n ) : null;\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","_jsx","Forwards","closeIcon","Backwards","collapseButtonProps","backButtonProps","className","classes","onCollapseButtonClick","others","isOpen","collapsedMode","headerTitle","slider","navigateToParentHandler","parentItem","useContext","VerticalNavigationContext","Menu","backButtonClickHandler","shouldShowTitle","useMemo","Array","isArray","StyledHeader","clsx","verticalNavigationHeaderClasses","root","minimized","children","HvButton","icon","variant","onClick","iconSize","HvTypography","StyledCollapseButton"],"mappings":";;;;;;;;;AAiDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,WAAWC,oBAACC,UAAW,EAAA;AAAA,EACvBC,YAAYF,oBAACG,WAAY,EAAA;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,WAAWC,yBAAyB;AAExClB,aAAWY,kBAAkB,WAAWX,oBAACkB,MAAO,CAAA,CAAA,IAAGnB;AAEnD,QAAMoB,yBAAyBA,MAAM;AAC/BL,QAAAA;AAAkD;EAAA;AAKxD,QAAMM,kBAAkBC,QACtB,MAAM,CAACR,UAAWA,UAAU,CAACS,MAAMC,QAAQR,UAAU,GACrD,CAACA,UAAU,CAAC;AAGPK,SAAAA,uCACJI,cAAY;AAAA,IACXlB,WAAWmB,KACTnB,WACAoB,gCAAgCC,MAChCpB,mCAASoB,MACT,CAACjB,UACCe,KAAKC,gCAAgCE,WAAWrB,mCAASqB,SAAS,CAAC;AAAA,IACrE,GACEnB;AAAAA,IAAMoB,UAAA,CAETnB,UAAUE,eAAeC,8BACvBiB,UAAQ;AAAA,MACPC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,SAASd;AAAAA,MAAuB,GAC5Bd;AAAAA,MAAewB,8BAElB1B,WAAS;AAAA,QAAC+B,UAAS;AAAA,MAAA,CAAI;AAAA,IAAA,CAAG,GAG9BxB,UACCV,oBAACmC,cAAY;AAAA,MAACH,SAASnB,SAAS,UAAU;AAAA,MAASgB,UAChDjB,eAAeC,SAASD,cAAcd;AAAAA,IAAAA,CAAK,GAG/CU,yBACCR,oBAACoC,sBAAoB;AAAA,MACnBL,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,SAASzB;AAAAA,MACTD,SAAS;AAAA,QACPoB,MAAMjB,SAAS,KAAKgB,gCAAgCE;AAAAA,MACtD;AAAA,MAAE,GACExB;AAAAA,MAAmByB,UAEtBnB,SAASR,YAAYH;AAAAA,IAAAA,CAEzB,CAAA;AAAA,EAAA,CAAA,IAED;AACN;"}

package/dist/esm/components/VerticalNavigation/Header/Header.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
-import verticalNavigationHeaderClasses from "./headerClasses.js";
 import { forwardRef } from "react";
+import verticalNavigationHeaderClasses from "./headerClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { HvButton } from "../../Button/Button.js";
 const StyledHeader = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
@@ -17,7 +17,7 @@ const StyledHeader = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pr
     justifyContent: "center",
     paddingRight: 0
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgdmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi9oZWFkZXJDbGFzc2VzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIG1hcmdpblRvcDogXCIxMnB4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbGxhcHNlQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB2ZXJ0aWNhbE5hdmlnYXRpb25IZWFkZXJDbGFzc2VzIGZyb20gXCIuL2hlYWRlckNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIG1hcmdpblRvcDogXCIxMnB4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbGxhcHNlQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9LFxufSk7XG4iXX0= */");
 const StyledCollapseButton = /* @__PURE__ */ _styled(forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(HvButton, {
     ...props,
@@ -33,7 +33,7 @@ const StyledCollapseButton = /* @__PURE__ */ _styled(forwardRef((props, ref) =>
   [`&.${verticalNavigationHeaderClasses.minimized}`]: {
     marginLeft: 0
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2QnV0dG9uUHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHZlcnRpY2FsTmF2aWdhdGlvbkhlYWRlckNsYXNzZXMgZnJvbSBcIi4vaGVhZGVyQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW5Ub3A6IFwiMTJweFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFtgJi4ke3ZlcnRpY2FsTmF2aWdhdGlvbkhlYWRlckNsYXNzZXMubWluaW1pemVkfWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZ1JpZ2h0OiAwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2xsYXBzZUJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuXG4gIFtgJi4ke3ZlcnRpY2FsTmF2aWdhdGlvbkhlYWRlckNsYXNzZXMubWluaW1pemVkfWBdOiB7XG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2QnV0dG9uUHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi9oZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW5Ub3A6IFwiMTJweFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFtgJi4ke3ZlcnRpY2FsTmF2aWdhdGlvbkhlYWRlckNsYXNzZXMubWluaW1pemVkfWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZ1JpZ2h0OiAwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2xsYXBzZUJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuXG4gIFtgJi4ke3ZlcnRpY2FsTmF2aWdhdGlvbkhlYWRlckNsYXNzZXMubWluaW1pemVkfWBdOiB7XG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfSxcbn0pO1xuIl19 */");
 export {
   StyledCollapseButton,
   StyledHeader

package/dist/esm/components/VerticalNavigation/Header/Header.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.styles.js","sources":["../../../../../src/components/VerticalNavigation/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"@core/components\";\nimport ~~verticalNavigationHeaderClasses~~ from \"~~./headerClasses~~\";\nimport { ~~forwardRef, Ref }~~ from \"~~react~~\";\n\nexport const StyledHeader = styled(\"div\")({\n width: \"100%\",\n display: \"flex\",\n marginTop: \"12px\",\n alignItems: \"center\",\n\n [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n justifyContent: \"center\",\n paddingRight: 0,\n },\n});\n\nexport const StyledCollapseButton = styled(\n forwardRef((props: HvButtonProps, ref?: Ref<HTMLButtonElement>) => {\n return <HvButton {...props} ref={ref} />;\n })\n)({\n marginLeft: \"auto\",\n\n [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n marginLeft: 0,\n },\n});\n"],"names":["StyledHeader","process","env","NODE_ENV","target","label","width","display","marginTop","alignItems","verticalNavigationHeaderClasses","minimized","justifyContent","paddingRight","StyledCollapseButton","_styled","forwardRef","props","ref","HvButton","marginLeft"],"mappings":";;;;;AAKO,MAAMA,eAAsB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACxCC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,YAAY;AAAA,EAEZ,CAAE,KAAIC,gCAAgCC,WAAW,GAAG;AAAA,IAClDC,gBAAgB;AAAA,IAChBC,cAAc;AAAA,EAChB;AACF,GAACZ,QAAAC,IAAAC,aAAC,eAAA,KAAA,qgDAAA;AAEK,MAAMW,uBAAuBC,wBAClCC,WAAW,CAACC,OAAsBC,QAAiC;AACjE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAACjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACF;AAAA,EACAe,YAAY;AAAA,EAEZ,CAAE,KAAIV,gCAAgCC,WAAW,GAAG;AAAA,IAClDS,YAAY;AAAA,EACd;AACF,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qgDAAA;"}
1	+ {"version":3,"file":"Header.styles.js","sources":["../../../../../src/components/VerticalNavigation/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"@core/components\";\nimport { forwardRef, Ref } from \"react\";\nimport verticalNavigationHeaderClasses from \"./headerClasses\";\n\nexport const StyledHeader = styled(\"div\")({\n width: \"100%\",\n display: \"flex\",\n marginTop: \"12px\",\n alignItems: \"center\",\n\n [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n justifyContent: \"center\",\n paddingRight: 0,\n },\n});\n\nexport const StyledCollapseButton = styled(\n forwardRef((props: HvButtonProps, ref?: Ref<HTMLButtonElement>) => {\n return <HvButton {...props} ref={ref} />;\n })\n)({\n marginLeft: \"auto\",\n\n [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n marginLeft: 0,\n },\n});\n"],"names":["StyledHeader","process","env","NODE_ENV","target","label","width","display","marginTop","alignItems","verticalNavigationHeaderClasses","minimized","justifyContent","paddingRight","StyledCollapseButton","_styled","forwardRef","props","ref","HvButton","marginLeft"],"mappings":";;;;;AAKO,MAAMA,eAAsB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACxCC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,YAAY;AAAA,EAEZ,CAAE,KAAIC,gCAAgCC,WAAW,GAAG;AAAA,IAClDC,gBAAgB;AAAA,IAChBC,cAAc;AAAA,EAChB;AACF,GAACZ,QAAAC,IAAAC,aAAC,eAAA,KAAA,qgDAAA;AAEK,MAAMW,uBAAuBC,wBAClCC,WAAW,CAACC,OAAsBC,QAAiC;AACjE,6BAAQC,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAACjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACF;AAAA,EACAe,YAAY;AAAA,EAEZ,CAAE,KAAIV,gCAAgCC,WAAW,GAAG;AAAA,IAClDS,YAAY;AAAA,EACd;AACF,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qgDAAA;"}