npm - @hitachivantara/uikit-react-core - Versions diffs - 5.5.0 → 5.6.0 - Mend

@hitachivantara/uikit-react-core 5.5.0 → 5.6.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 (504) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, {\n HTMLInputTypeAttribute,\n isValidElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\nimport {\n CloseXS,\n PreviewOff,\n Preview,\n Search,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { isBrowser, isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport {\n HvBaseProps,\n HvExtraProps,\n HvInputLabels,\n HvInputSuggestion,\n HvValidationMessages,\n} from \"@core/types\";\nimport {\n HvFormStatus,\n HvInfoMessage,\n HvSuggestion,\n HvTooltip,\n HvTypography,\n HvWarningText,\n} from \"@core/components\";\nimport {\n useControlled,\n useIsMounted,\n useLabels,\n useUniqueId,\n} from \"@core/hooks\";\nimport {\n StyledFormElement,\n StyledLabelContainer,\n StyledLabel,\n StyledSuggestions,\n StyledBaseInput,\n StyledInputExtension,\n StyledAdornmentsBox,\n StyledAdornmentButton,\n StyledSuccess,\n} from \"./Input.styles\";\nimport validationStates, {\n isValid,\n isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n computeValidationType,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n HvInputValidity,\n} from \"../BaseInput/validations\";\nimport inputClasses, { HvInputClasses } from \"./inputClasses\";\n\nexport interface HvInputProps\n extends HvBaseProps<\n HTMLElement,\n { onChange; onBlur; onFocus; onKeyDown; color }\n > {\n /** The form element name. /\n name?: string;\n /* The value of the form element. /\n value?: string;\n /* When uncontrolled, defines the initial input value. /\n defaultValue?: string;\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 inputted via inputProps.\n /\n label?: React.ReactNode;\n /* Provide additional descriptive text for the form element. /\n description?: React.ReactNode;\n /* Indicates that the form element is disabled. /\n disabled?: boolean;\n /* Indicates that the form element is not editable. /\n readOnly?: boolean;\n /* Indicates that user input is required on the form element. /\n required?: boolean;\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 `checked`, depending of the values of both `required` and `checked`.\n /\n status?: HvFormStatus;\n /* The error message to show when `status` is \"invalid\". /\n statusMessage?: string;\n /\n The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n value: string\n ) => void;\n /\n Callback called when the user submits the value by pressing Enter/Return.\n \n Also called when the search button is clicked (when type is \"search\").\n /\n onEnter?: (\n event: React.KeyboardEvent<HTMLInputElement> \| React.MouseEvent,\n value: string\n ) => void;\n /\n The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state.\n /\n onBlur?: (\n event: React.FocusEvent<HTMLInputElement>,\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.FocusEventHandler<HTMLInputElement>,\n value: string\n ) => void;\n /\n The function that will be executed onKeyDown, allows checking the value state,\n * it receives the event and value.\n /\n onKeyDown?: (\n event: React.KeyboardEvent<HTMLInputElement> \| React.MouseEvent,\n value: string\n ) => void;\n /* The input type. /\n type?: HTMLInputTypeAttribute;\n /* The placeholder value of the input. /\n placeholder?: string;\n /* Internal labels?. /\n labels?: HvInputLabels & HvExtraProps;\n /* An Object containing the various texts associated with the input. /\n validationMessages?: HvValidationMessages;\n /* Attributes applied to the input element. /\n inputProps?: MuiInputBaseComponentProps;\n /* Allows passing a ref to the underlying input /\n inputRef?: any;\n /* The function that will be executed to received an array of objects that has a label and id to create list of suggestion /\n suggestionListCallback?: (value: string) => HvInputSuggestion[] \| null;\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 /* If `true` it should autofocus. /\n autoFocus?: boolean;\n /* If `true` the clear button is disabled. /\n disableClear?: boolean;\n /* If `true` the reveal password button is disabled. Valid only when type is \"password\". /\n disableRevealPassword?: boolean;\n /* If `true` the search button is disabled. Valid only when type is \"search\". /\n disableSearchButton?: boolean;\n /\n If `true` the validation icon adornment is visible. Defaults to `false`.\n \n Currently, DS specifications define only a positive feedback icon;\n * errors are signaled through the border style and by displaying the error message.\n /\n showValidationIcon?: boolean;\n /* A custom icon to be added into the input. /\n endAdornment?: React.ReactNode;\n /* The maximum allowed length of the characters, if this value is null no check will be performed. /\n maxCharQuantity?: number;\n /* The minimum allowed length of the characters, if this value is null no check will be perform. /\n minCharQuantity?: number;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvInputClasses;\n}\n\nconst DEFAULT_LABELS = {\n clearButtonLabel: \"Clear the text\",\n revealPasswordButtonLabel: \"Reveal password\",\n revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n searchButtonLabel: \"Search\",\n};\n\n/\n Find the focused element onBlur.\n /\nconst getFocusedElement = (event) =>\n isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n return container != null && container.contains(getFocusedElement(event));\n}\n\n/\n A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n /\nexport const HvInput = ({\n classes,\n className,\n id,\n name,\n value: valueProp,\n defaultValue = \"\",\n required = false,\n readOnly = false,\n disabled = false,\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n onChange,\n onEnter,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n type = \"text\",\n placeholder,\n autoFocus = false,\n labels: labelsProp,\n validationMessages,\n disableClear = false,\n disableRevealPassword = false,\n disableSearchButton = false,\n endAdornment,\n maxCharQuantity,\n minCharQuantity,\n validation,\n showValidationIcon = false,\n suggestionListCallback,\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n onKeyDown,\n inputProps = {},\n ...others\n}: HvInputProps) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const elementId = useUniqueId(id, \"hvinput\");\n\n const inputRef = useRef(inputRefProp \|\| null);\n\n const [focused, setFocused] = useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null \|\| value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(\n status,\n validationStates.standBy\n );\n\n const [validationMessage, setValidationMessage] = useControlled(\n statusMessage,\n \"\"\n );\n\n // validationMessages reference tends to change, as users will not memoize/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 validationMessages?.typeMismatchError,\n ]\n );\n\n const validationType = useMemo(() => computeValidationType(type), [type]);\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 validationType,\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 isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n validationType,\n value,\n ]);\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled 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 validationType,\n minCharQuantity,\n maxCharQuantity,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n // input type related state\n const [revealPassword, setRevealPassword] = useState(false);\n\n const realType = useMemo(() => {\n if (type === \"password\") {\n return revealPassword ? \"text\" : \"password\";\n }\n\n if (type === \"search\") {\n return \"search\";\n }\n\n return \"text\";\n }, [revealPassword, type]);\n\n // suggestions related state\n const [suggestionValues, setSuggestionValues] = useState<\n HvSuggestion[] \| null\n >(null);\n\n const canShowSuggestions = suggestionListCallback != null;\n const hasSuggestions = !!suggestionValues;\n\n const materialInputRef = useRef<HTMLElement \| null>(null);\n const suggestionRef = useRef<HTMLElement \| null>(null);\n\n useEffect(() => {\n // TODO Replace with ref\n suggestionRef.current = document.getElementById(\n setId(elementId, \"suggestions\") \|\| \"\"\n );\n }, [elementId]);\n\n // miscellaneous state\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n /\n Looks for the node that represent the input inside the material tree and focus it.\n /\n const focusInput = () => {\n materialInputRef.current?.focus();\n };\n\n const isMounted = useIsMounted();\n\n /\n Clears the suggestion array.\n /\n const suggestionClearHandler = () => {\n if (isMounted.current) {\n setSuggestionValues(null);\n }\n };\n\n /\n Fills of the suggestion array.\n /\n const suggestionHandler = (val: string) => {\n const suggestionsArray = suggestionListCallback?.(val);\n if (suggestionsArray?.[0]?.label) {\n setSuggestionValues(suggestionsArray);\n } else {\n suggestionClearHandler();\n }\n };\n\n /\n Executes the user callback adds the selection to the state and clears the suggestions.\n /\n const suggestionSelectedHandler = (event, item) => {\n const newValue: string = item.value \|\| item.label;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n focusInput();\n suggestionClearHandler();\n\n if (type === \"search\") {\n // trigger the onEnter callback when the user selects an option in a search box\n onEnter?.(event, newValue);\n }\n };\n\n const onChangeHandler = (event, newValue) => {\n isDirty.current = true;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n if (canShowSuggestions) {\n // an edge case might be a controlled input whose onChange callback\n // doesn't change the value (or sets another): the suggestionListCallback\n // callback will still receive the original rejected value.\n // a refactor is needed so the suggestionListCallback might be called only\n // when the input is uncontrolled, providing a way to externally control\n // the suggestion values.\n suggestionHandler(newValue);\n }\n };\n\n /\n Validates the input updating the state and modifying the info text, also executes\n * the user provided onBlur passing the current validation status and value.\n \n @returns {undefined}\n /\n const onInputBlurHandler = (event) => {\n // If the blur is executed when choosing an suggestion it should be ignored.\n if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\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 getSuggestions = (li) => {\n // TODO Replace with ref\n const listEl = document.getElementById(\n setId(elementId, \"suggestions-list\") \|\| \"\"\n );\n return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n };\n\n const onSuggestionKeyDown = (event) => {\n if (isKeypress(event, keyboardCodes.Esc)) {\n suggestionClearHandler();\n focusInput();\n } else if (isKeypress(event, keyboardCodes.Tab)) {\n suggestionClearHandler();\n }\n };\n\n /\n Focus the suggestion list when the arrow down is pressed.\n \n @param {Object} event - The event provided by the material ui input\n /\n const onKeyDownHandler = (event) => {\n if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n const li = getSuggestions(0);\n li?.focus();\n } else if (isKeypress(event, keyboardCodes.Enter)) {\n onEnter?.(event, value);\n }\n\n onKeyDown?.(event, value);\n };\n\n /\n Clears the suggestion list on blur.\n \n @param {Object} event - The event provided by the material ui input.\n /\n const onContainerBlurHandler = (event) => {\n if (event.relatedTarget) {\n setTimeout(() => {\n const list = getSuggestions(null);\n if (!list?.contains(document.activeElement)) suggestionClearHandler();\n }, 10);\n }\n };\n\n const hasOnEnter = onEnter != null;\n\n // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n // also, don't show it when the input type is \"search\" and the input is active (standBy)\n const showClear =\n !disabled &&\n !readOnly &&\n !disableClear &&\n !isEmptyValue &&\n (!hasOnEnter \|\|\n type !== \"search\" \|\|\n disableSearchButton \|\|\n validationState !== validationStates.standBy);\n\n const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n const showRevealPasswordButton =\n type === \"password\" && !disableRevealPassword;\n\n /\n Clears the input value from the state and refocus the input.\n /\n const handleClear = useCallback(\n (event) => {\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n // clear the input value (only when value is uncontrolled)\n setValue(\"\");\n\n onChange?.(event, \"\");\n\n // we wan't to focus the input when clicked and not active\n setTimeout(focusInput);\n },\n [onChange, setValidationState, setValue]\n );\n\n const clearButton = useMemo(() => {\n if (!showClear) {\n return null;\n }\n\n return (\n <StyledAdornmentButton\n // don't control visibility when the search icon is enabled\n className={clsx(\n inputClasses.adornmentButton,\n classes?.adornmentButton,\n !showSearchIcon &&\n clsx(\"iconClear\", inputClasses.iconClear, classes?.iconClear)\n )}\n onClick={handleClear}\n aria-label={labels?.clearButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={<CloseXS />}\n $iconClear={!showSearchIcon}\n />\n );\n }, [\n showClear,\n classes?.adornmentButton,\n classes?.iconClear,\n showSearchIcon,\n handleClear,\n labels?.clearButtonLabel,\n elementId,\n ]);\n\n /\n Calls the onEnter callback and refocus the input.\n /\n const handleSearch = useCallback(\n (event) => {\n onEnter?.(event, value);\n },\n [onEnter, value]\n );\n\n const searchButton = useMemo(() => {\n // if the search icon is not actionable, only show it when the input is empty or active\n const reallyShowIt =\n showSearchIcon &&\n (isEmptyValue \|\|\n (hasOnEnter && validationState === validationStates.standBy));\n\n if (!reallyShowIt) {\n return null;\n }\n\n return (\n <StyledAdornmentButton\n className={clsx(inputClasses.adornmentButton, classes?.adornmentButton)}\n onClick={hasOnEnter ? handleSearch : undefined}\n aria-label={labels?.searchButtonLabel}\n icon={<Search />}\n />\n );\n }, [\n showSearchIcon,\n isEmptyValue,\n hasOnEnter,\n validationState,\n classes?.adornmentButton,\n handleSearch,\n labels?.searchButtonLabel,\n ]);\n\n /\n Changes input type and refocus the input.\n */\n const handleRevealPassword = useCallback(() => {\n setRevealPassword(!revealPassword);\n }, [revealPassword]);\n\n const revealPasswordButton = useMemo(() => {\n if (!showRevealPasswordButton) {\n return null;\n }\n\n return (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={\n <HvTypography>\n {revealPassword\n ? labels?.revealPasswordButtonClickToHideTooltip\n : labels?.revealPasswordButtonClickToShowTooltip}\n </HvTypography>\n }\n >\n <StyledAdornmentButton\n className={clsx(\n inputClasses.adornmentButton,\n classes?.adornmentButton\n )}\n onClick={handleRevealPassword}\n aria-label={labels?.revealPasswordButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={revealPassword ? <PreviewOff /> : <Preview />}\n />\n </HvTooltip>\n );\n }, [\n showRevealPasswordButton,\n revealPassword,\n labels?.revealPasswordButtonClickToHideTooltip,\n labels?.revealPasswordButtonClickToShowTooltip,\n labels?.revealPasswordButtonLabel,\n classes?.adornmentButton,\n handleRevealPassword,\n elementId,\n ]);\n\n const validationIcon = useMemo(() => {\n if (!showValidationIcon) {\n return null;\n }\n\n if (!isValid(validationState)) {\n return null;\n }\n\n return (\n <StyledSuccess\n semantic=\"positive\"\n className={clsx(inputClasses.icon, classes?.icon)}\n />\n );\n }, [showValidationIcon, validationState, classes?.icon]);\n\n // useMemo to avoid repetitive cloning of the custom icon\n const customIconEl = useMemo(\n () =>\n isValidElement(endAdornment) &&\n React.cloneElement(endAdornment as React.ReactElement, {\n className: clsx(\n inputClasses.icon,\n classes?.icon,\n endAdornment.props.className\n ),\n }),\n [classes?.icon, endAdornment]\n );\n\n const adornments = useMemo(() => {\n if (\n !clearButton &&\n !revealPasswordButton &&\n !searchButton &&\n !validationIcon &&\n !customIconEl\n )\n return null;\n\n // note: specification implies that the custom icon should be hidden when\n // a validation feedback icon is being shown.\n return (\n <StyledAdornmentsBox\n className={clsx(inputClasses.adornmentsBox, classes?.adornmentsBox)}\n aria-hidden=\"true\"\n >\n {clearButton}\n {revealPasswordButton}\n {searchButton}\n {validationIcon \|\| customIconEl}\n </StyledAdornmentsBox>\n );\n }, [\n classes?.adornmentsBox,\n clearButton,\n customIconEl,\n revealPasswordButton,\n searchButton,\n validationIcon,\n ]);\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 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 inputClasses.root,\n classes?.root,\n className,\n hasSuggestions &&\n clsx(inputClasses.hasSuggestions, classes?.hasSuggestions)\n )}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel \|\| hasDescription) && (\n <StyledLabelContainer\n className={clsx(inputClasses.labelContainer, classes?.labelContainer)}\n >\n {hasLabel && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n className={clsx(inputClasses.label, classes?.label)}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage\n id={setId(elementId, \"description\")}\n className={clsx(inputClasses.description, classes?.description)}\n >\n {description}\n </HvInfoMessage>\n )}\n </StyledLabelContainer>\n )}\n <StyledBaseInput\n id={\n hasLabel \|\| showClear \|\| showRevealPasswordButton\n ? setId(elementId, \"input\")\n : setId(id, \"input\")\n }\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onKeyDown={onKeyDownHandler}\n onBlur={onInputBlurHandler}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n type={realType}\n classes={{\n input: clsx(inputClasses.input, classes?.input),\n inputRoot: clsx(inputClasses.inputRoot, classes?.inputRoot),\n inputRootFocused: clsx(\n inputClasses.inputRootFocused,\n classes?.inputRootFocused\n ),\n inputRootDisabled: clsx(\n inputClasses.inputRootDisabled,\n classes?.inputRootDisabled\n ),\n inputRootMultiline: clsx(\n inputClasses.inputRootMultiline,\n classes?.inputRootMultiline\n ),\n inputBorderContainer: clsx(\n inputClasses.inputBorderContainer,\n classes?.inputBorderContainer\n ),\n }}\n invalid={isStateInvalid}\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\n ? setId(elementId, \"description\")\n : undefined,\n \"aria-controls\": canShowSuggestions\n ? setId(elementId, \"suggestions\")\n : undefined,\n\n ref: materialInputRef,\n\n // prevent browsers auto-fill/suggestions when we have our own\n autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRefProp \|\| inputRef}\n endAdornment={adornments}\n {...others}\n />\n {canShowSuggestions && (\n <>\n {hasSuggestions && (\n <StyledInputExtension\n role=\"presentation\"\n className={clsx(\n inputClasses.inputExtension,\n classes?.inputExtension\n )}\n />\n )}\n <StyledSuggestions\n id={setId(elementId, \"suggestions\")}\n classes={{\n root: clsx(\n inputClasses.suggestionsContainer,\n classes?.suggestionsContainer\n ),\n list: clsx(inputClasses.suggestionList, classes?.suggestionList),\n }}\n expanded={hasSuggestions}\n anchorEl={inputRef?.current?.parentElement}\n onClose={suggestionClearHandler}\n onKeyDown={onSuggestionKeyDown}\n onSuggestionSelected={suggestionSelectedHandler}\n suggestionValues={suggestionValues}\n />\n </>\n )}\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(inputClasses.error, classes?.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","StyledAdornmentButton","clsx","inputClasses","adornmentButton","iconClear","onClick","icon","CloseXS","$iconClear","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","StyledSuccess","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","StyledAdornmentsBox","adornmentsBox","errorMessageId","StyledFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","htmlFor","HvInfoMessage","StyledBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","StyledInputExtension","role","inputExtension","StyledSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, {\n HTMLInputTypeAttribute,\n isValidElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\nimport {\n CloseXS,\n PreviewOff,\n Preview,\n Search,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { isBrowser, isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport {\n HvBaseProps,\n HvExtraProps,\n HvInputLabels,\n HvInputSuggestion,\n HvValidationMessages,\n} from \"@core/types\";\nimport {\n HvFormStatus,\n HvInfoMessage,\n HvSuggestion,\n HvTooltip,\n HvTypography,\n HvWarningText,\n} from \"@core/components\";\nimport {\n useControlled,\n useIsMounted,\n useLabels,\n useUniqueId,\n} from \"@core/hooks\";\nimport {\n StyledFormElement,\n StyledLabelContainer,\n StyledLabel,\n StyledSuggestions,\n StyledBaseInput,\n StyledInputExtension,\n StyledAdornmentsBox,\n StyledAdornmentButton,\n StyledSuccess,\n} from \"./Input.styles\";\nimport validationStates, {\n isValid,\n isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n computeValidationType,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n HvInputValidity,\n} from \"../BaseInput/validations\";\nimport inputClasses, { HvInputClasses } from \"./inputClasses\";\n\nexport interface HvInputProps\n extends HvBaseProps<\n HTMLElement,\n \"onChange\" \| \"onBlur\" \| \"onFocus\" \| \"onKeyDown\" \| \"color\"\n > {\n /** The form element name. /\n name?: string;\n /* The value of the form element. /\n value?: string;\n /* When uncontrolled, defines the initial input value. /\n defaultValue?: string;\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 inputted via inputProps.\n /\n label?: React.ReactNode;\n /* Provide additional descriptive text for the form element. /\n description?: React.ReactNode;\n /* Indicates that the form element is disabled. /\n disabled?: boolean;\n /* Indicates that the form element is not editable. /\n readOnly?: boolean;\n /* Indicates that user input is required on the form element. /\n required?: boolean;\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 `checked`, depending of the values of both `required` and `checked`.\n /\n status?: HvFormStatus;\n /* The error message to show when `status` is \"invalid\". /\n statusMessage?: string;\n /\n The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n value: string\n ) => void;\n /\n Callback called when the user submits the value by pressing Enter/Return.\n \n Also called when the search button is clicked (when type is \"search\").\n /\n onEnter?: (\n event: React.KeyboardEvent<HTMLInputElement> \| React.MouseEvent,\n value: string\n ) => void;\n /\n The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state.\n /\n onBlur?: (\n event: React.FocusEvent<HTMLInputElement>,\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.FocusEventHandler<HTMLInputElement>,\n value: string\n ) => void;\n /\n The function that will be executed onKeyDown, allows checking the value state,\n * it receives the event and value.\n /\n onKeyDown?: (\n event: React.KeyboardEvent<HTMLInputElement> \| React.MouseEvent,\n value: string\n ) => void;\n /* The input type. /\n type?: HTMLInputTypeAttribute;\n /* The placeholder value of the input. /\n placeholder?: string;\n /* Internal labels?. /\n labels?: HvInputLabels & HvExtraProps;\n /* An Object containing the various texts associated with the input. /\n validationMessages?: HvValidationMessages;\n /* Attributes applied to the input element. /\n inputProps?: MuiInputBaseComponentProps;\n /* Allows passing a ref to the underlying input /\n inputRef?: any;\n /* The function that will be executed to received an array of objects that has a label and id to create list of suggestion /\n suggestionListCallback?: (value: string) => HvInputSuggestion[] \| null;\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 /* If `true` it should autofocus. /\n autoFocus?: boolean;\n /* If `true` the clear button is disabled. /\n disableClear?: boolean;\n /* If `true` the reveal password button is disabled. Valid only when type is \"password\". /\n disableRevealPassword?: boolean;\n /* If `true` the search button is disabled. Valid only when type is \"search\". /\n disableSearchButton?: boolean;\n /\n If `true` the validation icon adornment is visible. Defaults to `false`.\n \n Currently, DS specifications define only a positive feedback icon;\n * errors are signaled through the border style and by displaying the error message.\n /\n showValidationIcon?: boolean;\n /* A custom icon to be added into the input. /\n endAdornment?: React.ReactNode;\n /* The maximum allowed length of the characters, if this value is null no check will be performed. /\n maxCharQuantity?: number;\n /* The minimum allowed length of the characters, if this value is null no check will be perform. /\n minCharQuantity?: number;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvInputClasses;\n}\n\nconst DEFAULT_LABELS = {\n clearButtonLabel: \"Clear the text\",\n revealPasswordButtonLabel: \"Reveal password\",\n revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n searchButtonLabel: \"Search\",\n};\n\n/\n Find the focused element onBlur.\n /\nconst getFocusedElement = (event) =>\n isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n return container != null && container.contains(getFocusedElement(event));\n}\n\n/\n A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n /\nexport const HvInput = ({\n classes,\n className,\n id,\n name,\n value: valueProp,\n defaultValue = \"\",\n required = false,\n readOnly = false,\n disabled = false,\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n onChange,\n onEnter,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n type = \"text\",\n placeholder,\n autoFocus = false,\n labels: labelsProp,\n validationMessages,\n disableClear = false,\n disableRevealPassword = false,\n disableSearchButton = false,\n endAdornment,\n maxCharQuantity,\n minCharQuantity,\n validation,\n showValidationIcon = false,\n suggestionListCallback,\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n onKeyDown,\n inputProps = {},\n ...others\n}: HvInputProps) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const elementId = useUniqueId(id, \"hvinput\");\n\n const inputRef = useRef(inputRefProp \|\| null);\n\n const [focused, setFocused] = useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null \|\| value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(\n status,\n validationStates.standBy\n );\n\n const [validationMessage, setValidationMessage] = useControlled(\n statusMessage,\n \"\"\n );\n\n // validationMessages reference tends to change, as users will not memoize/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 validationMessages?.typeMismatchError,\n ]\n );\n\n const validationType = useMemo(() => computeValidationType(type), [type]);\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 validationType,\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 isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n validationType,\n value,\n ]);\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled 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 validationType,\n minCharQuantity,\n maxCharQuantity,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n // input type related state\n const [revealPassword, setRevealPassword] = useState(false);\n\n const realType = useMemo(() => {\n if (type === \"password\") {\n return revealPassword ? \"text\" : \"password\";\n }\n\n if (type === \"search\") {\n return \"search\";\n }\n\n return \"text\";\n }, [revealPassword, type]);\n\n // suggestions related state\n const [suggestionValues, setSuggestionValues] = useState<\n HvSuggestion[] \| null\n >(null);\n\n const canShowSuggestions = suggestionListCallback != null;\n const hasSuggestions = !!suggestionValues;\n\n const materialInputRef = useRef<HTMLElement \| null>(null);\n const suggestionRef = useRef<HTMLElement \| null>(null);\n\n useEffect(() => {\n // TODO Replace with ref\n suggestionRef.current = document.getElementById(\n setId(elementId, \"suggestions\") \|\| \"\"\n );\n }, [elementId]);\n\n // miscellaneous state\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n /\n Looks for the node that represent the input inside the material tree and focus it.\n /\n const focusInput = () => {\n materialInputRef.current?.focus();\n };\n\n const isMounted = useIsMounted();\n\n /\n Clears the suggestion array.\n /\n const suggestionClearHandler = () => {\n if (isMounted.current) {\n setSuggestionValues(null);\n }\n };\n\n /\n Fills of the suggestion array.\n /\n const suggestionHandler = (val: string) => {\n const suggestionsArray = suggestionListCallback?.(val);\n if (suggestionsArray?.[0]?.label) {\n setSuggestionValues(suggestionsArray);\n } else {\n suggestionClearHandler();\n }\n };\n\n /\n Executes the user callback adds the selection to the state and clears the suggestions.\n /\n const suggestionSelectedHandler = (event, item) => {\n const newValue: string = item.value \|\| item.label;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n focusInput();\n suggestionClearHandler();\n\n if (type === \"search\") {\n // trigger the onEnter callback when the user selects an option in a search box\n onEnter?.(event, newValue);\n }\n };\n\n const onChangeHandler = (event, newValue) => {\n isDirty.current = true;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n if (canShowSuggestions) {\n // an edge case might be a controlled input whose onChange callback\n // doesn't change the value (or sets another): the suggestionListCallback\n // callback will still receive the original rejected value.\n // a refactor is needed so the suggestionListCallback might be called only\n // when the input is uncontrolled, providing a way to externally control\n // the suggestion values.\n suggestionHandler(newValue);\n }\n };\n\n /\n Validates the input updating the state and modifying the info text, also executes\n * the user provided onBlur passing the current validation status and value.\n \n @returns {undefined}\n /\n const onInputBlurHandler = (event) => {\n // If the blur is executed when choosing an suggestion it should be ignored.\n if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\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 getSuggestions = (li) => {\n // TODO Replace with ref\n const listEl = document.getElementById(\n setId(elementId, \"suggestions-list\") \|\| \"\"\n );\n return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n };\n\n const onSuggestionKeyDown = (event) => {\n if (isKeypress(event, keyboardCodes.Esc)) {\n suggestionClearHandler();\n focusInput();\n } else if (isKeypress(event, keyboardCodes.Tab)) {\n suggestionClearHandler();\n }\n };\n\n /\n Focus the suggestion list when the arrow down is pressed.\n \n @param {Object} event - The event provided by the material ui input\n /\n const onKeyDownHandler = (event) => {\n if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n const li = getSuggestions(0);\n li?.focus();\n } else if (isKeypress(event, keyboardCodes.Enter)) {\n onEnter?.(event, value);\n }\n\n onKeyDown?.(event, value);\n };\n\n /\n Clears the suggestion list on blur.\n \n @param {Object} event - The event provided by the material ui input.\n /\n const onContainerBlurHandler = (event) => {\n if (event.relatedTarget) {\n setTimeout(() => {\n const list = getSuggestions(null);\n if (!list?.contains(document.activeElement)) suggestionClearHandler();\n }, 10);\n }\n };\n\n const hasOnEnter = onEnter != null;\n\n // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n // also, don't show it when the input type is \"search\" and the input is active (standBy)\n const showClear =\n !disabled &&\n !readOnly &&\n !disableClear &&\n !isEmptyValue &&\n (!hasOnEnter \|\|\n type !== \"search\" \|\|\n disableSearchButton \|\|\n validationState !== validationStates.standBy);\n\n const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n const showRevealPasswordButton =\n type === \"password\" && !disableRevealPassword;\n\n /\n Clears the input value from the state and refocus the input.\n /\n const handleClear = useCallback(\n (event) => {\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n // clear the input value (only when value is uncontrolled)\n setValue(\"\");\n\n onChange?.(event, \"\");\n\n // we wan't to focus the input when clicked and not active\n setTimeout(focusInput);\n },\n [onChange, setValidationState, setValue]\n );\n\n const clearButton = useMemo(() => {\n if (!showClear) {\n return null;\n }\n\n return (\n <StyledAdornmentButton\n // don't control visibility when the search icon is enabled\n className={clsx(\n inputClasses.adornmentButton,\n classes?.adornmentButton,\n !showSearchIcon &&\n clsx(\"iconClear\", inputClasses.iconClear, classes?.iconClear)\n )}\n onClick={handleClear}\n aria-label={labels?.clearButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={<CloseXS />}\n $iconClear={!showSearchIcon}\n />\n );\n }, [\n showClear,\n classes?.adornmentButton,\n classes?.iconClear,\n showSearchIcon,\n handleClear,\n labels?.clearButtonLabel,\n elementId,\n ]);\n\n /\n Calls the onEnter callback and refocus the input.\n /\n const handleSearch = useCallback(\n (event) => {\n onEnter?.(event, value);\n },\n [onEnter, value]\n );\n\n const searchButton = useMemo(() => {\n // if the search icon is not actionable, only show it when the input is empty or active\n const reallyShowIt =\n showSearchIcon &&\n (isEmptyValue \|\|\n (hasOnEnter && validationState === validationStates.standBy));\n\n if (!reallyShowIt) {\n return null;\n }\n\n return (\n <StyledAdornmentButton\n className={clsx(inputClasses.adornmentButton, classes?.adornmentButton)}\n onClick={hasOnEnter ? handleSearch : undefined}\n aria-label={labels?.searchButtonLabel}\n icon={<Search />}\n />\n );\n }, [\n showSearchIcon,\n isEmptyValue,\n hasOnEnter,\n validationState,\n classes?.adornmentButton,\n handleSearch,\n labels?.searchButtonLabel,\n ]);\n\n /\n Changes input type and refocus the input.\n */\n const handleRevealPassword = useCallback(() => {\n setRevealPassword(!revealPassword);\n }, [revealPassword]);\n\n const revealPasswordButton = useMemo(() => {\n if (!showRevealPasswordButton) {\n return null;\n }\n\n return (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={\n <HvTypography>\n {revealPassword\n ? labels?.revealPasswordButtonClickToHideTooltip\n : labels?.revealPasswordButtonClickToShowTooltip}\n </HvTypography>\n }\n >\n <StyledAdornmentButton\n className={clsx(\n inputClasses.adornmentButton,\n classes?.adornmentButton\n )}\n onClick={handleRevealPassword}\n aria-label={labels?.revealPasswordButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={revealPassword ? <PreviewOff /> : <Preview />}\n />\n </HvTooltip>\n );\n }, [\n showRevealPasswordButton,\n revealPassword,\n labels?.revealPasswordButtonClickToHideTooltip,\n labels?.revealPasswordButtonClickToShowTooltip,\n labels?.revealPasswordButtonLabel,\n classes?.adornmentButton,\n handleRevealPassword,\n elementId,\n ]);\n\n const validationIcon = useMemo(() => {\n if (!showValidationIcon) {\n return null;\n }\n\n if (!isValid(validationState)) {\n return null;\n }\n\n return (\n <StyledSuccess\n semantic=\"positive\"\n className={clsx(inputClasses.icon, classes?.icon)}\n />\n );\n }, [showValidationIcon, validationState, classes?.icon]);\n\n // useMemo to avoid repetitive cloning of the custom icon\n const customIconEl = useMemo(\n () =>\n isValidElement(endAdornment) &&\n React.cloneElement(endAdornment as React.ReactElement, {\n className: clsx(\n inputClasses.icon,\n classes?.icon,\n endAdornment.props.className\n ),\n }),\n [classes?.icon, endAdornment]\n );\n\n const adornments = useMemo(() => {\n if (\n !clearButton &&\n !revealPasswordButton &&\n !searchButton &&\n !validationIcon &&\n !customIconEl\n )\n return null;\n\n // note: specification implies that the custom icon should be hidden when\n // a validation feedback icon is being shown.\n return (\n <StyledAdornmentsBox\n className={clsx(inputClasses.adornmentsBox, classes?.adornmentsBox)}\n aria-hidden=\"true\"\n >\n {clearButton}\n {revealPasswordButton}\n {searchButton}\n {validationIcon \|\| customIconEl}\n </StyledAdornmentsBox>\n );\n }, [\n classes?.adornmentsBox,\n clearButton,\n customIconEl,\n revealPasswordButton,\n searchButton,\n validationIcon,\n ]);\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 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 inputClasses.root,\n classes?.root,\n className,\n hasSuggestions &&\n clsx(inputClasses.hasSuggestions, classes?.hasSuggestions)\n )}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel \|\| hasDescription) && (\n <StyledLabelContainer\n className={clsx(inputClasses.labelContainer, classes?.labelContainer)}\n >\n {hasLabel && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n className={clsx(inputClasses.label, classes?.label)}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage\n id={setId(elementId, \"description\")}\n className={clsx(inputClasses.description, classes?.description)}\n >\n {description}\n </HvInfoMessage>\n )}\n </StyledLabelContainer>\n )}\n <StyledBaseInput\n id={\n hasLabel \|\| showClear \|\| showRevealPasswordButton\n ? setId(elementId, \"input\")\n : setId(id, \"input\")\n }\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onKeyDown={onKeyDownHandler}\n onBlur={onInputBlurHandler}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n type={realType}\n classes={{\n input: clsx(inputClasses.input, classes?.input),\n inputRoot: clsx(inputClasses.inputRoot, classes?.inputRoot),\n inputRootFocused: clsx(\n inputClasses.inputRootFocused,\n classes?.inputRootFocused\n ),\n inputRootDisabled: clsx(\n inputClasses.inputRootDisabled,\n classes?.inputRootDisabled\n ),\n inputRootMultiline: clsx(\n inputClasses.inputRootMultiline,\n classes?.inputRootMultiline\n ),\n inputBorderContainer: clsx(\n inputClasses.inputBorderContainer,\n classes?.inputBorderContainer\n ),\n }}\n invalid={isStateInvalid}\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\n ? setId(elementId, \"description\")\n : undefined,\n \"aria-controls\": canShowSuggestions\n ? setId(elementId, \"suggestions\")\n : undefined,\n\n ref: materialInputRef,\n\n // prevent browsers auto-fill/suggestions when we have our own\n autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRefProp \|\| inputRef}\n endAdornment={adornments}\n {...others}\n />\n {canShowSuggestions && (\n <>\n {hasSuggestions && (\n <StyledInputExtension\n role=\"presentation\"\n className={clsx(\n inputClasses.inputExtension,\n classes?.inputExtension\n )}\n />\n )}\n <StyledSuggestions\n id={setId(elementId, \"suggestions\")}\n classes={{\n root: clsx(\n inputClasses.suggestionsContainer,\n classes?.suggestionsContainer\n ),\n list: clsx(inputClasses.suggestionList, classes?.suggestionList),\n }}\n expanded={hasSuggestions}\n anchorEl={inputRef?.current?.parentElement}\n onClose={suggestionClearHandler}\n onKeyDown={onSuggestionKeyDown}\n onSuggestionSelected={suggestionSelectedHandler}\n suggestionValues={suggestionValues}\n />\n </>\n )}\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(inputClasses.error, classes?.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","StyledAdornmentButton","clsx","inputClasses","adornmentButton","iconClear","onClick","icon","CloseXS","$iconClear","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","StyledSuccess","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","StyledAdornmentsBox","adornmentsBox","errorMessageId","StyledFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","htmlFor","HvInfoMessage","StyledBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","StyledInputExtension","role","inputExtension","StyledSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}

package/dist/esm/components/Input/inputClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputClasses.js","sources":["../../../../src/components/Input/inputClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvInputClasses {\n /** Styles applied to the root container of the input. /\n root?: string;\n /* Styles applied to the root container when the suggestion list is open. /\n hasSuggestions?: string;\n /* Styles applied to input root which is comprising of everything but the labels and descriptions. /\n inputRoot?: string;\n /* Styles applied to the base input border element. /\n inputBorderContainer?: string;\n /* Styles applied to input root when it is focused. /\n inputRootFocused?: string;\n /* Styles applied to input html element when it is disabled. /\n inputRootDisabled?: string;\n /* Styles applied to input html element when it is multiline mode. /\n inputRootMultiline?: string;\n /* Styles applied to input html element. /\n input?: string;\n /* Styles applied to the container of the labels elements. /\n labelContainer?: string;\n /* Styles applied to the label element. /\n label?: string;\n /* Styles applied to the icon information text. /\n description?: string;\n /* Styles applied to the error area. /\n error?: string;\n /* Styles applied to the div around the adornment. /\n adornmentsBox?: string;\n /* Styles applied to the the adornment when behaving as a button. /\n adornmentButton?: string;\n /* Styles applied to the input adornment icons. /\n icon?: string;\n /* Styles applied to the icon used to clean the input. /\n iconClear?: string;\n /* Styles applied to the input extension shown when the suggestions list is visible. /\n inputExtension?: string;\n /* Styles applied to the container of the suggestions list. /\n suggestionsContainer?: string;\n /* Styles applied to the suggestions list. */\n suggestionList?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"hasSuggestions\",\n \"inputRoot\",\n \"inputBorderContainer\",\n \"inputRootFocused\",\n \"inputRootDisabled\",\n \"inputRootMultiline\",\n \"input\",\n \"labelContainer\",\n \"label\",\n \"description\",\n \"error\",\n \"adornmentsBox\",\n \"adornmentButton\",\n \"icon\",\n \"iconClear\",\n \"inputExtension\",\n \"suggestionsContainer\",\n \"suggestionList\",\n];\n\nconst inputClasses = getClasses~~<HvInputClasses>~~(classKeys, \"HvInput\");\n\nexport default inputClasses;\n"],"names":["classKeys","inputClasses","getClasses"],"mappings":";AA2CA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,kBACA,aACA,wBACA,oBACA,qBACA,sBACA,SACA,kBACA,SACA,eACA,SACA,iBACA,mBACA,QACA,aACA,kBACA,wBACA,gBAAgB;AAGlB,MAAMC,eAAeC,~~WAA2BF~~,WAAW,SAAS;~~AAEpE~~,MAAA,iBAAeC;"}
1	+ {"version":3,"file":"inputClasses.js","sources":["../../../../src/components/Input/inputClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvInputClasses {\n /** Styles applied to the root container of the input. /\n root?: string;\n /* Styles applied to the root container when the suggestion list is open. /\n hasSuggestions?: string;\n /* Styles applied to input root which is comprising of everything but the labels and descriptions. /\n inputRoot?: string;\n /* Styles applied to the base input border element. /\n inputBorderContainer?: string;\n /* Styles applied to input root when it is focused. /\n inputRootFocused?: string;\n /* Styles applied to input html element when it is disabled. /\n inputRootDisabled?: string;\n /* Styles applied to input html element when it is multiline mode. /\n inputRootMultiline?: string;\n /* Styles applied to input html element. /\n input?: string;\n /* Styles applied to the container of the labels elements. /\n labelContainer?: string;\n /* Styles applied to the label element. /\n label?: string;\n /* Styles applied to the icon information text. /\n description?: string;\n /* Styles applied to the error area. /\n error?: string;\n /* Styles applied to the div around the adornment. /\n adornmentsBox?: string;\n /* Styles applied to the the adornment when behaving as a button. /\n adornmentButton?: string;\n /* Styles applied to the input adornment icons. /\n icon?: string;\n /* Styles applied to the icon used to clean the input. /\n iconClear?: string;\n /* Styles applied to the input extension shown when the suggestions list is visible. /\n inputExtension?: string;\n /* Styles applied to the container of the suggestions list. /\n suggestionsContainer?: string;\n /* Styles applied to the suggestions list. */\n suggestionList?: string;\n}\n\nconst classKeys: (keyof HvInputClasses)[] = [\n \"root\",\n \"hasSuggestions\",\n \"inputRoot\",\n \"inputBorderContainer\",\n \"inputRootFocused\",\n \"inputRootDisabled\",\n \"inputRootMultiline\",\n \"input\",\n \"labelContainer\",\n \"label\",\n \"description\",\n \"error\",\n \"adornmentsBox\",\n \"adornmentButton\",\n \"icon\",\n \"iconClear\",\n \"inputExtension\",\n \"suggestionsContainer\",\n \"suggestionList\",\n];\n\nconst inputClasses = getClasses(classKeys, \"HvInput\");\n\nexport default inputClasses;\n"],"names":["classKeys","inputClasses","getClasses"],"mappings":";AA2CA,MAAMA,YAAsC,CAC1C,QACA,kBACA,aACA,wBACA,oBACA,qBACA,sBACA,SACA,kBACA,SACA,eACA,SACA,iBACA,mBACA,QACA,aACA,kBACA,wBACA,gBAAgB;AAGlB,MAAMC,eAAeC,WAAWF,WAAW,SAAS;AAEpD,MAAA,iBAAeC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Kpi.js","sources":["../../../../src/components/Kpi/Kpi.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useLabels } from \"@core/hooks\";\nimport { HvTypography } from \"../../components\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledComparisonComposition,\n StyledComparisonContainer,\n StyledIndicatorsContainer,\n StyledIndicatorText,\n StyledIndicatorUnit,\n StyledInternalVisualComparisonDiv,\n StyledInternalVisualComparisonTypography,\n StyledRoot,\n StyledTrendIndicator,\n StyledVisualIndicator,\n} from \"./Kpi.styles\";\nimport kpiClasses, { HvKpiClasses } from \"./kpiClasses\";\n\nexport interface HvKpiLabelProps {\n /*\n The text at the top of the kpi.\n /\n title?: string;\n /\n The text in the middle of the kpi.\n /\n indicator?: string;\n /\n The text to the right of the indicator.\n /\n unit?: string;\n /\n The text to the right of the visual comparison.\n /\n comparisonIndicatorInfo?: string;\n}\n\nexport interface HvKpiProps extends HvBaseProps<HTMLDivElement, { children }> {\n /\n An Element that will be rendered to the left of the kpi indicator text.\n /\n trendIndicator?: React.ReactNode;\n /\n An Element that will be rendered to the left of the kpi indicator text.\n /\n visualIndicator?: React.ReactNode;\n /\n An Element that will be rendered below the kpi indicator text.\n /\n visualComparison?: React.ReactNode;\n /\n The object that contains the different labels inside the kpi.\n /\n labels?: HvKpiLabelProps;\n /\n The typography variant used in the main text indicator of the KPI\n /\n indicatorTextVariant?: \"display\" \| \"title1\" \| \"title2\";\n /\n The typography variant used in the main text indicator of the KPI\n /\n indicatorUnitTextVariant?: \"title2\" \| \"body\";\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvKpiClasses;\n}\n\nconst DEFAULT_LABELS = {\n title: \"\",\n indicator: undefined,\n unit: undefined,\n comparisonIndicatorInfo: undefined,\n};\n\n/\n Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\nexport const HvKpi = ({\n trendIndicator = null,\n visualIndicator = null,\n visualComparison = null,\n indicatorUnitTextVariant = \"title2\",\n indicatorTextVariant = \"title1\",\n labels,\n classes,\n className,\n ...others\n}: HvKpiProps) => {\n const mergedLabels = useLabels(DEFAULT_LABELS, labels);\n\n const InternalVisualComparison =\n typeof visualComparison === \"string\"\n ? StyledInternalVisualComparisonTypography\n : StyledInternalVisualComparisonDiv;\n\n return (\n <StyledRoot\n className={clsx(classes?.root, className, kpiClasses.root)}\n {...others}\n >\n <div>\n <HvTypography variant=\"label\">{mergedLabels?.title}</HvTypography>\n </div>\n <StyledIndicatorsContainer\n className={clsx(\n kpiClasses.indicatorsContainer,\n classes?.indicatorsContainer\n )}\n >\n {visualIndicator && (\n <StyledVisualIndicator\n className={clsx(\n kpiClasses.visualIndicatorContainer,\n kpiClasses.spacingToTheRight,\n classes?.visualIndicatorContainer,\n classes?.spacingToTheRight\n )}\n >\n {visualIndicator}\n </StyledVisualIndicator>\n )}\n {mergedLabels?.indicator && (\n <StyledIndicatorText\n className={clsx(\n kpiClasses.spacingToTheRight,\n kpiClasses.indicatorText,\n classes?.spacingToTheRight,\n classes?.indicatorText\n )}\n variant={indicatorTextVariant}\n >\n {mergedLabels.indicator}\n </StyledIndicatorText>\n )}\n {mergedLabels?.unit && (\n <StyledIndicatorUnit\n className={clsx(kpiClasses.indicatorUnit, classes?.indicatorUnit)}\n variant={indicatorUnitTextVariant}\n >\n {mergedLabels.unit}\n </StyledIndicatorUnit>\n )}\n </StyledIndicatorsContainer>\n {visualComparison && (\n <StyledComparisonComposition\n className={clsx(\n kpiClasses.comparisonComposition,\n classes?.comparisonComposition\n )}\n >\n {trendIndicator && (\n <StyledTrendIndicator\n className={clsx(\n kpiClasses.trendLine,\n kpiClasses.spacingToTheRight,\n classes?.trendLine,\n classes?.spacingToTheRight\n )}\n >\n {trendIndicator}\n </StyledTrendIndicator>\n )}\n <div>\n <StyledComparisonContainer\n className={clsx(\n kpiClasses.comparisonContainer,\n classes?.comparisonContainer\n )}\n >\n <InternalVisualComparison\n className={clsx(\n kpiClasses.comparisons,\n kpiClasses.spacingToTheRight,\n classes?.comparisons,\n classes?.spacingToTheRight\n )}\n variant=\"label\"\n >\n {visualComparison}\n </InternalVisualComparison>\n </StyledComparisonContainer>\n <StyledComparisonContainer\n className={clsx(\n kpiClasses.comparisonContainer,\n classes?.comparisonContainer\n )}\n >\n <HvTypography\n className={clsx(kpiClasses.comparisons, classes?.comparisons)}\n variant=\"caption2\"\n >\n {mergedLabels?.comparisonIndicatorInfo}\n </HvTypography>\n </StyledComparisonContainer>\n </div>\n </StyledComparisonComposition>\n )}\n </StyledRoot>\n );\n};\n"],"names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","trendIndicator","visualIndicator","visualComparison","indicatorUnitTextVariant","indicatorTextVariant","labels","classes","className","others","mergedLabels","useLabels","InternalVisualComparison","StyledInternalVisualComparisonTypography","StyledInternalVisualComparisonDiv","StyledRoot","clsx","root","kpiClasses","children","_jsx","HvTypography","variant","_jsxs","StyledIndicatorsContainer","indicatorsContainer","StyledVisualIndicator","visualIndicatorContainer","spacingToTheRight","StyledIndicatorText","indicatorText","StyledIndicatorUnit","indicatorUnit","StyledComparisonComposition","comparisonComposition","StyledTrendIndicator","trendLine","StyledComparisonContainer","comparisonContainer","comparisons"],"mappings":";;;;;;AAoEA,MAAMA,iBAAiB;AAAA,EACrBC,OAAO;AAAA,EACPC,WAAWC;AAAAA,EACXC,MAAMD;AAAAA,EACNE,yBAAyBF;AAC3B;AAOO,MAAMG,QAAQA,CAAC;AAAA,EACpBC,iBAAiB;AAAA,EACjBC,kBAAkB;AAAA,EAClBC,mBAAmB;AAAA,EACnBC,2BAA2B;AAAA,EAC3BC,uBAAuB;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACO,MAAM;AACVC,QAAAA,eAAeC,UAAUjB,gBAAgBY,MAAM;AAErD,QAAMM,2BACJ,OAAOT,qBAAqB,WACxBU,2CACAC;AAEN,8BACGC,YAAU;AAAA,IACTP,WAAWQ,KAAKT,mCAASU,MAAMT,WAAWU,WAAWD,IAAI;AAAA,IAAE,GACvDR;AAAAA,IAAMU,WAEVC,oBAAA,OAAA;AAAA,MAAAD,8BACGE,cAAY;AAAA,QAACC,SAAQ;AAAA,QAAOH,UAAET,6CAAcf;AAAAA,MAAAA,CAAK;AAAA,IAAA,CAC9C,GACN4B,qBAACC,2BAAyB;AAAA,MACxBhB,WAAWQ,KACTE,WAAWO,qBACXlB,mCAASkB,mBAAmB;AAAA,MAC5BN,UAEDjB,CAAAA,mBACCkB,oBAACM,uBAAqB;AAAA,QACpBlB,WAAWQ,KACTE,WAAWS,0BACXT,WAAWU,mBACXrB,mCAASoB,0BACTpB,mCAASqB,iBAAiB;AAAA,QAC1BT,UAEDjB;AAAAA,MAAe,CAAA,IAGnBQ,6CAAcd,kCACZiC,qBAAmB;AAAA,QAClBrB,WAAWQ,KACTE,WAAWU,mBACXV,WAAWY,eACXvB,mCAASqB,mBACTrB,mCAASuB,aAAa;AAAA,QAExBR,SAASjB;AAAAA,QAAqBc,UAE7BT,aAAad;AAAAA,MAAS,CAAA,IAG1Bc,6CAAcZ,6BACZiC,qBAAmB;AAAA,QAClBvB,WAAWQ,KAAKE,WAAWc,eAAezB,mCAASyB,aAAa;AAAA,QAChEV,SAASlB;AAAAA,QAAyBe,UAEjCT,aAAaZ;AAAAA,MAAAA,CAEjB,CAAA;AAAA,IAAA,CAAA,GAEFK,oBACCoB,qBAACU,6BAA2B;AAAA,MAC1BzB,WAAWQ,KACTE,WAAWgB,uBACX3B,mCAAS2B,qBAAqB;AAAA,MAC9Bf,UAEDlB,CAAAA,kBACCmB,oBAACe,sBAAoB;AAAA,QACnB3B,WAAWQ,KACTE,WAAWkB,WACXlB,WAAWU,mBACXrB,mCAAS6B,WACT7B,mCAASqB,iBAAiB;AAAA,QAC1BT,UAEDlB;AAAAA,MAAAA,CAAc,GAGnBsB,qBAAA,OAAA;AAAA,QAAAJ,UAAA,CACEC,oBAACiB,2BAAyB;AAAA,UACxB7B,WAAWQ,KACTE,WAAWoB,qBACX/B,mCAAS+B,mBAAmB;AAAA,UAC5BnB,8BAEDP,0BAAwB;AAAA,YACvBJ,WAAWQ,KACTE,WAAWqB,aACXrB,WAAWU,mBACXrB,mCAASgC,aACThC,mCAASqB,iBAAiB;AAAA,YAE5BN,SAAQ;AAAA,YAAOH,UAEdhB;AAAAA,UAAAA,CAAgB;AAAA,QAAA,CAEO,GAC5BiB,oBAACiB,2BAAyB;AAAA,UACxB7B,WAAWQ,KACTE,WAAWoB,qBACX/B,mCAAS+B,mBAAmB;AAAA,UAC5BnB,8BAEDE,cAAY;AAAA,YACXb,WAAWQ,KAAKE,WAAWqB,aAAahC,mCAASgC,WAAW;AAAA,YAC5DjB,SAAQ;AAAA,YAAUH,UAEjBT,6CAAcX;AAAAA,UAAAA,CAAuB;AAAA,QAAA,CAEd,CAAA;AAAA,MAAA,CACxB,CAAA;AAAA,IAAA,CAET,CAAA;AAAA,EAAA,CACU;AAEjB;"}
1	+ {"version":3,"file":"Kpi.js","sources":["../../../../src/components/Kpi/Kpi.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useLabels } from \"@core/hooks\";\nimport { HvTypography } from \"../../components\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledComparisonComposition,\n StyledComparisonContainer,\n StyledIndicatorsContainer,\n StyledIndicatorText,\n StyledIndicatorUnit,\n StyledInternalVisualComparisonDiv,\n StyledInternalVisualComparisonTypography,\n StyledRoot,\n StyledTrendIndicator,\n StyledVisualIndicator,\n} from \"./Kpi.styles\";\nimport kpiClasses, { HvKpiClasses } from \"./kpiClasses\";\n\nexport interface HvKpiLabelProps {\n /*\n The text at the top of the kpi.\n /\n title?: string;\n /\n The text in the middle of the kpi.\n /\n indicator?: string;\n /\n The text to the right of the indicator.\n /\n unit?: string;\n /\n The text to the right of the visual comparison.\n /\n comparisonIndicatorInfo?: string;\n}\n\nexport interface HvKpiProps extends HvBaseProps<HTMLDivElement, \"children\"> {\n /\n An Element that will be rendered to the left of the kpi indicator text.\n /\n trendIndicator?: React.ReactNode;\n /\n An Element that will be rendered to the left of the kpi indicator text.\n /\n visualIndicator?: React.ReactNode;\n /\n An Element that will be rendered below the kpi indicator text.\n /\n visualComparison?: React.ReactNode;\n /\n The object that contains the different labels inside the kpi.\n /\n labels?: HvKpiLabelProps;\n /\n The typography variant used in the main text indicator of the KPI\n /\n indicatorTextVariant?: \"display\" \| \"title1\" \| \"title2\";\n /\n The typography variant used in the main text indicator of the KPI\n /\n indicatorUnitTextVariant?: \"title2\" \| \"body\";\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvKpiClasses;\n}\n\nconst DEFAULT_LABELS = {\n title: \"\",\n indicator: undefined,\n unit: undefined,\n comparisonIndicatorInfo: undefined,\n};\n\n/\n Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\nexport const HvKpi = ({\n trendIndicator = null,\n visualIndicator = null,\n visualComparison = null,\n indicatorUnitTextVariant = \"title2\",\n indicatorTextVariant = \"title1\",\n labels,\n classes,\n className,\n ...others\n}: HvKpiProps) => {\n const mergedLabels = useLabels(DEFAULT_LABELS, labels);\n\n const InternalVisualComparison =\n typeof visualComparison === \"string\"\n ? StyledInternalVisualComparisonTypography\n : StyledInternalVisualComparisonDiv;\n\n return (\n <StyledRoot\n className={clsx(classes?.root, className, kpiClasses.root)}\n {...others}\n >\n <div>\n <HvTypography variant=\"label\">{mergedLabels?.title}</HvTypography>\n </div>\n <StyledIndicatorsContainer\n className={clsx(\n kpiClasses.indicatorsContainer,\n classes?.indicatorsContainer\n )}\n >\n {visualIndicator && (\n <StyledVisualIndicator\n className={clsx(\n kpiClasses.visualIndicatorContainer,\n kpiClasses.spacingToTheRight,\n classes?.visualIndicatorContainer,\n classes?.spacingToTheRight\n )}\n >\n {visualIndicator}\n </StyledVisualIndicator>\n )}\n {mergedLabels?.indicator && (\n <StyledIndicatorText\n className={clsx(\n kpiClasses.spacingToTheRight,\n kpiClasses.indicatorText,\n classes?.spacingToTheRight,\n classes?.indicatorText\n )}\n variant={indicatorTextVariant}\n >\n {mergedLabels.indicator}\n </StyledIndicatorText>\n )}\n {mergedLabels?.unit && (\n <StyledIndicatorUnit\n className={clsx(kpiClasses.indicatorUnit, classes?.indicatorUnit)}\n variant={indicatorUnitTextVariant}\n >\n {mergedLabels.unit}\n </StyledIndicatorUnit>\n )}\n </StyledIndicatorsContainer>\n {visualComparison && (\n <StyledComparisonComposition\n className={clsx(\n kpiClasses.comparisonComposition,\n classes?.comparisonComposition\n )}\n >\n {trendIndicator && (\n <StyledTrendIndicator\n className={clsx(\n kpiClasses.trendLine,\n kpiClasses.spacingToTheRight,\n classes?.trendLine,\n classes?.spacingToTheRight\n )}\n >\n {trendIndicator}\n </StyledTrendIndicator>\n )}\n <div>\n <StyledComparisonContainer\n className={clsx(\n kpiClasses.comparisonContainer,\n classes?.comparisonContainer\n )}\n >\n <InternalVisualComparison\n className={clsx(\n kpiClasses.comparisons,\n kpiClasses.spacingToTheRight,\n classes?.comparisons,\n classes?.spacingToTheRight\n )}\n variant=\"label\"\n >\n {visualComparison}\n </InternalVisualComparison>\n </StyledComparisonContainer>\n <StyledComparisonContainer\n className={clsx(\n kpiClasses.comparisonContainer,\n classes?.comparisonContainer\n )}\n >\n <HvTypography\n className={clsx(kpiClasses.comparisons, classes?.comparisons)}\n variant=\"caption2\"\n >\n {mergedLabels?.comparisonIndicatorInfo}\n </HvTypography>\n </StyledComparisonContainer>\n </div>\n </StyledComparisonComposition>\n )}\n </StyledRoot>\n );\n};\n"],"names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","trendIndicator","visualIndicator","visualComparison","indicatorUnitTextVariant","indicatorTextVariant","labels","classes","className","others","mergedLabels","useLabels","InternalVisualComparison","StyledInternalVisualComparisonTypography","StyledInternalVisualComparisonDiv","StyledRoot","clsx","root","kpiClasses","children","_jsx","HvTypography","variant","_jsxs","StyledIndicatorsContainer","indicatorsContainer","StyledVisualIndicator","visualIndicatorContainer","spacingToTheRight","StyledIndicatorText","indicatorText","StyledIndicatorUnit","indicatorUnit","StyledComparisonComposition","comparisonComposition","StyledTrendIndicator","trendLine","StyledComparisonContainer","comparisonContainer","comparisons"],"mappings":";;;;;;AAoEA,MAAMA,iBAAiB;AAAA,EACrBC,OAAO;AAAA,EACPC,WAAWC;AAAAA,EACXC,MAAMD;AAAAA,EACNE,yBAAyBF;AAC3B;AAOO,MAAMG,QAAQA,CAAC;AAAA,EACpBC,iBAAiB;AAAA,EACjBC,kBAAkB;AAAA,EAClBC,mBAAmB;AAAA,EACnBC,2BAA2B;AAAA,EAC3BC,uBAAuB;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACO,MAAM;AACVC,QAAAA,eAAeC,UAAUjB,gBAAgBY,MAAM;AAErD,QAAMM,2BACJ,OAAOT,qBAAqB,WACxBU,2CACAC;AAEN,8BACGC,YAAU;AAAA,IACTP,WAAWQ,KAAKT,mCAASU,MAAMT,WAAWU,WAAWD,IAAI;AAAA,IAAE,GACvDR;AAAAA,IAAMU,WAEVC,oBAAA,OAAA;AAAA,MAAAD,8BACGE,cAAY;AAAA,QAACC,SAAQ;AAAA,QAAOH,UAAET,6CAAcf;AAAAA,MAAAA,CAAK;AAAA,IAAA,CAC9C,GACN4B,qBAACC,2BAAyB;AAAA,MACxBhB,WAAWQ,KACTE,WAAWO,qBACXlB,mCAASkB,mBAAmB;AAAA,MAC5BN,UAEDjB,CAAAA,mBACCkB,oBAACM,uBAAqB;AAAA,QACpBlB,WAAWQ,KACTE,WAAWS,0BACXT,WAAWU,mBACXrB,mCAASoB,0BACTpB,mCAASqB,iBAAiB;AAAA,QAC1BT,UAEDjB;AAAAA,MAAe,CAAA,IAGnBQ,6CAAcd,kCACZiC,qBAAmB;AAAA,QAClBrB,WAAWQ,KACTE,WAAWU,mBACXV,WAAWY,eACXvB,mCAASqB,mBACTrB,mCAASuB,aAAa;AAAA,QAExBR,SAASjB;AAAAA,QAAqBc,UAE7BT,aAAad;AAAAA,MAAS,CAAA,IAG1Bc,6CAAcZ,6BACZiC,qBAAmB;AAAA,QAClBvB,WAAWQ,KAAKE,WAAWc,eAAezB,mCAASyB,aAAa;AAAA,QAChEV,SAASlB;AAAAA,QAAyBe,UAEjCT,aAAaZ;AAAAA,MAAAA,CAEjB,CAAA;AAAA,IAAA,CAAA,GAEFK,oBACCoB,qBAACU,6BAA2B;AAAA,MAC1BzB,WAAWQ,KACTE,WAAWgB,uBACX3B,mCAAS2B,qBAAqB;AAAA,MAC9Bf,UAEDlB,CAAAA,kBACCmB,oBAACe,sBAAoB;AAAA,QACnB3B,WAAWQ,KACTE,WAAWkB,WACXlB,WAAWU,mBACXrB,mCAAS6B,WACT7B,mCAASqB,iBAAiB;AAAA,QAC1BT,UAEDlB;AAAAA,MAAAA,CAAc,GAGnBsB,qBAAA,OAAA;AAAA,QAAAJ,UAAA,CACEC,oBAACiB,2BAAyB;AAAA,UACxB7B,WAAWQ,KACTE,WAAWoB,qBACX/B,mCAAS+B,mBAAmB;AAAA,UAC5BnB,8BAEDP,0BAAwB;AAAA,YACvBJ,WAAWQ,KACTE,WAAWqB,aACXrB,WAAWU,mBACXrB,mCAASgC,aACThC,mCAASqB,iBAAiB;AAAA,YAE5BN,SAAQ;AAAA,YAAOH,UAEdhB;AAAAA,UAAAA,CAAgB;AAAA,QAAA,CAEO,GAC5BiB,oBAACiB,2BAAyB;AAAA,UACxB7B,WAAWQ,KACTE,WAAWoB,qBACX/B,mCAAS+B,mBAAmB;AAAA,UAC5BnB,8BAEDE,cAAY;AAAA,YACXb,WAAWQ,KAAKE,WAAWqB,aAAahC,mCAASgC,WAAW;AAAA,YAC5DjB,SAAQ;AAAA,YAAUH,UAEjBT,6CAAcX;AAAAA,UAAAA,CAAuB;AAAA,QAAA,CAEd,CAAA;AAAA,MAAA,CACxB,CAAA;AAAA,IAAA,CAET,CAAA;AAAA,EAAA,CACU;AAEjB;"}

package/dist/esm/components/Kpi/kpiClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kpiClasses.js","sources":["../../../../src/components/Kpi/kpiClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvKpiClasses {\n root?: string;\n visualIndicatorContainer?: string;\n comparisons?: string;\n comparisonContainer?: string;\n comparisonComposition?: string;\n indicatorsContainer?: string;\n indicatorText?: string;\n indicatorUnit?: string;\n spacingToTheRight?: string;\n trendLine?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"visualIndicatorContainer\",\n \"comparisons\",\n \"comparisonContainer\",\n \"comparisonComposition\",\n \"indicatorsContainer\",\n \"indicatorText\",\n \"indicatorUnit\",\n \"spacingToTheRight\",\n \"trendLine\",\n];\n\nconst kpiClasses = getClasses~~<HvKpiClasses>~~(classKeys, \"HvKpi\");\n\nexport default kpiClasses;\n"],"names":["classKeys","kpiClasses","getClasses"],"mappings":";AAeA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,4BACA,eACA,uBACA,yBACA,uBACA,iBACA,iBACA,qBACA,WAAW;AAGb,MAAMC,aAAaC,~~WAAyBF~~,WAAW,OAAO;~~AAE9D~~,MAAA,eAAeC;"}
1	+ {"version":3,"file":"kpiClasses.js","sources":["../../../../src/components/Kpi/kpiClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvKpiClasses {\n root?: string;\n visualIndicatorContainer?: string;\n comparisons?: string;\n comparisonContainer?: string;\n comparisonComposition?: string;\n indicatorsContainer?: string;\n indicatorText?: string;\n indicatorUnit?: string;\n spacingToTheRight?: string;\n trendLine?: string;\n}\n\nconst classKeys: (keyof HvKpiClasses)[] = [\n \"root\",\n \"visualIndicatorContainer\",\n \"comparisons\",\n \"comparisonContainer\",\n \"comparisonComposition\",\n \"indicatorsContainer\",\n \"indicatorText\",\n \"indicatorUnit\",\n \"spacingToTheRight\",\n \"trendLine\",\n];\n\nconst kpiClasses = getClasses(classKeys, \"HvKpi\");\n\nexport default kpiClasses;\n"],"names":["classKeys","kpiClasses","getClasses"],"mappings":";AAeA,MAAMA,YAAoC,CACxC,QACA,4BACA,eACA,uBACA,yBACA,uBACA,iBACA,iBACA,qBACA,WAAW;AAGb,MAAMC,aAAaC,WAAWF,WAAW,OAAO;AAEhD,MAAA,eAAeC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledA } from \"./Link.styles\";\nimport linkClasses, { HvLinkClasses } from \"./linkClasses\";\nimport { MouseEventHandler } from \"react\";\n\nexport interface HvLinkProps\n extends HvBaseProps<HTMLAnchorElement, { onClick }> {\n onClick?: (\n event: MouseEventHandler<HTMLAnchorElement>,\n data: any\n ) => void \| undefined;\n route?: string;\n data?: any;\n children: any;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvLinkClasses;\n}\n\nexport const HvLink = ({\n onClick,\n classes,\n className,\n route,\n data,\n children,\n ...others\n}: HvLinkProps) => {\n const handleClick = (event) => {\n event.preventDefault();\n\n onClick?.(event, data);\n };\n\n return (\n <StyledA\n href={route}\n onClick={onClick != null ? handleClick : undefined}\n className={clsx(className, linkClasses.a, classes?.a)}\n {...others}\n >\n {children}\n </StyledA>\n );\n};\n"],"names":["HvLink","onClick","classes","className","route","data","children","others","handleClick","event","preventDefault","StyledA","href","undefined","clsx","linkClasses","a"],"mappings":";;;;~~AAmBO~~,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACQ,MAAM;AACjB,QAAMC,cAAeC,CAAU,UAAA;AAC7BA,UAAMC,eAAgB;AAEtBT,uCAAUQ,OAAOJ;AAAAA,EAAI;AAGvB,6BACGM,SAAO;AAAA,IACNC,MAAMR;AAAAA,IACNH,SAASA,WAAW,OAAOO,cAAcK;AAAAA,IACzCV,WAAWW,KAAKX,WAAWY,YAAYC,GAAGd,mCAASc,CAAC;AAAA,IAAE,GAClDT;AAAAA,IAAMD;AAAAA,EAAAA,CAGF;AAEd;"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledA } from \"./Link.styles\";\nimport linkClasses, { HvLinkClasses } from \"./linkClasses\";\nimport { MouseEventHandler } from \"react\";\n\nexport interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, \"onClick\"> {\n onClick?: (\n event: MouseEventHandler<HTMLAnchorElement>,\n data: any\n ) => void \| undefined;\n route?: string;\n data?: any;\n children: any;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvLinkClasses;\n}\n\nexport const HvLink = ({\n onClick,\n classes,\n className,\n route,\n data,\n children,\n ...others\n}: HvLinkProps) => {\n const handleClick = (event) => {\n event.preventDefault();\n\n onClick?.(event, data);\n };\n\n return (\n <StyledA\n href={route}\n onClick={onClick != null ? handleClick : undefined}\n className={clsx(className, linkClasses.a, classes?.a)}\n {...others}\n >\n {children}\n </StyledA>\n );\n};\n"],"names":["HvLink","onClick","classes","className","route","data","children","others","handleClick","event","preventDefault","StyledA","href","undefined","clsx","linkClasses","a"],"mappings":";;;;AAkBO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACQ,MAAM;AACjB,QAAMC,cAAeC,CAAU,UAAA;AAC7BA,UAAMC,eAAgB;AAEtBT,uCAAUQ,OAAOJ;AAAAA,EAAI;AAGvB,6BACGM,SAAO;AAAA,IACNC,MAAMR;AAAAA,IACNH,SAASA,WAAW,OAAOO,cAAcK;AAAAA,IACzCV,WAAWW,KAAKX,WAAWY,YAAYC,GAAGd,mCAASc,CAAC;AAAA,IAAE,GAClDT;AAAAA,IAAMD;AAAAA,EAAAA,CAGF;AAEd;"}

package/dist/esm/components/Link/linkClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"linkClasses.js","sources":["../../../../src/components/Link/linkClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLinkClasses {\n a?: string;\n}\n\nconst classKeys: ~~string~~[] = [\"a\"];\n\nconst linkClasses = getClasses~~<HvLinkClasses>~~(classKeys, \"HvLink\");\n\nexport default linkClasses;\n"],"names":["classKeys","linkClasses","getClasses"],"mappings":";AAMA,MAAMA,~~YAAsB~~,CAAC,GAAG;~~AAEhC~~,MAAMC,cAAcC,~~WAA0BF~~,WAAW,QAAQ;~~AAEjE~~,MAAA,gBAAeC;"}
1	+ {"version":3,"file":"linkClasses.js","sources":["../../../../src/components/Link/linkClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLinkClasses {\n a?: string;\n}\n\nconst classKeys: (keyof HvLinkClasses)[] = [\"a\"];\n\nconst linkClasses = getClasses(classKeys, \"HvLink\");\n\nexport default linkClasses;\n"],"names":["classKeys","linkClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAqC,CAAC,GAAG;AAE/C,MAAMC,cAAcC,WAAWF,WAAW,QAAQ;AAElD,MAAA,gBAAeC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { forwardRef, isValidElement, useEffect, useMemo, useRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"@core/types\";\nimport {\n StyledFixedSizeList,\n StyledSelectAllCheckBox,\n StyledLink,\n StyledMultiSelectCheckBox,\n StyledSingleSelectRadio,\n StyledListItem,\n StyledDropRightXS,\n} from \"./List.styles\";\nimport listClasses, { HvListClasses } from \"./listClasses\";\nimport useSelectableList from \"./useSelectableList\";\nimport { parseList } from \"./utils\";\nimport { HvListContainer, HvTypography } from \"@core/components\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\n\nexport interface HvListValue extends HvExtraProps {\n id?: string \| number;\n label: React.ReactNode;\n searchValue?: string;\n selected?: boolean;\n disabled?: boolean;\n isHidden?: boolean;\n icon?:\n \| React.ReactNode\n \| ((params: {\n isDisabled?: boolean;\n isSelected?: boolean;\n }) => React.ReactNode);\n showNavIcon?: boolean;\n path?: string;\n params?: object;\n tabIndex?: number;\n}\n\nexport interface HvListLabels {\n /** The label used for the All checkbox action. /\n selectAll?: string;\n /* The label used in the middle of the multi-selection count. /\n selectionConjunction?: string;\n}\n\nexport interface HvListProps\n extends HvBaseProps<HTMLUListElement, { onChange; onClick }> {\n /\n A list containing the elements to be rendered.\n \n - id: The id of the item.\n * - label: The label of the element to be rendered.\n * - selected: The selection state of the element.\n * - disabled: The disabled state of the element.\n * - isHidden: Is item visible.\n * - icon: The icon.\n * - showNavIcon: If true renders the navigation icon on the right.\n * - path: The path to navigate to.\n /\n values: HvListValue[];\n /* If true renders a multi select list. /\n multiSelect?: boolean;\n /\n If true renders select all option for multi selection lists with selectors.\n * note: It will only be rendered if multiSelect and useSelector props are set to true.\n /\n showSelectAll?: boolean;\n /* An object containing all the labels for the dropdown. /\n labels?: HvListLabels;\n /* If true renders list items with radio or checkbox selectors. /\n useSelector?: boolean;\n /* Call back fired when list item is selected. Returns selection state. /\n onChange?: (value: HvListValue[]) => void;\n /* Call back fired when list item is selected. Returns selected item. /\n onClick?: (\n event: React.ChangeEvent<HTMLLIElement>,\n value: HvListValue\n ) => void;\n /* If `true` the list items will show the selection state. /\n selectable?: boolean;\n /* If `true`, selection can be toggled when single selection. /\n singleSelectionToggle?: boolean;\n /* If `true` the list will be rendered without vertical spacing. /\n condensed?: boolean;\n /* If `true` the dropdown will show tooltips when user mouseenter text in list /\n hasTooltips?: boolean;\n /* Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used /\n height?: number;\n /* Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options. /\n virtualized?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvListClasses;\n}\n\nconst DEFAULT_LABELS = {\n selectAll: \"Select All\",\n selectionConjunction: \"/\",\n};\n\n/\n Component used to show a set of related data to the user.\n */\nexport const HvList = ({\n id,\n classes,\n className,\n multiSelect = false,\n hasTooltips = false,\n showSelectAll = false,\n labels = DEFAULT_LABELS,\n useSelector = false,\n selectable = true,\n singleSelectionToggle = true,\n condensed = false,\n onChange,\n onClick,\n values: valuesProp = [],\n height,\n virtualized = false,\n ...others\n}: HvListProps) => {\n const [list, setList, selection] = useSelectableList(valuesProp);\n const listRef = useRef<any>(null);\n\n useEffect(() => {\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const parsedList: HvListValue[] = parseList(\n undefined,\n passedProps,\n undefined,\n valuesProp\n );\n\n setList(parsedList);\n }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n const handleSelect = (evt, item) => {\n if (!item.path) evt.preventDefault();\n if (item.disabled) return;\n\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const parsedList = parseList(item, passedProps, undefined, list);\n setList(parsedList);\n\n onClick?.(evt, item);\n onChange?.(parsedList);\n };\n\n const handleSelectAll = () => {\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const anySelectableSelected = list.some(\n (elem) => elem.selected \|\| elem.disabled\n );\n const parsedList = parseList(\n undefined,\n passedProps,\n !anySelectableSelected,\n list\n );\n setList(parsedList);\n\n onChange?.(parsedList);\n };\n\n const renderLeftIcon = (item) => {\n return isValidElement(item.icon)\n ? item.icon\n : item.icon?.({\n isSelected: item.selected,\n isDisabled: item.disabled,\n });\n };\n\n const renderSelectAll = () => {\n const { selectAll, selectionConjunction } = labels;\n\n const anySelected = !!selection?.length;\n const allSelected = selection.length === list.length;\n\n const selectionLabel = (\n <HvTypography component=\"span\">\n {!anySelected ? (\n <>\n <b>{selectAll}</b>\n {` (${list.length})`}\n </>\n ) : (\n <>\n <b>{selection.length}</b>\n {`\\xa0${selectionConjunction}\\xa0`}\n {list.length}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <StyledSelectAllCheckBox\n id={setId(id, \"select-all\")}\n label={selectionLabel}\n onChange={handleSelectAll}\n className={clsx(\n listClasses.selectAllSelector,\n classes?.selectAllSelector\n )}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n );\n };\n\n const renderItemText = (item) => {\n const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n return !multiSelect && item.path ? (\n <StyledLink\n key={item.label}\n route={item.path}\n classes={{ a: clsx(listClasses.link, classes?.link) }}\n >\n <ItemText />\n </StyledLink>\n ) : (\n <ItemText />\n );\n };\n\n const renderMultiSelectItem = (item, itemId) => {\n if (useSelector) {\n const Selection = wrapperTooltip(\n hasTooltips,\n <StyledMultiSelectCheckBox\n id={setId(itemId, \"selector\")}\n label={item.label}\n checked={item.selected}\n disabled={item.disabled}\n onChange={(evt) => handleSelect(evt, item)}\n classes={{\n root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n container: clsx(\n listClasses.selectorContainer,\n classes?.selectorContainer\n ),\n label: clsx(listClasses.truncate, classes?.truncate),\n }}\n />,\n item.label\n );\n return <Selection />;\n }\n\n return renderItemText(item);\n };\n\n const renderSingleSelectItem = (item, itemId) => {\n if (useSelector) {\n const Selection = wrapperTooltip(\n hasTooltips,\n <StyledSingleSelectRadio\n id={setId(itemId, \"selector\")}\n label={item.label}\n checked={item.selected}\n disabled={item.disabled}\n classes={{\n root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n container: clsx(\n listClasses.selectorContainer,\n classes?.selectorContainer\n ),\n label: clsx(listClasses.truncate, classes?.truncate),\n }}\n />,\n item.label\n );\n return <Selection />;\n }\n return renderItemText(item);\n };\n\n const renderListItem = (item, i, otherProps = {}) => {\n const itemId = setId(id, \"item\", i);\n const selected = item.selected \|\| false;\n\n let startAdornment = null;\n if (!useSelector && item.icon) {\n startAdornment = renderLeftIcon(item);\n }\n\n return (\n <StyledListItem\n key={i}\n id={itemId}\n role={selectable ? \"option\" : \"menuitem\"}\n disabled={item.disabled \|\| undefined}\n className={clsx(listClasses.item, classes?.item)}\n classes={{\n selected:\n useSelector \|\| multiSelect\n ? clsx(listClasses.itemSelector, classes?.itemSelector)\n : undefined,\n }}\n selected={multiSelect \|\| selected ? selected : undefined}\n onClick={(evt) => handleSelect(evt, item)}\n startAdornment={startAdornment}\n endAdornment={\n item.showNavIcon && (\n <StyledDropRightXS\n className={clsx(listClasses.box, classes?.box)}\n iconSize=\"XS\"\n />\n )\n }\n $applySelected={useSelector \|\| multiSelect}\n {...otherProps}\n >\n {multiSelect\n ? renderMultiSelectItem(item, itemId)\n : renderSingleSelectItem(item, itemId)}\n </StyledListItem>\n );\n };\n\n const filteredList = list.filter((it) => !it.isHidden);\n const anySelected = list\n .map((item) => item.selected && !item.disabled)\n .reduce((result, selected) => result \|\| selected, false);\n\n const selectedItemIndex = list.findIndex((item) => item.selected);\n useEffect(() => {\n if (selectedItemIndex >= 0 && listRef.current !== null) {\n listRef.current.scrollToItem(selectedItemIndex);\n }\n }, [listRef, selectedItemIndex]);\n\n const ListItem = ({ index, style }) => {\n const item = filteredList[index];\n const tabIndex =\n item.tabIndex \|\|\n (!anySelected && index === 0) \|\|\n (item.selected && !item.disabled)\n ? 0\n : -1;\n\n return renderListItem(item, index, {\n style: {\n ...style,\n top: `${parseFloat(style.top) + 5}px`,\n left: `${parseFloat(style.left) + 5}px`,\n width: `calc(${parseFloat(style.width)}% - 10px)`,\n },\n tabIndex,\n interactive: true,\n condensed,\n disableGutters: useSelector,\n });\n };\n\n const renderFixedList = useMemo(() => {\n return forwardRef(({ ...rest }, ref) => (\n <HvListContainer\n id={id}\n className={clsx(className, listClasses.root, classes?.root)}\n role={selectable ? \"listbox\" : \"menu\"}\n interactive\n condensed={condensed}\n disableGutters={useSelector}\n aria-multiselectable={(selectable && multiSelect) \|\| undefined}\n ref={ref}\n {...rest}\n />\n ));\n }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);\n\n return (\n <>\n {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n {filteredList.length > 0 && !virtualized && (\n <HvListContainer\n id={id}\n className={clsx(className, listClasses.root, classes?.root)}\n role={selectable ? \"listbox\" : \"menu\"}\n interactive\n condensed={condensed}\n disableGutters={useSelector}\n aria-multiselectable={(selectable && multiSelect) \|\| undefined}\n {...others}\n >\n {filteredList.map((item, i) => renderListItem(item, i))}\n </HvListContainer>\n )}\n {filteredList.length > 0 && virtualized && (\n <StyledFixedSizeList\n ref={listRef}\n className={clsx(\n listClasses.virtualizedRoot,\n classes?.virtualizedRoot\n )}\n height={(height \|\| 0) + 5}\n width=\"100%\"\n itemCount={filteredList.length}\n itemSize={condensed ? 32 : 40}\n innerElementType={renderFixedList}\n {...others}\n >\n {ListItem}\n </StyledFixedSizeList>\n )}\n </>\n );\n};\n"],"names":["DEFAULT_LABELS","selectAll","selectionConjunction","HvList","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","list","setList","selection","useSelectableList","listRef","useRef","useEffect","passedProps","parsedList","parseList","undefined","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","isValidElement","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","StyledSelectAllCheckBox","setId","label","clsx","listClasses","selectAllSelector","indeterminate","checked","renderItemText","ItemText","wrapperTooltip","StyledLink","route","a","link","renderMultiSelectItem","itemId","Selection","StyledMultiSelectCheckBox","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","StyledSingleSelectRadio","renderListItem","i","otherProps","startAdornment","StyledListItem","role","itemSelector","endAdornment","showNavIcon","StyledDropRightXS","box","iconSize","$applySelected","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","renderFixedList","useMemo","forwardRef","rest","ref","HvListContainer","StyledFixedSizeList","virtualizedRoot","itemCount","itemSize","innerElementType"],"mappings":"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"}
1	+ {"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { forwardRef, isValidElement, useEffect, useMemo, useRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"@core/types\";\nimport {\n StyledFixedSizeList,\n StyledSelectAllCheckBox,\n StyledLink,\n StyledMultiSelectCheckBox,\n StyledSingleSelectRadio,\n StyledListItem,\n StyledDropRightXS,\n} from \"./List.styles\";\nimport listClasses, { HvListClasses } from \"./listClasses\";\nimport useSelectableList from \"./useSelectableList\";\nimport { parseList } from \"./utils\";\nimport { HvListContainer, HvTypography } from \"@core/components\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\n\nexport interface HvListValue extends HvExtraProps {\n id?: string \| number;\n label: React.ReactNode;\n searchValue?: string;\n selected?: boolean;\n disabled?: boolean;\n isHidden?: boolean;\n icon?:\n \| React.ReactNode\n \| ((params: {\n isDisabled?: boolean;\n isSelected?: boolean;\n }) => React.ReactNode);\n showNavIcon?: boolean;\n path?: string;\n params?: object;\n tabIndex?: number;\n}\n\nexport interface HvListLabels {\n /** The label used for the All checkbox action. /\n selectAll?: string;\n /* The label used in the middle of the multi-selection count. /\n selectionConjunction?: string;\n}\n\nexport interface HvListProps\n extends HvBaseProps<HTMLUListElement, \"onChange\" \| \"onClick\"> {\n /\n A list containing the elements to be rendered.\n \n - id: The id of the item.\n * - label: The label of the element to be rendered.\n * - selected: The selection state of the element.\n * - disabled: The disabled state of the element.\n * - isHidden: Is item visible.\n * - icon: The icon.\n * - showNavIcon: If true renders the navigation icon on the right.\n * - path: The path to navigate to.\n /\n values: HvListValue[];\n /* If true renders a multi select list. /\n multiSelect?: boolean;\n /\n If true renders select all option for multi selection lists with selectors.\n * note: It will only be rendered if multiSelect and useSelector props are set to true.\n /\n showSelectAll?: boolean;\n /* An object containing all the labels for the dropdown. /\n labels?: HvListLabels;\n /* If true renders list items with radio or checkbox selectors. /\n useSelector?: boolean;\n /* Call back fired when list item is selected. Returns selection state. /\n onChange?: (value: HvListValue[]) => void;\n /* Call back fired when list item is selected. Returns selected item. /\n onClick?: (\n event: React.ChangeEvent<HTMLLIElement>,\n value: HvListValue\n ) => void;\n /* If `true` the list items will show the selection state. /\n selectable?: boolean;\n /* If `true`, selection can be toggled when single selection. /\n singleSelectionToggle?: boolean;\n /* If `true` the list will be rendered without vertical spacing. /\n condensed?: boolean;\n /* If `true` the dropdown will show tooltips when user mouseenter text in list /\n hasTooltips?: boolean;\n /* Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used /\n height?: number;\n /* Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options. /\n virtualized?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvListClasses;\n}\n\nconst DEFAULT_LABELS = {\n selectAll: \"Select All\",\n selectionConjunction: \"/\",\n};\n\n/\n Component used to show a set of related data to the user.\n */\nexport const HvList = ({\n id,\n classes,\n className,\n multiSelect = false,\n hasTooltips = false,\n showSelectAll = false,\n labels = DEFAULT_LABELS,\n useSelector = false,\n selectable = true,\n singleSelectionToggle = true,\n condensed = false,\n onChange,\n onClick,\n values: valuesProp = [],\n height,\n virtualized = false,\n ...others\n}: HvListProps) => {\n const [list, setList, selection] = useSelectableList(valuesProp);\n const listRef = useRef<any>(null);\n\n useEffect(() => {\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const parsedList: HvListValue[] = parseList(\n undefined,\n passedProps,\n undefined,\n valuesProp\n );\n\n setList(parsedList);\n }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n const handleSelect = (evt, item) => {\n if (!item.path) evt.preventDefault();\n if (item.disabled) return;\n\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const parsedList = parseList(item, passedProps, undefined, list);\n setList(parsedList);\n\n onClick?.(evt, item);\n onChange?.(parsedList);\n };\n\n const handleSelectAll = () => {\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const anySelectableSelected = list.some(\n (elem) => elem.selected \|\| elem.disabled\n );\n const parsedList = parseList(\n undefined,\n passedProps,\n !anySelectableSelected,\n list\n );\n setList(parsedList);\n\n onChange?.(parsedList);\n };\n\n const renderLeftIcon = (item) => {\n return isValidElement(item.icon)\n ? item.icon\n : item.icon?.({\n isSelected: item.selected,\n isDisabled: item.disabled,\n });\n };\n\n const renderSelectAll = () => {\n const { selectAll, selectionConjunction } = labels;\n\n const anySelected = !!selection?.length;\n const allSelected = selection.length === list.length;\n\n const selectionLabel = (\n <HvTypography component=\"span\">\n {!anySelected ? (\n <>\n <b>{selectAll}</b>\n {` (${list.length})`}\n </>\n ) : (\n <>\n <b>{selection.length}</b>\n {`\\xa0${selectionConjunction}\\xa0`}\n {list.length}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <StyledSelectAllCheckBox\n id={setId(id, \"select-all\")}\n label={selectionLabel}\n onChange={handleSelectAll}\n className={clsx(\n listClasses.selectAllSelector,\n classes?.selectAllSelector\n )}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n );\n };\n\n const renderItemText = (item) => {\n const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n return !multiSelect && item.path ? (\n <StyledLink\n key={item.label}\n route={item.path}\n classes={{ a: clsx(listClasses.link, classes?.link) }}\n >\n <ItemText />\n </StyledLink>\n ) : (\n <ItemText />\n );\n };\n\n const renderMultiSelectItem = (item, itemId) => {\n if (useSelector) {\n const Selection = wrapperTooltip(\n hasTooltips,\n <StyledMultiSelectCheckBox\n id={setId(itemId, \"selector\")}\n label={item.label}\n checked={item.selected}\n disabled={item.disabled}\n onChange={(evt) => handleSelect(evt, item)}\n classes={{\n root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n container: clsx(\n listClasses.selectorContainer,\n classes?.selectorContainer\n ),\n label: clsx(listClasses.truncate, classes?.truncate),\n }}\n />,\n item.label\n );\n return <Selection />;\n }\n\n return renderItemText(item);\n };\n\n const renderSingleSelectItem = (item, itemId) => {\n if (useSelector) {\n const Selection = wrapperTooltip(\n hasTooltips,\n <StyledSingleSelectRadio\n id={setId(itemId, \"selector\")}\n label={item.label}\n checked={item.selected}\n disabled={item.disabled}\n classes={{\n root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n container: clsx(\n listClasses.selectorContainer,\n classes?.selectorContainer\n ),\n label: clsx(listClasses.truncate, classes?.truncate),\n }}\n />,\n item.label\n );\n return <Selection />;\n }\n return renderItemText(item);\n };\n\n const renderListItem = (item, i, otherProps = {}) => {\n const itemId = setId(id, \"item\", i);\n const selected = item.selected \|\| false;\n\n let startAdornment = null;\n if (!useSelector && item.icon) {\n startAdornment = renderLeftIcon(item);\n }\n\n return (\n <StyledListItem\n key={i}\n id={itemId}\n role={selectable ? \"option\" : \"menuitem\"}\n disabled={item.disabled \|\| undefined}\n className={clsx(listClasses.item, classes?.item)}\n classes={{\n selected:\n useSelector \|\| multiSelect\n ? clsx(listClasses.itemSelector, classes?.itemSelector)\n : undefined,\n }}\n selected={multiSelect \|\| selected ? selected : undefined}\n onClick={(evt) => handleSelect(evt, item)}\n startAdornment={startAdornment}\n endAdornment={\n item.showNavIcon && (\n <StyledDropRightXS\n className={clsx(listClasses.box, classes?.box)}\n iconSize=\"XS\"\n />\n )\n }\n $applySelected={useSelector \|\| multiSelect}\n {...otherProps}\n >\n {multiSelect\n ? renderMultiSelectItem(item, itemId)\n : renderSingleSelectItem(item, itemId)}\n </StyledListItem>\n );\n };\n\n const filteredList = list.filter((it) => !it.isHidden);\n const anySelected = list\n .map((item) => item.selected && !item.disabled)\n .reduce((result, selected) => result \|\| selected, false);\n\n const selectedItemIndex = list.findIndex((item) => item.selected);\n useEffect(() => {\n if (selectedItemIndex >= 0 && listRef.current !== null) {\n listRef.current.scrollToItem(selectedItemIndex);\n }\n }, [listRef, selectedItemIndex]);\n\n const ListItem = ({ index, style }) => {\n const item = filteredList[index];\n const tabIndex =\n item.tabIndex \|\|\n (!anySelected && index === 0) \|\|\n (item.selected && !item.disabled)\n ? 0\n : -1;\n\n return renderListItem(item, index, {\n style: {\n ...style,\n top: `${parseFloat(style.top) + 5}px`,\n left: `${parseFloat(style.left) + 5}px`,\n width: `calc(${parseFloat(style.width)}% - 10px)`,\n },\n tabIndex,\n interactive: true,\n condensed,\n disableGutters: useSelector,\n });\n };\n\n const renderFixedList = useMemo(() => {\n return forwardRef(({ ...rest }, ref) => (\n <HvListContainer\n id={id}\n className={clsx(className, listClasses.root, classes?.root)}\n role={selectable ? \"listbox\" : \"menu\"}\n interactive\n condensed={condensed}\n disableGutters={useSelector}\n aria-multiselectable={(selectable && multiSelect) \|\| undefined}\n ref={ref}\n {...rest}\n />\n ));\n }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);\n\n return (\n <>\n {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n {filteredList.length > 0 && !virtualized && (\n <HvListContainer\n id={id}\n className={clsx(className, listClasses.root, classes?.root)}\n role={selectable ? \"listbox\" : \"menu\"}\n interactive\n condensed={condensed}\n disableGutters={useSelector}\n aria-multiselectable={(selectable && multiSelect) \|\| undefined}\n {...others}\n >\n {filteredList.map((item, i) => renderListItem(item, i))}\n </HvListContainer>\n )}\n {filteredList.length > 0 && virtualized && (\n <StyledFixedSizeList\n ref={listRef}\n className={clsx(\n listClasses.virtualizedRoot,\n classes?.virtualizedRoot\n )}\n height={(height \|\| 0) + 5}\n width=\"100%\"\n itemCount={filteredList.length}\n itemSize={condensed ? 32 : 40}\n innerElementType={renderFixedList}\n {...others}\n >\n {ListItem}\n </StyledFixedSizeList>\n )}\n </>\n );\n};\n"],"names":["DEFAULT_LABELS","selectAll","selectionConjunction","HvList","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","list","setList","selection","useSelectableList","listRef","useRef","useEffect","passedProps","parsedList","parseList","undefined","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","isValidElement","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","StyledSelectAllCheckBox","setId","label","clsx","listClasses","selectAllSelector","indeterminate","checked","renderItemText","ItemText","wrapperTooltip","StyledLink","route","a","link","renderMultiSelectItem","itemId","Selection","StyledMultiSelectCheckBox","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","StyledSingleSelectRadio","renderListItem","i","otherProps","startAdornment","StyledListItem","role","itemSelector","endAdornment","showNavIcon","StyledDropRightXS","box","iconSize","$applySelected","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","renderFixedList","useMemo","forwardRef","rest","ref","HvListContainer","StyledFixedSizeList","virtualizedRoot","itemCount","itemSize","innerElementType"],"mappings":"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"}

package/dist/esm/components/List/listClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listClasses.js","sources":["../../../../src/components/List/listClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvListClasses {\n /** Styles applied to the component root class. /\n root?: string;\n /* Styles applied to the component root class in virtualized form. /\n virtualizedRoot?: string;\n /* Styles applied to the list item selector. /\n selectorRoot?: string;\n /* Styles applied to the list item selector label container. /\n selectorContainer?: string;\n /* Style applied to the icon box. /\n box?: string;\n /* Styles applied when the list item text when truncate. /\n truncate?: string;\n /* Styles applied to the list item. /\n item?: string;\n /* Styles applied to the list item when it has a selector. /\n itemSelector?: string;\n /* Styles applied to the list item when it has a link path. /\n link?: string;\n /* Styles applied to the select all selector. */\n selectAllSelector?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"virtualizedRoot\",\n \"selectorRoot\",\n \"selectorContainer\",\n \"box\",\n \"truncate\",\n \"item\",\n \"itemSelector\",\n \"link\",\n \"selectAllSelector\",\n];\n\nconst listClasses = getClasses~~<HvListClasses>~~(classKeys, \"HvList\");\n\nexport default listClasses;\n"],"names":["classKeys","listClasses","getClasses"],"mappings":";AAyBA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,mBACA,gBACA,qBACA,OACA,YACA,QACA,gBACA,QACA,mBAAmB;AAGrB,MAAMC,cAAcC,~~WAA0BF~~,WAAW,QAAQ;~~AAEjE~~,MAAA,gBAAeC;"}
1	+ {"version":3,"file":"listClasses.js","sources":["../../../../src/components/List/listClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvListClasses {\n /** Styles applied to the component root class. /\n root?: string;\n /* Styles applied to the component root class in virtualized form. /\n virtualizedRoot?: string;\n /* Styles applied to the list item selector. /\n selectorRoot?: string;\n /* Styles applied to the list item selector label container. /\n selectorContainer?: string;\n /* Style applied to the icon box. /\n box?: string;\n /* Styles applied when the list item text when truncate. /\n truncate?: string;\n /* Styles applied to the list item. /\n item?: string;\n /* Styles applied to the list item when it has a selector. /\n itemSelector?: string;\n /* Styles applied to the list item when it has a link path. /\n link?: string;\n /* Styles applied to the select all selector. */\n selectAllSelector?: string;\n}\n\nconst classKeys: (keyof HvListClasses)[] = [\n \"root\",\n \"virtualizedRoot\",\n \"selectorRoot\",\n \"selectorContainer\",\n \"box\",\n \"truncate\",\n \"item\",\n \"itemSelector\",\n \"link\",\n \"selectAllSelector\",\n];\n\nconst listClasses = getClasses(classKeys, \"HvList\");\n\nexport default listClasses;\n"],"names":["classKeys","listClasses","getClasses"],"mappings":";AAyBA,MAAMA,YAAqC,CACzC,QACA,mBACA,gBACA,qBACA,OACA,YACA,QACA,gBACA,QACA,mBAAmB;AAGrB,MAAMC,cAAcC,WAAWF,WAAW,QAAQ;AAElD,MAAA,gBAAeC;"}

package/dist/esm/components/ListContainer/ListItem/ListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport HvListContext from \"../ListContext\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport interface HvListItemProps extends HvBaseProps<HTMLLIElement, { role }> {\n /*\n Overrides the implicit list item role.\n * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n /\n role?: string;\n /* Indicates if the list item is selected. /\n selected?: boolean;\n /* If true, the list item will be disabled. /\n disabled?: boolean;\n /\n If the list item is focusable and reacts to mouse over events.\n * Defaults to true if the container list is interactive, false otherwise.\n /\n interactive?: boolean;\n /\n If `true` compacts the vertical spacing intended to separate the list items.\n * Defaults to the value set in container list.\n /\n condensed?: boolean;\n /\n If `true`, the left and right padding is removed.\n * Defaults to the value set in container list.\n /\n disableGutters?: boolean;\n /\n Element placed before the children.\n * Also removes the left padding (gutter).\n \n Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n * If unwanted, the element should be placed directly as a child.\n /\n startAdornment?: React.ReactNode;\n /\n Element placed after the children and aligned next to the margin.\n * Also removes the right padding (gutter).\n \n Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n * If unwanted, the element should be placed directly as a child.\n /\n endAdornment?: React.ReactNode;\n /* The value to be set on the 'li' element /\n value?: any;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvListItemClasses;\n}\n\nconst applyClassNameAndStateToElement = (\n element,\n selected,\n disabled,\n onClick,\n className,\n externalClassname\n) => {\n if (element != null) {\n return React.cloneElement(element, {\n className: clsx(className, externalClassname, element?.props?.className),\n checked: !!selected,\n disabled,\n onChange: (evt) => onClick?.(evt),\n });\n }\n\n return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n if (element != null) {\n return React.cloneElement(element, {\n className: clsx(className, externalClassname, element?.props?.className),\n });\n }\n\n return null;\n};\n\n/\n ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n id,\n classes,\n className,\n role,\n value,\n selected,\n disabled,\n interactive: interactiveProp,\n condensed: condensedProp,\n disableGutters: disableGuttersProp,\n startAdornment,\n endAdornment,\n onClick,\n children,\n tabIndex,\n ...others\n}: HvListItemProps) => {\n const {\n topContainerRef,\n condensed: condensedContext,\n disableGutters: disableGuttersContext,\n interactive: interactiveContext,\n } = useContext<any>(HvListContext);\n\n const condensed = condensedProp != null ? condensedProp : condensedContext;\n const disableGutters =\n disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n const interactive =\n interactiveProp != null ? interactiveProp : interactiveContext;\n\n const handleOnClick = useCallback(\n (evt) => {\n if (!disabled) {\n onClick?.(evt);\n }\n },\n [disabled, onClick]\n );\n\n const clonedStartAdornment = useMemo(\n () =>\n applyClassNameAndStateToElement(\n startAdornment,\n selected,\n disabled,\n handleOnClick,\n clsx(\n listItemClasses.startAdornment,\n disabled && listItemClasses.disabled\n ),\n clsx(classes?.startAdornment, disabled && classes?.disabled)\n ),\n [classes?.startAdornment, disabled, handleOnClick, selected, startAdornment]\n );\n const clonedEndAdornment = useMemo(\n () =>\n applyClassNameToElement(\n endAdornment,\n clsx(\n listItemClasses.endAdornment,\n disabled && listItemClasses.disabled\n ),\n clsx(classes?.endAdornment, disabled && classes?.disabled)\n ),\n [classes?.endAdornment, endAdornment]\n );\n\n const roleOptionAriaProps =\n role === \"option\" \|\| role === \"menuitem\"\n ? {\n \"aria-disabled\": disabled \|\| undefined,\n \"aria-selected\": selected,\n }\n : {};\n\n const listItem = (\n <StyledListItem\n id={id}\n role={role}\n value={value}\n onClick={handleOnClick}\n onKeyDown={() => {}}\n className={clsx(\n className,\n listItemClasses.root,\n classes?.root,\n !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n condensed && clsx(listItemClasses.condensed, classes?.condensed),\n interactive && clsx(listItemClasses.interactive, classes?.interactive),\n selected && clsx(listItemClasses.selected, classes?.selected),\n disabled && clsx(listItemClasses.disabled, classes?.disabled),\n startAdornment != null &&\n clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n endAdornment != null &&\n clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n )}\n $gutters={!disableGutters}\n $interactive={interactive}\n $disabled={disabled \|\| false}\n $selected={selected \|\| false}\n $startAdornment={startAdornment != null}\n $endAdornment={endAdornment != null}\n {...roleOptionAriaProps}\n {...others}\n >\n {clonedStartAdornment}\n {children}\n {clonedEndAdornment}\n </StyledListItem>\n );\n\n return interactiveProp ? (\n <StyledFocus\n rootRef={topContainerRef}\n selected={selected}\n disabledClass={disabled \|\| undefined}\n strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n configuration={{\n tabIndex,\n }}\n >\n {listItem}\n </StyledFocus>\n ) : (\n listItem\n );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","onKeyDown","root","gutters","withStartAdornment","withEndAdornment","$gutters","$interactive","$disabled","$selected","$startAdornment","$endAdornment","StyledFocus","rootRef","disabledClass","strategy","focus","configuration"],"mappings":"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"}
1	+ {"version":3,"file":"ListItem.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport HvListContext from \"../ListContext\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport interface HvListItemProps extends HvBaseProps<HTMLLIElement> {\n /*\n Overrides the implicit list item role.\n * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n /\n role?: string;\n /* Indicates if the list item is selected. /\n selected?: boolean;\n /* If true, the list item will be disabled. /\n disabled?: boolean;\n /\n If the list item is focusable and reacts to mouse over events.\n * Defaults to true if the container list is interactive, false otherwise.\n /\n interactive?: boolean;\n /\n If `true` compacts the vertical spacing intended to separate the list items.\n * Defaults to the value set in container list.\n /\n condensed?: boolean;\n /\n If `true`, the left and right padding is removed.\n * Defaults to the value set in container list.\n /\n disableGutters?: boolean;\n /\n Element placed before the children.\n * Also removes the left padding (gutter).\n \n Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n * If unwanted, the element should be placed directly as a child.\n /\n startAdornment?: React.ReactNode;\n /\n Element placed after the children and aligned next to the margin.\n * Also removes the right padding (gutter).\n \n Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n * If unwanted, the element should be placed directly as a child.\n /\n endAdornment?: React.ReactNode;\n /* The value to be set on the 'li' element /\n value?: any;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvListItemClasses;\n}\n\nconst applyClassNameAndStateToElement = (\n element,\n selected,\n disabled,\n onClick,\n className,\n externalClassname\n) => {\n if (element != null) {\n return React.cloneElement(element, {\n className: clsx(className, externalClassname, element?.props?.className),\n checked: !!selected,\n disabled,\n onChange: (evt) => onClick?.(evt),\n });\n }\n\n return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n if (element != null) {\n return React.cloneElement(element, {\n className: clsx(className, externalClassname, element?.props?.className),\n });\n }\n\n return null;\n};\n\n/\n ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n id,\n classes,\n className,\n role,\n value,\n selected,\n disabled,\n interactive: interactiveProp,\n condensed: condensedProp,\n disableGutters: disableGuttersProp,\n startAdornment,\n endAdornment,\n onClick,\n children,\n tabIndex,\n ...others\n}: HvListItemProps) => {\n const {\n topContainerRef,\n condensed: condensedContext,\n disableGutters: disableGuttersContext,\n interactive: interactiveContext,\n } = useContext<any>(HvListContext);\n\n const condensed = condensedProp != null ? condensedProp : condensedContext;\n const disableGutters =\n disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n const interactive =\n interactiveProp != null ? interactiveProp : interactiveContext;\n\n const handleOnClick = useCallback(\n (evt) => {\n if (!disabled) {\n onClick?.(evt);\n }\n },\n [disabled, onClick]\n );\n\n const clonedStartAdornment = useMemo(\n () =>\n applyClassNameAndStateToElement(\n startAdornment,\n selected,\n disabled,\n handleOnClick,\n clsx(\n listItemClasses.startAdornment,\n disabled && listItemClasses.disabled\n ),\n clsx(classes?.startAdornment, disabled && classes?.disabled)\n ),\n [classes?.startAdornment, disabled, handleOnClick, selected, startAdornment]\n );\n const clonedEndAdornment = useMemo(\n () =>\n applyClassNameToElement(\n endAdornment,\n clsx(\n listItemClasses.endAdornment,\n disabled && listItemClasses.disabled\n ),\n clsx(classes?.endAdornment, disabled && classes?.disabled)\n ),\n [classes?.endAdornment, endAdornment]\n );\n\n const roleOptionAriaProps =\n role === \"option\" \|\| role === \"menuitem\"\n ? {\n \"aria-disabled\": disabled \|\| undefined,\n \"aria-selected\": selected,\n }\n : {};\n\n const listItem = (\n <StyledListItem\n id={id}\n role={role}\n value={value}\n onClick={handleOnClick}\n onKeyDown={() => {}}\n className={clsx(\n className,\n listItemClasses.root,\n classes?.root,\n !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n condensed && clsx(listItemClasses.condensed, classes?.condensed),\n interactive && clsx(listItemClasses.interactive, classes?.interactive),\n selected && clsx(listItemClasses.selected, classes?.selected),\n disabled && clsx(listItemClasses.disabled, classes?.disabled),\n startAdornment != null &&\n clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n endAdornment != null &&\n clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n )}\n $gutters={!disableGutters}\n $interactive={interactive}\n $disabled={disabled \|\| false}\n $selected={selected \|\| false}\n $startAdornment={startAdornment != null}\n $endAdornment={endAdornment != null}\n {...roleOptionAriaProps}\n {...others}\n >\n {clonedStartAdornment}\n {children}\n {clonedEndAdornment}\n </StyledListItem>\n );\n\n return interactiveProp ? (\n <StyledFocus\n rootRef={topContainerRef}\n selected={selected}\n disabledClass={disabled \|\| undefined}\n strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n configuration={{\n tabIndex,\n }}\n >\n {listItem}\n </StyledFocus>\n ) : (\n listItem\n );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","onKeyDown","root","gutters","withStartAdornment","withEndAdornment","$gutters","$interactive","$disabled","$selected","$startAdornment","$endAdornment","StyledFocus","rootRef","disabledClass","strategy","focus","configuration"],"mappings":"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"}

package/dist/esm/components/ListContainer/ListItem/listItemClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listItemClasses.js","sources":["../../../../../src/components/ListContainer/ListItem/listItemClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvListItemClasses {\n root?: string;\n focus?: string;\n startAdornment?: string;\n endAdornment?: string;\n gutters?: string;\n condensed?: string;\n interactive?: string;\n selected?: string;\n disabled?: string;\n withStartAdornment?: string;\n withEndAdornment?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"focus\",\n \"startAdornment\",\n \"endAdornment\",\n \"gutters\",\n \"condensed\",\n \"interactive\",\n \"selected\",\n \"disabled\",\n \"withStartAdornment\",\n \"withEndAdornment\",\n];\n\nconst listItemClasses = getClasses~~<HvListItemClasses>~~(classKeys, \"HvListItem\");\n\nexport default listItemClasses;\n"],"names":["classKeys","listItemClasses","getClasses"],"mappings":";AAgBA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,SACA,kBACA,gBACA,WACA,aACA,eACA,YACA,YACA,sBACA,kBAAkB;AAGpB,MAAMC,kBAAkBC,~~WAA8BF~~,WAAW,YAAY;~~AAE7E~~,MAAA,oBAAeC;"}
1	+ {"version":3,"file":"listItemClasses.js","sources":["../../../../../src/components/ListContainer/ListItem/listItemClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvListItemClasses {\n root?: string;\n focus?: string;\n startAdornment?: string;\n endAdornment?: string;\n gutters?: string;\n condensed?: string;\n interactive?: string;\n selected?: string;\n disabled?: string;\n withStartAdornment?: string;\n withEndAdornment?: string;\n}\n\nconst classKeys: (keyof HvListItemClasses)[] = [\n \"root\",\n \"focus\",\n \"startAdornment\",\n \"endAdornment\",\n \"gutters\",\n \"condensed\",\n \"interactive\",\n \"selected\",\n \"disabled\",\n \"withStartAdornment\",\n \"withEndAdornment\",\n];\n\nconst listItemClasses = getClasses(classKeys, \"HvListItem\");\n\nexport default listItemClasses;\n"],"names":["classKeys","listItemClasses","getClasses"],"mappings":";AAgBA,MAAMA,YAAyC,CAC7C,QACA,SACA,kBACA,gBACA,WACA,aACA,eACA,YACA,YACA,sBACA,kBAAkB;AAGpB,MAAMC,kBAAkBC,WAAWF,WAAW,YAAY;AAE1D,MAAA,oBAAeC;"}

package/dist/esm/components/ListContainer/listContainerClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listContainerClasses.js","sources":["../../../../src/components/ListContainer/listContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvListContainerClasses {\n root?: string;\n}\n\nconst classKeys: ~~string~~[] = [\"root\"];\n\nconst listContainerClasses = getClasses~~<HvListContainerClasses>~~(\n classKeys~~,\n~~ \"HvListContainer\"\n);\n\nexport default listContainerClasses;\n"],"names":["classKeys","listContainerClasses","getClasses"],"mappings":";AAMA,MAAMA,~~YAAsB~~,CAAC,MAAM;~~AAEnC~~,MAAMC,uBAAuBC,~~WAC3BF~~,~~WACA~~,iBAAiB;~~AAGnB~~,MAAA,yBAAeC;"}
1	+ {"version":3,"file":"listContainerClasses.js","sources":["../../../../src/components/ListContainer/listContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvListContainerClasses {\n root?: string;\n}\n\nconst classKeys: (keyof HvListContainerClasses)[] = [\"root\"];\n\nconst listContainerClasses = getClasses(classKeys, \"HvListContainer\");\n\nexport default listContainerClasses;\n"],"names":["classKeys","listContainerClasses","getClasses"],"mappings":";AAMA,MAAMA,YAA8C,CAAC,MAAM;AAE3D,MAAMC,uBAAuBC,WAAWF,WAAW,iBAAiB;AAEpE,MAAA,yBAAeC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { clsx } from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledBar,\n StyledBarContainer,\n StyledLabel,\n StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport interface HvLoadingProps extends HvBaseProps~~<HTMLDivElement>~~ {\n /** Indicates if the component should be render in a small size. /\n small?: boolean;\n /* The label to be displayed. /\n label?: string \| React.ReactNode;\n /* Whether the loading animation is hidden. /\n hidden?: boolean;\n /* Color applied to the bars. /\n color?: string;\n classes?: HvLoadingClasses;\n}\n\n/\n Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n const { color, hidden, small, label, classes, className, ...others } = props;\n\n const getColor = (colorName) => {\n return color ? theme.colors[color] \|\| color : theme.colors[colorName];\n };\n\n const size = small ? \"small\" : \"regular\";\n const colorVariant = color ? \"Color\" : \"\";\n const variant = `${size}${colorVariant}`;\n\n const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n return (\n <StyledRoot\n hidden={!!hidden}\n className={clsx(\n className,\n loadingClasses.root,\n classes?.root,\n hidden && clsx(classes?.hidden, loadingClasses.hidden)\n )}\n {...others}\n >\n <StyledBarContainer\n className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n >\n {range(0, 3).map((e) => (\n <StyledBar\n key={e}\n style={inline}\n className={clsx(\n loadingClasses.loadingBar,\n classes?.loadingBar,\n loadingClasses[variant],\n classes?.[variant]\n )}\n $variant={variant}\n ></StyledBar>\n ))}\n </StyledBarContainer>\n {label && (\n <StyledLabel\n variant=\"caption1\"\n className={clsx(loadingClasses.label, classes?.label)}\n >\n {label}\n </StyledLabel>\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AACvBR,WAAAA,QAAQS,MAAMC,OAAOV,KAAK,KAAKA,QAAQS,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACGc,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,KACTZ,WACAa,eAAeC,MACff,mCAASe,MACTlB,UAAUgB,KAAKb,mCAASH,QAAQiB,eAAejB,MAAM,CAAC;AAAA,IACtD,GACEK;AAAAA,IAAMc,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBjB,WAAWY,KAAKC,eAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,KACTC,eAAeW,YACfzB,mCAASyB,YACTX,eAAeL,OAAO,GACtBT,mCAAUS,QAAQ;AAAA,QAEpBiB,UAAUjB;AAAAA,MAAQ,GARba,CAAC,CAUT;AAAA,IAAA,CAAC,GAEHvB,SACCkB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,KAAKC,eAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;"}
1	+ {"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { clsx } from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledBar,\n StyledBarContainer,\n StyledLabel,\n StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport interface HvLoadingProps extends HvBaseProps {\n /** Indicates if the component should be render in a small size. /\n small?: boolean;\n /* The label to be displayed. /\n label?: string \| React.ReactNode;\n /* Whether the loading animation is hidden. /\n hidden?: boolean;\n /* Color applied to the bars. /\n color?: string;\n classes?: HvLoadingClasses;\n}\n\n/\n Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n const { color, hidden, small, label, classes, className, ...others } = props;\n\n const getColor = (colorName) => {\n return color ? theme.colors[color] \|\| color : theme.colors[colorName];\n };\n\n const size = small ? \"small\" : \"regular\";\n const colorVariant = color ? \"Color\" : \"\";\n const variant = `${size}${colorVariant}`;\n\n const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n return (\n <StyledRoot\n hidden={!!hidden}\n className={clsx(\n className,\n loadingClasses.root,\n classes?.root,\n hidden && clsx(classes?.hidden, loadingClasses.hidden)\n )}\n {...others}\n >\n <StyledBarContainer\n className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n >\n {range(0, 3).map((e) => (\n <StyledBar\n key={e}\n style={inline}\n className={clsx(\n loadingClasses.loadingBar,\n classes?.loadingBar,\n loadingClasses[variant],\n classes?.[variant]\n )}\n $variant={variant}\n ></StyledBar>\n ))}\n </StyledBarContainer>\n {label && (\n <StyledLabel\n variant=\"caption1\"\n className={clsx(loadingClasses.label, classes?.label)}\n >\n {label}\n </StyledLabel>\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AACvBR,WAAAA,QAAQS,MAAMC,OAAOV,KAAK,KAAKA,QAAQS,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACGc,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,KACTZ,WACAa,eAAeC,MACff,mCAASe,MACTlB,UAAUgB,KAAKb,mCAASH,QAAQiB,eAAejB,MAAM,CAAC;AAAA,IACtD,GACEK;AAAAA,IAAMc,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBjB,WAAWY,KAAKC,eAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,KACTC,eAAeW,YACfzB,mCAASyB,YACTX,eAAeL,OAAO,GACtBT,mCAAUS,QAAQ;AAAA,QAEpBiB,UAAUjB;AAAAA,MAAQ,GARba,CAAC,CAUT;AAAA,IAAA,CAAC,GAEHvB,SACCkB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,KAAKC,eAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;"}

package/dist/esm/components/Loading/loadingClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"loadingClasses.js","sources":["../../../../src/components/Loading/loadingClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLoadingClasses {\n root?: string;\n barContainer?: string;\n loadingBar?: string;\n label?: string;\n overlay?: string;\n blur?: string;\n hidden?: string;\n small?: string;\n regular?: string;\n smallColor?: string;\n regularColor?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"barContainer\",\n \"loadingBar\",\n \"label\",\n \"overlay\",\n \"blur\",\n \"hidden\",\n \"small\",\n \"regular\",\n \"smallColor\",\n \"regularColor\",\n];\n\nconst loadingClasses = getClasses~~<HvLoadingClasses>~~(classKeys, \"HvLoading\");\n\nexport default loadingClasses;\n"],"names":["classKeys","loadingClasses","getClasses"],"mappings":";AAgBA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,gBACA,cACA,SACA,WACA,QACA,UACA,SACA,WACA,cACA,cAAc;AAGhB,MAAMC,iBAAiBC,~~WAA6BF~~,WAAW,WAAW;~~AAE1E~~,MAAA,mBAAeC;"}
1	+ {"version":3,"file":"loadingClasses.js","sources":["../../../../src/components/Loading/loadingClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLoadingClasses {\n root?: string;\n barContainer?: string;\n loadingBar?: string;\n label?: string;\n overlay?: string;\n blur?: string;\n hidden?: string;\n small?: string;\n regular?: string;\n smallColor?: string;\n regularColor?: string;\n}\n\nconst classKeys: (keyof HvLoadingClasses)[] = [\n \"root\",\n \"barContainer\",\n \"loadingBar\",\n \"label\",\n \"overlay\",\n \"blur\",\n \"hidden\",\n \"small\",\n \"regular\",\n \"smallColor\",\n \"regularColor\",\n];\n\nconst loadingClasses = getClasses(classKeys, \"HvLoading\");\n\nexport default loadingClasses;\n"],"names":["classKeys","loadingClasses","getClasses"],"mappings":";AAgBA,MAAMA,YAAwC,CAC5C,QACA,gBACA,cACA,SACA,WACA,QACA,UACA,SACA,WACA,cACA,cAAc;AAGhB,MAAMC,iBAAiBC,WAAWF,WAAW,WAAW;AAExD,MAAA,mBAAeC;"}

package/dist/esm/components/Login/loginClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"loginClasses.js","sources":["../../../../src/components/Login/loginClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLoginClasses {\n root?: string;\n formContainer?: string;\n}\n\nconst classKeys: ~~string~~[] = [\"root\", \"formContainer\"];\n\nconst loginClasses = getClasses~~<HvLoginClasses>~~(classKeys, \"HvLogin\");\n\nexport default loginClasses;\n"],"names":["classKeys","loginClasses","getClasses"],"mappings":";AAOA,MAAMA,~~YAAsB~~,CAAC,QAAQ,eAAe;~~AAEpD~~,MAAMC,eAAeC,~~WAA2BF~~,WAAW,SAAS;~~AAEpE~~,MAAA,iBAAeC;"}
1	+ {"version":3,"file":"loginClasses.js","sources":["../../../../src/components/Login/loginClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvLoginClasses {\n root?: string;\n formContainer?: string;\n}\n\nconst classKeys: (keyof HvLoginClasses)[] = [\"root\", \"formContainer\"];\n\nconst loginClasses = getClasses(classKeys, \"HvLogin\");\n\nexport default loginClasses;\n"],"names":["classKeys","loginClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsC,CAAC,QAAQ,eAAe;AAEpE,MAAMC,eAAeC,WAAWF,WAAW,SAAS;AAEpD,MAAA,iBAAeC;"}

package/dist/esm/components/MultiButton/multiButtonClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"multiButtonClasses.js","sources":["../../../../src/components/MultiButton/multiButtonClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvMultiButtonClasses {\n root?: string;\n button?: string;\n vertical?: string;\n selected?: string;\n}\n\nconst classKeys: ~~string~~[] = [\"root\", \"button\", \"vertical\", \"selected\"];\n\nconst multiButtonClasses = getClasses~~<HvMultiButtonClasses>~~(\n classKeys~~,\n~~ \"HvMultiButton\"\n);\n\nexport default multiButtonClasses;\n"],"names":["classKeys","multiButtonClasses","getClasses"],"mappings":";AASA,MAAMA,~~YAAsB~~,~~CAAC~~,~~QAAQ~~,~~UAAU~~,~~YAAY~~,UAAU;~~AAErE~~,MAAMC,qBAAqBC,~~WACzBF~~,~~WACA~~,eAAe;~~AAGjB~~,MAAA,uBAAeC;"}
1	+ {"version":3,"file":"multiButtonClasses.js","sources":["../../../../src/components/MultiButton/multiButtonClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvMultiButtonClasses {\n root?: string;\n button?: string;\n vertical?: string;\n selected?: string;\n}\n\nconst classKeys: (keyof HvMultiButtonClasses)[] = [\n \"root\",\n \"button\",\n \"vertical\",\n \"selected\",\n];\n\nconst multiButtonClasses = getClasses(classKeys, \"HvMultiButton\");\n\nexport default multiButtonClasses;\n"],"names":["classKeys","multiButtonClasses","getClasses"],"mappings":";AASA,MAAMA,YAA4C,CAChD,QACA,UACA,YACA,UAAU;AAGZ,MAAMC,qBAAqBC,WAAWF,WAAW,eAAe;AAEhE,MAAA,uBAAeC;"}

package/dist/esm/components/OverflowTooltip/overflowTooltipClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overflowTooltipClasses.js","sources":["../../../../src/components/OverflowTooltip/overflowTooltipClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvOverflowTooltipClasses {\n root?: string;\n tooltipAnchor?: string;\n tooltipAnchorParagraph?: string;\n tooltipData?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"tooltipAnchor\",\n \"tooltipAnchorParagraph\",\n \"tooltipData\",\n];\n\nconst overflowTooltipClasses = getClasses~~<HvOverflowTooltipClasses>~~(\n classKeys~~,\n~~ \"HvOverflowTooltip\"\n);\n\nexport default overflowTooltipClasses;\n"],"names":["classKeys","overflowTooltipClasses","getClasses"],"mappings":";AASA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,iBACA,0BACA,aAAa;AAGf,MAAMC,yBAAyBC,~~WAC7BF~~,~~WACA~~,mBAAmB;~~AAGrB~~,MAAA,2BAAeC;"}
1	+ {"version":3,"file":"overflowTooltipClasses.js","sources":["../../../../src/components/OverflowTooltip/overflowTooltipClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvOverflowTooltipClasses {\n root?: string;\n tooltipAnchor?: string;\n tooltipAnchorParagraph?: string;\n tooltipData?: string;\n}\n\nconst classKeys: (keyof HvOverflowTooltipClasses)[] = [\n \"root\",\n \"tooltipAnchor\",\n \"tooltipAnchorParagraph\",\n \"tooltipData\",\n];\n\nconst overflowTooltipClasses = getClasses(classKeys, \"HvOverflowTooltip\");\n\nexport default overflowTooltipClasses;\n"],"names":["classKeys","overflowTooltipClasses","getClasses"],"mappings":";AASA,MAAMA,YAAgD,CACpD,QACA,iBACA,0BACA,aAAa;AAGf,MAAMC,yBAAyBC,WAAWF,WAAW,mBAAmB;AAExE,MAAA,2BAAeC;"}

package/dist/esm/components/Pagination/paginationClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"paginationClasses.js","sources":["../../../../src/components/Pagination/paginationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPaginationClasses {\n /** Styles applied to the component root class. /\n root?: string;\n /* Styles applied to the page size selector container. /\n pageSizeOptions?: string;\n /* Styles applied to the page size selector dropdown element. /\n pageSizeOptionsSelect?: string;\n /* Styles applied to the element that holds the labels for the page size selector /\n pageSizeTextContainer?: string;\n /* Styles applied to the page navigation container. /\n pageNavigator?: string;\n /* Styles applied to the central page information container. /\n pageInfo?: string;\n /* Styles applied to the page selector input container. /\n pageJump?: string;\n /* Styles passed down to the page selector Input component as `input`. /\n pageSizeInput?: string;\n /* Styles passed down to the page selector Input root. /\n pageSizeInputRoot?: string;\n /* Styles passed down to the page selector Input component as `container`. /\n pageSizeInputContainer?: string;\n /* Styles applied to each navigation `HvButton` icon container. /\n iconContainer?: string;\n /* Styles applied to each navigation icon. */\n icon?: string;\n}\n\nconst classKeys: ~~string~~[] = [\n \"root\",\n \"pageSizeOptions\",\n \"pageSizeOptionsSelect\",\n \"pageSizeTextContainer\",\n \"pageNavigator\",\n \"pageInfo\",\n \"pageJump\",\n \"pageSizeInput\",\n \"pageSizeInputRoot\",\n \"pageSizeInputContainer\",\n \"iconContainer\",\n \"icon\",\n];\n\nconst paginationClasses = getClasses~~<HvPaginationClasses>~~(\n classKeys~~,\n~~ \"HvPagination\"\n);\n\nexport default paginationClasses;\n"],"names":["classKeys","paginationClasses","getClasses"],"mappings":";AA6BA,MAAMA,~~YAAsB~~,~~CAC1B~~,QACA,mBACA,yBACA,yBACA,iBACA,YACA,YACA,iBACA,qBACA,0BACA,iBACA,MAAM;AAGR,MAAMC,oBAAoBC,~~WACxBF~~,~~WACA~~,cAAc;~~AAGhB~~,MAAA,sBAAeC;"}
1	+ {"version":3,"file":"paginationClasses.js","sources":["../../../../src/components/Pagination/paginationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPaginationClasses {\n /** Styles applied to the component root class. /\n root?: string;\n /* Styles applied to the page size selector container. /\n pageSizeOptions?: string;\n /* Styles applied to the page size selector dropdown element. /\n pageSizeOptionsSelect?: string;\n /* Styles applied to the element that holds the labels for the page size selector /\n pageSizeTextContainer?: string;\n /* Styles applied to the page navigation container. /\n pageNavigator?: string;\n /* Styles applied to the central page information container. /\n pageInfo?: string;\n /* Styles applied to the page selector input container. /\n pageJump?: string;\n /* Styles passed down to the page selector Input component as `input`. /\n pageSizeInput?: string;\n /* Styles passed down to the page selector Input root. /\n pageSizeInputRoot?: string;\n /* Styles passed down to the page selector Input component as `container`. /\n pageSizeInputContainer?: string;\n /* Styles applied to each navigation `HvButton` icon container. /\n iconContainer?: string;\n /* Styles applied to each navigation icon. */\n icon?: string;\n}\n\nconst classKeys: (keyof HvPaginationClasses)[] = [\n \"root\",\n \"pageSizeOptions\",\n \"pageSizeOptionsSelect\",\n \"pageSizeTextContainer\",\n \"pageNavigator\",\n \"pageInfo\",\n \"pageJump\",\n \"pageSizeInput\",\n \"pageSizeInputRoot\",\n \"pageSizeInputContainer\",\n \"iconContainer\",\n \"icon\",\n];\n\nconst paginationClasses = getClasses(classKeys, \"HvPagination\");\n\nexport default paginationClasses;\n"],"names":["classKeys","paginationClasses","getClasses"],"mappings":";AA6BA,MAAMA,YAA2C,CAC/C,QACA,mBACA,yBACA,yBACA,iBACA,YACA,YACA,iBACA,qBACA,0BACA,iBACA,MAAM;AAGR,MAAMC,oBAAoBC,WAAWF,WAAW,cAAc;AAE9D,MAAA,sBAAeC;"}