npm - @hitachivantara/uikit-react-core - Versions diffs - 5.31.0 → 5.33.0 - Mend

@hitachivantara/uikit-react-core 5.31.0 → 5.33.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 (740) hide show

package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseDropdown.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, {\n useMemo,\n useState,\n useCallback,\n KeyboardEventHandler,\n AriaAttributes,\n forwardRef,\n} from \"react\";\n\nimport { createPortal } from \"react-dom\";\n\nimport {\n ClickAwayListener,\n ClickAwayListenerProps,\n PopperPlacementType,\n PopperProps,\n} from \"@mui/material\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { isKey, isOneOfKeys } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { getFirstAndLastFocus } from \"@core/utils/focusableElementFinder\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./BaseDropdown.styles\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\n\nexport { staticClasses as baseDropdownClasses };\n\nexport type HvBaseDropdownClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseDropdownProps\n extends HvBaseProps<HTMLDivElement, \"placeholder\"> {\n /*\n The role of the element that triggers the popup.\n \n Defaults to \"combobox\" if `component` and the default\n * \"textbox\" header is used, undefined otherwise.\n /\n role?: string;\n /\n Header placeholder.\n /\n placeholder?: React.ReactNode;\n /\n If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n /\n disabled?: boolean;\n /\n If `true` the dropdown will be in read only mode, unable to be interacted.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: boolean;\n /\n Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n /\n disablePortal?: boolean;\n /\n If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n * Defaults to `false`.\n /\n variableWidth?: boolean;\n /\n If `true` the dropdown starts opened if `false` it starts closed.\n /\n expanded?: boolean;\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded?: boolean;\n /\n An object containing props to be wired to the popper component.\n /\n popperProps?: Partial<PopperProps>;\n /\n Placement of the dropdown.\n /\n placement?: \"left\" \| \"right\";\n /\n Replacement for the header component.\n /\n component?: React.ReactNode;\n /\n Adornment to replace the default arrows.\n /\n adornment?: React.ReactNode;\n /\n When dropdown changes the expanded state.\n /\n onToggle?: (event: Event, open: boolean) => void;\n /\n When user click outside the open container.\n /\n onClickOutside?: (event: Event) => void;\n /\n Callback called when the dropdown is opened and ready,\n * commonly used to set focus to the content.\n /\n onContainerCreation?: (container: HTMLElement \| null) => void;\n /\n Attributes applied to the dropdown header element.\n /\n dropdownHeaderProps?: React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n >;\n /\n Pass a ref to the dropdown header element.\n /\n dropdownHeaderRef?: React.Ref<HTMLDivElement>;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvBaseDropdownClasses;\n /* @ignore /\n ref?: React.Ref<HTMLDivElement>;\n}\n\nexport const HvBaseDropdown = forwardRef<HTMLDivElement, HvBaseDropdownProps>(\n (props, ref) => {\n const {\n id: idProp,\n className,\n classes: classesProp,\n children,\n role,\n placeholder,\n component,\n adornment,\n expanded,\n dropdownHeaderProps,\n defaultExpanded,\n disabled,\n readOnly,\n required,\n disablePortal,\n variableWidth,\n placement: placementProp = \"right\",\n \"aria-expanded\": ariaExpandedProp,\n \"aria-label\": ariaLabelProp,\n \"aria-labelledby\": ariaLabelledByProp,\n popperProps = {},\n dropdownHeaderRef: dropdownHeaderRefProp,\n onToggle,\n onClickOutside,\n onContainerCreation,\n ...others\n } = useDefaultProps(\"HvBaseDropdown\", props);\n const { classes, cx } = useClasses(classesProp);\n\n const { rootId } = useTheme();\n\n const [isOpen, setIsOpen] = useControlled(\n expanded,\n Boolean(defaultExpanded)\n );\n\n const [referenceElement, setReferenceElement] =\n useState<HTMLElement \| null>(null);\n const [popperElement, setPopperElement] = useState<HTMLElement \| null>(\n null\n );\n const [popperMaxSize, setPopperMaxSize] = useState<{\n width?: number;\n height?: number;\n }>({});\n\n const handleDropdownHeaderRefProp = useForkRef(\n dropdownHeaderRefProp,\n dropdownHeaderProps?.ref\n );\n const handleDropdownHeaderRef = useForkRef(\n setReferenceElement,\n handleDropdownHeaderRefProp\n );\n\n const ariaRole = role \|\| (component == null ? \"combobox\" : undefined);\n\n const ariaExpanded = ariaExpandedProp ?? (ariaRole ? !!isOpen : undefined);\n\n const id = useUniqueId(idProp, \"hvbasedropdown\");\n const containerId = setId(id, \"children-container\");\n\n const headerControlArias = {\n \"aria-required\": required ?? undefined,\n \"aria-readonly\": readOnly ?? undefined,\n\n \"aria-expanded\": ariaExpanded,\n \"aria-owns\": isOpen ? containerId : undefined,\n \"aria-controls\": isOpen ? containerId : undefined,\n } satisfies AriaAttributes;\n\n const headerAriaLabels = {\n \"aria-label\": ariaLabelProp,\n \"aria-labelledby\": ariaLabelledByProp,\n } satisfies AriaAttributes;\n\n const placement: PopperPlacementType = `bottom-${\n placementProp === \"right\" ? \"start\" : \"end\"\n }`;\n\n const extensionWidth = referenceElement\n ? referenceElement?.offsetWidth\n : \"inherit\";\n\n const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n popperProps;\n\n const onFirstUpdate = useCallback(() => {\n onContainerCreation?.(popperElement);\n }, [onContainerCreation, popperElement]);\n\n const widthCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n []\n );\n\n const widthCalculatorEffect = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.elements.popper.style.width = `${\n (state.elements.reference as any).offsetWidth\n }px`;\n },\n []\n );\n\n const applyMaxSizeCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n // The `maxSize` modifier provides this data\n const { width, height } = state.modifiersData.maxSize;\n if (\n width !== popperMaxSize?.width \|\|\n height !== popperMaxSize?.height\n ) {\n setPopperMaxSize({ width, height });\n }\n\n state.styles.popper = {\n ...state.styles.popper,\n maxWidth: `${width}px`,\n maxHeight: `${height}px`,\n };\n },\n [popperMaxSize]\n );\n\n const maxSizeCalculator = useCallback(\n ({ state, name, options }: ModifierArguments<Options>) => {\n const overflow = detectOverflow(state, options);\n\n const x = state.modifiersData.preventOverflow?.x \|\| 0;\n const y = state.modifiersData.preventOverflow?.y \|\| 0;\n\n const popperWidth = state.rects.popper.width;\n const popperHeight = state.rects.popper.height;\n\n const basePlacement = state.placement.split(\"-\")[0];\n\n const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n state.modifiersData[name] = {\n width: popperWidth - overflow[widthProp] - x,\n height: popperHeight - overflow[heightProp] - y,\n };\n },\n []\n );\n\n const modifiers = useMemo<PopperProps[\"modifiers\"]>(\n () => [\n {\n name: \"variableWidth\",\n enabled: !variableWidth,\n phase: \"beforeWrite\",\n requires: [\"computeStyles\"],\n fn: widthCalculator,\n effect: widthCalculatorEffect,\n },\n {\n name: \"maxSize\",\n enabled: true,\n phase: \"main\",\n requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n fn: maxSizeCalculator,\n },\n {\n name: \"applyMaxSize\",\n enabled: true,\n phase: \"beforeWrite\",\n requires: [\"maxSize\"],\n fn: applyMaxSizeCalculator,\n },\n ...popperPropsModifiers,\n ],\n [\n maxSizeCalculator,\n applyMaxSizeCalculator,\n popperPropsModifiers,\n variableWidth,\n widthCalculator,\n widthCalculatorEffect,\n ]\n );\n\n const { styles: popperStyles, attributes } = usePopper(\n referenceElement,\n popperElement,\n {\n placement,\n modifiers,\n onFirstUpdate,\n ...otherPopperProps,\n }\n );\n\n const popperPlacement =\n attributes.popper?.[\"data-popper-placement\"] ?? \"bottom\";\n\n const handleToggle = useCallback(\n (event) => {\n if (event && !isKey(event, \"Tab\")) {\n event.preventDefault();\n }\n\n const notControlKey =\n !!event?.code &&\n !isOneOfKeys(event, [\"Tab\", \"Enter\", \"Esc\", \"ArrowDown\", \"Space\"]);\n\n const ignoredCombinations =\n (isKey(event, \"Esc\") && !isOpen) \|\|\n (isKey(event, \"ArrowDown\") && isOpen) \|\|\n (isKey(event, \"Tab\") && !isOpen);\n\n if (disabled \|\| notControlKey \|\| ignoredCombinations) return;\n\n const newOpen = !isOpen;\n\n / If about to close focus on the header component. /\n setIsOpen(() => {\n if (!newOpen) {\n // Focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n referenceElement?.focus({ preventScroll: true });\n }\n\n return newOpen;\n });\n\n onToggle?.(event, newOpen);\n },\n [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n );\n\n const ExpanderComponent = isOpen ? DropUpXS : DropDownXS;\n\n const defaultHeaderElement = (\n <div\n id={setId(id, \"header\")}\n className={cx(classes.header, {\n [classes.headerDisabled]: disabled,\n [classes.headerReadOnly]: readOnly,\n [classes.headerOpen]: isOpen,\n [classes.headerOpenUp]: isOpen && popperPlacement.includes(\"top\"),\n [classes.headerOpenDown]:\n isOpen && popperPlacement.includes(\"bottom\"),\n })}\n // TODO: review \"textbox\" role\n role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n {...headerAriaLabels}\n style={disabled \|\| readOnly ? { pointerEvents: \"none\" } : undefined}\n // Removes the element from the navigation sequence for keyboard focus if disabled\n tabIndex={disabled ? -1 : 0}\n ref={handleDropdownHeaderRef}\n {...dropdownHeaderProps}\n >\n <div className={classes.selection}>\n {placeholder && typeof placeholder === \"string\" ? (\n <HvTypography\n className={cx(classes.placeholder, {\n [classes.selectionDisabled]: disabled,\n })}\n variant=\"body\"\n >\n {placeholder}\n </HvTypography>\n ) : (\n placeholder\n )}\n </div>\n <div className={classes.arrowContainer}>\n {adornment \|\| (\n <ExpanderComponent\n iconSize=\"XS\"\n color={disabled ? \"secondary_60\" : undefined}\n className={classes.arrow}\n />\n )}\n </div>\n </div>\n );\n\n const headerElement =\n component && React.isValidElement(component)\n ? React.cloneElement(component as React.ReactElement, {\n ref: handleDropdownHeaderRef,\n ...headerControlArias,\n })\n : defaultHeaderElement;\n\n const containerComponent = (() => {\n /\n Handle keyboard inside children container.\n /\n const handleContainerKeyDown: KeyboardEventHandler = (event) => {\n if (isKey(event, \"Esc\")) {\n handleToggle(event);\n }\n if (isKey(event, \"Tab\") && !event.shiftKey) {\n const focusList = getFirstAndLastFocus(popperElement);\n if (document.activeElement === focusList?.last) {\n event.preventDefault();\n focusList?.first?.focus();\n }\n }\n };\n\n const handleOutside: ClickAwayListenerProps[\"onClickAway\"] = (event) => {\n const isButtonClick = referenceElement?.contains(event.target as any);\n if (!isButtonClick) {\n onClickOutside?.(event);\n setIsOpen(false);\n onToggle?.(event, false);\n }\n };\n\n const container = (\n <div\n ref={setPopperElement}\n className={classes.container}\n style={popperStyles.popper}\n {...attributes.popper}\n >\n <ClickAwayListener onClickAway={handleOutside}>\n {/ eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n <div onKeyDown={handleContainerKeyDown}>\n {popperPlacement.includes(\"bottom\") && (\n <div\n style={{ width: extensionWidth }}\n className={cx(classes.inputExtensionOpen, {\n [classes.inputExtensionLeftPosition]:\n popperPlacement.includes(\"end\"),\n })}\n />\n )}\n <BaseDropdownContext.Provider value={popperMaxSize}>\n <div\n id={containerId}\n className={cx(classes.panel, {\n [classes.panelOpenedUp]: popperPlacement.includes(\"top\"),\n [classes.panelOpenedDown]:\n popperPlacement.includes(\"bottom\"),\n })}\n >\n {children}\n </div>\n </BaseDropdownContext.Provider>\n {popperPlacement.includes(\"top\") && (\n <div\n style={{ width: extensionWidth }}\n className={cx(\n classes.inputExtensionOpen,\n classes.inputExtensionOpenShadow,\n {\n [classes.inputExtensionFloatRight]:\n popperPlacement.includes(\"end\"),\n [classes.inputExtensionFloatLeft]:\n popperPlacement.includes(\"start\"),\n }\n )}\n />\n )}\n </div>\n </ClickAwayListener>\n </div>\n );\n\n if (disablePortal) return container;\n\n return createPortal(\n container,\n document.getElementById(rootId \|\| \"\") \|\| document.body\n );\n })();\n\n return (\n <div className={classes.root}>\n <div\n ref={ref}\n id={id}\n className={cx(\n classes.anchor,\n { [classes.rootDisabled]: disabled },\n className\n )}\n {...(!readOnly && {\n onKeyDown: handleToggle,\n onClick: handleToggle,\n })}\n {...(ariaRole && {\n role: ariaRole,\n ...headerAriaLabels,\n ...headerControlArias,\n })}\n // Removes the element from the navigation sequence for keyboard focus\n tabIndex={-1}\n {...others}\n >\n {headerElement}\n </div>\n {isOpen && containerComponent}\n </div>\n );\n }\n);\n"],"names":["HvBaseDropdown","forwardRef","props","ref","id","idProp","className","classes","classesProp","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","required","disablePortal","variableWidth","placement","placementProp","ariaExpandedProp","ariaLabelProp","ariaLabelledByProp","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","useDefaultProps","cx","useClasses","rootId","useTheme","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","handleDropdownHeaderRef","ariaRole","undefined","ariaExpanded","useUniqueId","containerId","setId","headerControlArias","headerAriaLabels","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKey","preventDefault","notControlKey","code","isOneOfKeys","ignoredCombinations","newOpen","focus","preventScroll","ExpanderComponent","DropUpXS","DropDownXS","defaultHeaderElement","jsxs","header","headerDisabled","headerReadOnly","headerOpen","headerOpenUp","includes","headerOpenDown","pointerEvents","jsx","selection","HvTypography","selectionDisabled","arrowContainer","arrow","headerElement","React","isValidElement","cloneElement","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","ClickAwayListener","inputExtensionOpen","inputExtensionLeftPosition","BaseDropdownContext","panel","panelOpenedUp","panelOpenedDown","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","root","anchor","rootDisabled","onKeyDown","onClick"],"mappings":"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"}
1	+ {"version":3,"file":"BaseDropdown.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, {\n useMemo,\n useState,\n useCallback,\n KeyboardEventHandler,\n AriaAttributes,\n forwardRef,\n} from \"react\";\n\nimport { createPortal } from \"react-dom\";\n\nimport {\n ClickAwayListener,\n ClickAwayListenerProps,\n PopperPlacementType,\n PopperProps,\n} from \"@mui/material\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { isKey, isOneOfKeys } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { getFirstAndLastFocus } from \"@core/utils/focusableElementFinder\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./BaseDropdown.styles\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\n\nexport { staticClasses as baseDropdownClasses };\n\nexport type HvBaseDropdownClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseDropdownProps\n extends HvBaseProps<HTMLDivElement, \"placeholder\"> {\n /*\n The role of the element that triggers the popup.\n \n Defaults to \"combobox\" if `component` and the default\n * \"textbox\" header is used, undefined otherwise.\n /\n role?: string;\n /\n Header placeholder.\n /\n placeholder?: React.ReactNode;\n /\n If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n /\n disabled?: boolean;\n /\n If `true` the dropdown will be in read only mode, unable to be interacted.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: boolean;\n /\n Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n /\n disablePortal?: boolean;\n /\n If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n * Defaults to `false`.\n /\n variableWidth?: boolean;\n /\n If `true` the dropdown starts opened if `false` it starts closed.\n /\n expanded?: boolean;\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded?: boolean;\n /\n An object containing props to be wired to the popper component.\n /\n popperProps?: Partial<PopperProps>;\n /\n Placement of the dropdown.\n /\n placement?: \"left\" \| \"right\";\n /\n Replacement for the header component.\n /\n component?: React.ReactNode;\n /\n Adornment to replace the default arrows.\n /\n adornment?: React.ReactNode;\n /\n When dropdown changes the expanded state.\n /\n onToggle?: (event: Event, open: boolean) => void;\n /\n When user click outside the open container.\n /\n onClickOutside?: (event: Event) => void;\n /\n Callback called when the dropdown is opened and ready,\n * commonly used to set focus to the content.\n /\n onContainerCreation?: (container: HTMLElement \| null) => void;\n /\n Attributes applied to the dropdown header element.\n /\n dropdownHeaderProps?: React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n >;\n /\n Pass a ref to the dropdown header element.\n /\n dropdownHeaderRef?: React.Ref<HTMLDivElement>;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvBaseDropdownClasses;\n /* @ignore /\n ref?: React.Ref<HTMLDivElement>;\n}\n\nexport const HvBaseDropdown = forwardRef<HTMLDivElement, HvBaseDropdownProps>(\n (props, ref) => {\n const {\n id: idProp,\n className,\n classes: classesProp,\n children,\n role,\n placeholder,\n component,\n adornment,\n expanded,\n dropdownHeaderProps,\n defaultExpanded,\n disabled,\n readOnly,\n required,\n disablePortal,\n variableWidth,\n placement: placementProp = \"right\",\n \"aria-expanded\": ariaExpandedProp,\n \"aria-label\": ariaLabelProp,\n \"aria-labelledby\": ariaLabelledByProp,\n popperProps = {},\n dropdownHeaderRef: dropdownHeaderRefProp,\n onToggle,\n onClickOutside,\n onContainerCreation,\n ...others\n } = useDefaultProps(\"HvBaseDropdown\", props);\n const { classes, cx } = useClasses(classesProp);\n\n const { rootId } = useTheme();\n\n const [isOpen, setIsOpen] = useControlled(\n expanded,\n Boolean(defaultExpanded)\n );\n\n const [referenceElement, setReferenceElement] =\n useState<HTMLElement \| null>(null);\n const [popperElement, setPopperElement] = useState<HTMLElement \| null>(\n null\n );\n const [popperMaxSize, setPopperMaxSize] = useState<{\n width?: number;\n height?: number;\n }>({});\n\n const handleDropdownHeaderRefProp = useForkRef(\n dropdownHeaderRefProp,\n dropdownHeaderProps?.ref\n );\n const handleDropdownHeaderRef = useForkRef(\n setReferenceElement,\n handleDropdownHeaderRefProp\n );\n\n const ariaRole = role \|\| (component == null ? \"combobox\" : undefined);\n\n const ariaExpanded = ariaExpandedProp ?? (ariaRole ? !!isOpen : undefined);\n\n const id = useUniqueId(idProp, \"hvbasedropdown\");\n const containerId = setId(id, \"children-container\");\n\n const headerControlArias = {\n \"aria-required\": required ?? undefined,\n \"aria-readonly\": readOnly ?? undefined,\n\n \"aria-expanded\": ariaExpanded,\n \"aria-owns\": isOpen ? containerId : undefined,\n \"aria-controls\": isOpen ? containerId : undefined,\n } satisfies AriaAttributes;\n\n const headerAriaLabels = {\n \"aria-label\": ariaLabelProp,\n \"aria-labelledby\": ariaLabelledByProp,\n } satisfies AriaAttributes;\n\n const placement: PopperPlacementType = `bottom-${\n placementProp === \"right\" ? \"start\" : \"end\"\n }`;\n\n const extensionWidth = referenceElement\n ? referenceElement?.offsetWidth\n : \"inherit\";\n\n const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n popperProps;\n\n const onFirstUpdate = useCallback(() => {\n onContainerCreation?.(popperElement);\n }, [onContainerCreation, popperElement]);\n\n const widthCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n []\n );\n\n const widthCalculatorEffect = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.elements.popper.style.width = `${\n (state.elements.reference as any).offsetWidth\n }px`;\n },\n []\n );\n\n const applyMaxSizeCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n // The `maxSize` modifier provides this data\n const { width, height } = state.modifiersData.maxSize;\n if (\n width !== popperMaxSize?.width \|\|\n height !== popperMaxSize?.height\n ) {\n setPopperMaxSize({ width, height });\n }\n\n state.styles.popper = {\n ...state.styles.popper,\n maxWidth: `${width}px`,\n maxHeight: `${height}px`,\n };\n },\n [popperMaxSize]\n );\n\n const maxSizeCalculator = useCallback(\n ({ state, name, options }: ModifierArguments<Options>) => {\n const overflow = detectOverflow(state, options);\n\n const x = state.modifiersData.preventOverflow?.x \|\| 0;\n const y = state.modifiersData.preventOverflow?.y \|\| 0;\n\n const popperWidth = state.rects.popper.width;\n const popperHeight = state.rects.popper.height;\n\n const basePlacement = state.placement.split(\"-\")[0];\n\n const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n state.modifiersData[name] = {\n width: popperWidth - overflow[widthProp] - x,\n height: popperHeight - overflow[heightProp] - y,\n };\n },\n []\n );\n\n const modifiers = useMemo<PopperProps[\"modifiers\"]>(\n () => [\n {\n name: \"variableWidth\",\n enabled: !variableWidth,\n phase: \"beforeWrite\",\n requires: [\"computeStyles\"],\n fn: widthCalculator,\n effect: widthCalculatorEffect,\n },\n {\n name: \"maxSize\",\n enabled: true,\n phase: \"main\",\n requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n fn: maxSizeCalculator,\n },\n {\n name: \"applyMaxSize\",\n enabled: true,\n phase: \"beforeWrite\",\n requires: [\"maxSize\"],\n fn: applyMaxSizeCalculator,\n },\n ...popperPropsModifiers,\n ],\n [\n maxSizeCalculator,\n applyMaxSizeCalculator,\n popperPropsModifiers,\n variableWidth,\n widthCalculator,\n widthCalculatorEffect,\n ]\n );\n\n const { styles: popperStyles, attributes } = usePopper(\n referenceElement,\n popperElement,\n {\n placement,\n modifiers,\n onFirstUpdate,\n ...otherPopperProps,\n }\n );\n\n const popperPlacement =\n attributes.popper?.[\"data-popper-placement\"] ?? \"bottom\";\n\n const handleToggle = useCallback(\n (event) => {\n if (event && !isKey(event, \"Tab\")) {\n event.preventDefault();\n }\n\n const notControlKey =\n !!event?.code &&\n !isOneOfKeys(event, [\"Tab\", \"Enter\", \"Esc\", \"ArrowDown\", \"Space\"]);\n\n const ignoredCombinations =\n (isKey(event, \"Esc\") && !isOpen) \|\|\n (isKey(event, \"ArrowDown\") && isOpen) \|\|\n (isKey(event, \"Tab\") && !isOpen);\n\n if (disabled \|\| notControlKey \|\| ignoredCombinations) return;\n\n const newOpen = !isOpen;\n\n / If about to close focus on the header component. /\n setIsOpen(() => {\n if (!newOpen) {\n // Focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n referenceElement?.focus({ preventScroll: true });\n }\n\n return newOpen;\n });\n\n onToggle?.(event, newOpen);\n },\n [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n );\n\n const ExpanderComponent = isOpen ? DropUpXS : DropDownXS;\n\n const defaultHeaderElement = (\n <div\n id={setId(id, \"header\")}\n className={cx(classes.header, {\n [classes.headerDisabled]: disabled,\n [classes.headerReadOnly]: readOnly,\n [classes.headerOpen]: isOpen,\n [classes.headerOpenUp]: isOpen && popperPlacement.includes(\"top\"),\n [classes.headerOpenDown]:\n isOpen && popperPlacement.includes(\"bottom\"),\n })}\n // TODO: review \"textbox\" role\n role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n {...headerAriaLabels}\n style={disabled \|\| readOnly ? { pointerEvents: \"none\" } : undefined}\n // Removes the element from the navigation sequence for keyboard focus if disabled\n tabIndex={disabled ? -1 : 0}\n ref={handleDropdownHeaderRef}\n {...dropdownHeaderProps}\n >\n <div className={classes.selection}>\n {placeholder && typeof placeholder === \"string\" ? (\n <HvTypography\n className={cx(classes.placeholder, {\n [classes.selectionDisabled]: disabled,\n })}\n variant=\"body\"\n >\n {placeholder}\n </HvTypography>\n ) : (\n placeholder\n )}\n </div>\n <div className={classes.arrowContainer}>\n {adornment \|\| (\n <ExpanderComponent\n iconSize=\"XS\"\n color={disabled ? \"secondary_60\" : undefined}\n className={classes.arrow}\n />\n )}\n </div>\n </div>\n );\n\n const headerElement =\n component && React.isValidElement(component)\n ? React.cloneElement(component as React.ReactElement, {\n ref: handleDropdownHeaderRef,\n ...headerControlArias,\n })\n : defaultHeaderElement;\n\n const containerComponent = (() => {\n /\n Handle keyboard inside children container.\n /\n const handleContainerKeyDown: KeyboardEventHandler = (event) => {\n if (isKey(event, \"Esc\")) {\n handleToggle(event);\n }\n if (isKey(event, \"Tab\") && !event.shiftKey) {\n const focusList = getFirstAndLastFocus(popperElement);\n if (document.activeElement === focusList?.last) {\n event.preventDefault();\n focusList?.first?.focus();\n }\n }\n };\n\n const handleOutside: ClickAwayListenerProps[\"onClickAway\"] = (event) => {\n const isButtonClick = referenceElement?.contains(event.target as any);\n if (!isButtonClick) {\n onClickOutside?.(event);\n setIsOpen(false);\n onToggle?.(event, false);\n }\n };\n\n const container = (\n <div\n ref={setPopperElement}\n className={classes.container}\n style={popperStyles.popper}\n {...attributes.popper}\n >\n <ClickAwayListener onClickAway={handleOutside}>\n {/ eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n <div onKeyDown={handleContainerKeyDown}>\n {popperPlacement.includes(\"bottom\") && (\n <div\n style={{ width: extensionWidth }}\n className={cx(classes.inputExtensionOpen, {\n [classes.inputExtensionLeftPosition]:\n popperPlacement.includes(\"end\"),\n })}\n />\n )}\n <BaseDropdownContext.Provider value={popperMaxSize}>\n <div\n id={containerId}\n className={cx(classes.panel, {\n [classes.panelOpenedUp]: popperPlacement.includes(\"top\"),\n [classes.panelOpenedDown]:\n popperPlacement.includes(\"bottom\"),\n })}\n >\n {children}\n </div>\n </BaseDropdownContext.Provider>\n {popperPlacement.includes(\"top\") && (\n <div\n style={{ width: extensionWidth }}\n className={cx(\n classes.inputExtensionOpen,\n classes.inputExtensionOpenShadow,\n {\n [classes.inputExtensionFloatRight]:\n popperPlacement.includes(\"end\"),\n [classes.inputExtensionFloatLeft]:\n popperPlacement.includes(\"start\"),\n }\n )}\n />\n )}\n </div>\n </ClickAwayListener>\n </div>\n );\n\n if (disablePortal) return container;\n\n return createPortal(\n container,\n document.getElementById(rootId \|\| \"\") \|\| document.body\n );\n })();\n\n return (\n <div className={classes.root}>\n <div\n ref={ref}\n id={id}\n className={cx(\n classes.anchor,\n { [classes.rootDisabled]: disabled },\n className\n )}\n {...(!readOnly && {\n onKeyDown: handleToggle,\n onClick: handleToggle,\n })}\n {...(ariaRole && {\n role: ariaRole,\n ...headerAriaLabels,\n ...headerControlArias,\n })}\n // Removes the element from the navigation sequence for keyboard focus\n tabIndex={-1}\n {...others}\n >\n {headerElement}\n </div>\n {isOpen && containerComponent}\n </div>\n );\n }\n);\n"],"names":["HvBaseDropdown","forwardRef","props","ref","id","idProp","className","classes","classesProp","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","required","disablePortal","variableWidth","placement","placementProp","ariaExpandedProp","ariaLabelProp","ariaLabelledByProp","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","useDefaultProps","cx","useClasses","rootId","useTheme","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","handleDropdownHeaderRef","ariaRole","undefined","ariaExpanded","useUniqueId","containerId","setId","headerControlArias","headerAriaLabels","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKey","preventDefault","notControlKey","code","isOneOfKeys","ignoredCombinations","newOpen","focus","preventScroll","ExpanderComponent","DropUpXS","DropDownXS","defaultHeaderElement","jsxs","header","headerDisabled","headerReadOnly","headerOpen","headerOpenUp","includes","headerOpenDown","pointerEvents","jsx","selection","HvTypography","selectionDisabled","arrowContainer","arrow","headerElement","React","isValidElement","cloneElement","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","ClickAwayListener","inputExtensionOpen","inputExtensionLeftPosition","BaseDropdownContext","panel","panelOpenedUp","panelOpenedDown","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","root","anchor","rootDisabled","onKeyDown","onClick"],"mappings":"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"}

package/dist/cjs/components/BaseDropdown/BaseDropdown.styles.cjs CHANGED Viewed

@@ -31,7 +31,7 @@ const {
     position: "relative",
     background: uikitStyles.theme.colors.atmo1,
     boxSizing: "border-box",
-    border: `1px solid ${uikitStyles.theme.colors.secondary_80}`,
+    border: `1px solid ${uikitStyles.theme.colors.secondary}`,
     borderRadius: uikitStyles.theme.radii.base,
     "&:hover": {
       border: `1px solid ${uikitStyles.theme.colors.primary}`
@@ -45,9 +45,9 @@ const {
     }
   },
   headerOpen: {
-    border: `1px solid ${uikitStyles.theme.colors.secondary_80}`,
+    border: `1px solid ${uikitStyles.theme.colors.secondary}`,
     "&:hover": {
-      border: `1px solid ${uikitStyles.theme.colors.secondary_80}`
+      border: `1px solid ${uikitStyles.theme.colors.secondary}`
     }
   },
   headerOpenUp: {
@@ -104,7 +104,7 @@ const {
   panel: {
     position: "relative",
     backgroundColor: uikitStyles.theme.colors.atmo1,
-    border: `1px solid ${uikitStyles.theme.colors.secondary_80}`
+    border: `1px solid ${uikitStyles.theme.colors.secondary}`
   },
   panelOpenedUp: {
     top: 1,
@@ -119,8 +119,8 @@ const {
     backgroundColor: uikitStyles.theme.colors.atmo1,
     borderTop: "none",
     borderBottom: "none",
-    borderRight: `1px solid ${uikitStyles.theme.colors.secondary_80}`,
-    borderLeft: `1px solid ${uikitStyles.theme.colors.secondary_80}`
+    borderRight: `1px solid ${uikitStyles.theme.colors.secondary}`,
+    borderLeft: `1px solid ${uikitStyles.theme.colors.secondary}`
   },
   inputExtensionLeftPosition: {
     marginLeft: "auto"

package/dist/cjs/components/BaseDropdown/BaseDropdown.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseDropdown.styles.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBaseDropdown\", {\n root: { width: \"100%\", position: \"relative\" },\n rootDisabled: {\n cursor: \"not-allowed\",\n \"&:focus\": {\n outline: \"none\",\n },\n },\n anchor: { display: \"inline-block\", width: \"100%\" },\n container: { zIndex: theme.zIndices.popover, width: \"auto\" },\n header: {\n cursor: \"pointer\",\n userSelect: \"none\",\n position: \"relative\",\n background: theme.colors.atmo1,\n boxSizing: \"border-box\",\n border: `1px solid ${theme.colors.~~secondary_80~~}`,\n borderRadius: theme.radii.base,\n \"&:hover\": {\n border: `1px solid ${theme.colors.primary}`,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n border: `1px solid ${theme.colors.primary}`,\n },\n },\n headerOpen: {\n border: `1px solid ${theme.colors.~~secondary_80~~}`,\n\n \"&:hover\": {\n border: `1px solid ${theme.colors.~~secondary_80~~}`,\n },\n },\n headerOpenUp: {\n borderRadius: `0px 0px ${theme.radii.base} ${theme.radii.base}`,\n },\n headerOpenDown: {\n borderRadius: `${theme.radii.base} ${theme.radii.base} 0px 0px`,\n },\n headerDisabled: {\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n border: `1px solid ${theme.colors.secondary_60}`,\n background: theme.colors.atmo2,\n \"&:hover\": {\n border: `1px solid ${theme.colors.secondary_60}`,\n },\n },\n headerReadOnly: {\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n border: `1px solid ${theme.colors.secondary_60}`,\n background: theme.colors.atmo2,\n userSelect: \"text\",\n \"&:focus-visible\": {\n outline: \"none\",\n border: `1px solid ${theme.colors.secondary_60}`,\n },\n },\n arrowContainer: {\n position: \"absolute\",\n pointerEvents: \"none\",\n top: -1,\n right: -1,\n },\n arrow: {},\n selection: {\n display: \"flex\",\n alignItems: \"center\",\n height: \"30px\",\n boxSizing: \"border-box\",\n paddingLeft: theme.space.xs,\n },\n placeholder: {\n display: \"block\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...theme.typography.body,\n color: theme.colors.secondary_80,\n },\n selectionDisabled: { color: theme.colors.secondary_60 },\n panel: {\n position: \"relative\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.colors.~~secondary_80~~}`,\n },\n panelOpenedUp: {\n top: 1,\n borderRadius: `${theme.radii.base} ${theme.radii.base} 0 0`,\n },\n panelOpenedDown: {\n top: -1,\n borderRadius: `0 0 ${theme.radii.base} ${theme.radii.base}`,\n },\n inputExtensionOpen: {\n height: \"0px\",\n backgroundColor: theme.colors.atmo1,\n borderTop: \"none\",\n borderBottom: \"none\",\n borderRight: `1px solid ${theme.colors.~~secondary_80~~}`,\n borderLeft: `1px solid ${theme.colors.~~secondary_80~~}`,\n },\n inputExtensionLeftPosition: { marginLeft: \"auto\" },\n inputExtensionOpenShadow: {\n boxShadow: `0px 8px 0px ${theme.colors.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n },\n inputExtensionFloatRight: { float: \"right\" },\n inputExtensionFloatLeft: { float: \"left\" },\n});\n"],"names":["useClasses","staticClasses","createClasses","root","width","position","rootDisabled","cursor","outline","anchor","display","container","zIndex","theme","zIndices","popover","header","userSelect","background","colors","atmo1","boxSizing","border","~~secondary_80~~","borderRadius","radii","base","primary","outlineStyles","headerOpen","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","secondary_60","atmo2","headerReadOnly","arrowContainer","top","right","arrow","selection","alignItems","height","paddingLeft","space","xs","placeholder","overflow","textOverflow","whiteSpace","typography","body","color","selectionDisabled","panel","backgroundColor","panelOpenedUp","panelOpenedDown","inputExtensionOpen","borderTop","borderBottom","borderRight","borderLeft","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","boxShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"mappings":";;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,QAAAA,cAAc,kBAAkB;AAAA,EAC3EC,MAAM;AAAA,IAAEC,OAAO;AAAA,IAAQC,UAAU;AAAA,EAAW;AAAA,EAC5CC,cAAc;AAAA,IACZC,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,QAAQ;AAAA,IAAEC,SAAS;AAAA,IAAgBN,OAAO;AAAA,EAAO;AAAA,EACjDO,WAAW;AAAA,IAAEC,QAAQC,YAAAA,MAAMC,SAASC;AAAAA,IAASX,OAAO;AAAA,EAAO;AAAA,EAC3DY,QAAQ;AAAA,IACNT,QAAQ;AAAA,IACRU,YAAY;AAAA,IACZZ,UAAU;AAAA,IACVa,YAAYL,YAAAA,MAAMM,OAAOC;AAAAA,IACzBC,WAAW;AAAA,IACXC,QAAS,aAAYT,YAAMM,MAAAA,OAAOI,~~YAAa~~;AAAA,~~IAC/CC~~,cAAcX,YAAAA,MAAMY,MAAMC;AAAAA,IAC1B,WAAW;AAAA,MACTJ,QAAS,aAAYT,YAAMM,MAAAA,OAAOQ,OAAQ;AAAA,IAC5C;AAAA,IACA,WAAW;AAAA,MACTnB,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGoB,WAAAA;AAAAA,MACHN,QAAS,aAAYT,YAAMM,MAAAA,OAAOQ,OAAQ;AAAA,IAC5C;AAAA,EACF;AAAA,EACAE,YAAY;AAAA,IACVP,QAAS,aAAYT,YAAMM,MAAAA,OAAOI,~~YAAa~~;AAAA,~~IAE/C~~,WAAW;AAAA,MACTD,QAAS,aAAYT,YAAMM,MAAAA,OAAOI,~~YAAa~~;AAAA,~~IACjD~~;AAAA,EACF;AAAA,EACAO,cAAc;AAAA,IACZN,cAAe,WAAUX,YAAAA,MAAMY,MAAMC,IAAK,IAAGb,YAAAA,MAAMY,MAAMC,IAAK;AAAA,EAChE;AAAA,EACAK,gBAAgB;AAAA,IACdP,cAAe,GAAEX,YAAMY,MAAAA,MAAMC,IAAK,IAAGb,kBAAMY,MAAMC,IAAK;AAAA,EACxD;AAAA,EACAM,gBAAgB;AAAA,IACdzB,QAAQ;AAAA,IACR0B,eAAe;AAAA,IACfX,QAAS,aAAYT,YAAMM,MAAAA,OAAOe,YAAa;AAAA,IAC/ChB,YAAYL,YAAAA,MAAMM,OAAOgB;AAAAA,IACzB,WAAW;AAAA,MACTb,QAAS,aAAYT,YAAMM,MAAAA,OAAOe,YAAa;AAAA,IACjD;AAAA,EACF;AAAA,EACAE,gBAAgB;AAAA,IACd7B,QAAQ;AAAA,IACR0B,eAAe;AAAA,IACfX,QAAS,aAAYT,YAAMM,MAAAA,OAAOe,YAAa;AAAA,IAC/ChB,YAAYL,YAAAA,MAAMM,OAAOgB;AAAAA,IACzBlB,YAAY;AAAA,IACZ,mBAAmB;AAAA,MACjBT,SAAS;AAAA,MACTc,QAAS,aAAYT,YAAMM,MAAAA,OAAOe,YAAa;AAAA,IACjD;AAAA,EACF;AAAA,EACAG,gBAAgB;AAAA,IACdhC,UAAU;AAAA,IACV4B,eAAe;AAAA,IACfK,KAAK;AAAA,IACLC,OAAO;AAAA,EACT;AAAA,EACAC,OAAO,CAAC;AAAA,EACRC,WAAW;AAAA,IACT/B,SAAS;AAAA,IACTgC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRtB,WAAW;AAAA,IACXuB,aAAa/B,YAAAA,MAAMgC,MAAMC;AAAAA,EAC3B;AAAA,EACAC,aAAa;AAAA,IACXrC,SAAS;AAAA,IACTsC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,IACZ,GAAGrC,YAAAA,MAAMsC,WAAWC;AAAAA,IACpBC,OAAOxC,YAAAA,MAAMM,~~OAAOI~~;AAAAA,EACtB;AAAA,~~EACA+B~~,mBAAmB;AAAA,~~IAAED~~,OAAOxC,YAAAA,MAAMM,OAAOe;AAAAA,EAAa;AAAA,~~EACtDqB~~,OAAO;AAAA,~~IACLlD~~,UAAU;AAAA,~~IAEVmD~~,~~iBAAiB3C~~,YAAAA,MAAMM,OAAOC;AAAAA,IAC9BE,QAAS,aAAYT,YAAMM,MAAAA,OAAOI,~~YAAa~~;AAAA,~~EACjD~~;AAAA,~~EACAkC~~,eAAe;AAAA,~~IACbnB~~,KAAK;AAAA,IACLd,cAAe,GAAEX,YAAMY,MAAAA,MAAMC,IAAK,IAAGb,kBAAMY,MAAMC,IAAK;AAAA,EACxD;AAAA,~~EACAgC~~,iBAAiB;AAAA,~~IACfpB~~,KAAK;AAAA,IACLd,cAAe,OAAMX,YAAAA,MAAMY,MAAMC,IAAK,IAAGb,YAAAA,MAAMY,MAAMC,IAAK;AAAA,EAC5D;AAAA,~~EACAiC~~,oBAAoB;AAAA,~~IAClBhB~~,QAAQ;AAAA,~~IACRa~~,~~iBAAiB3C~~,YAAAA,MAAMM,OAAOC;AAAAA,~~IAC9BwC~~,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,aAAc,~~aAAYjD~~,YAAMM,MAAAA,OAAOI,~~YAAa~~;AAAA,~~IACpDwC~~,YAAa,~~aAAYlD~~,YAAMM,MAAAA,OAAOI,~~YAAa~~;AAAA,~~EACrD~~;AAAA,~~EACAyC~~,4BAA4B;AAAA,IAAEC,YAAY;AAAA,EAAO;AAAA,EACjDC,0BAA0B;AAAA,IACxBC,WAAY,~~eAActD~~,YAAAA,MAAMM,OAAOC,KAAM;AAAA,EAC/C;AAAA,~~EACAgD~~,0BAA0B;AAAA,IAAEC,OAAO;AAAA,EAAQ;AAAA,EAC3CC,yBAAyB;AAAA,IAAED,OAAO;AAAA,EAAO;AAC3C,CAAC;;;"}
1	+ {"version":3,"file":"BaseDropdown.styles.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBaseDropdown\", {\n root: { width: \"100%\", position: \"relative\" },\n rootDisabled: {\n cursor: \"not-allowed\",\n \"&:focus\": {\n outline: \"none\",\n },\n },\n anchor: { display: \"inline-block\", width: \"100%\" },\n container: { zIndex: theme.zIndices.popover, width: \"auto\" },\n header: {\n cursor: \"pointer\",\n userSelect: \"none\",\n position: \"relative\",\n background: theme.colors.atmo1,\n boxSizing: \"border-box\",\n border: `1px solid ${theme.colors.secondary}`,\n borderRadius: theme.radii.base,\n \"&:hover\": {\n border: `1px solid ${theme.colors.primary}`,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n border: `1px solid ${theme.colors.primary}`,\n },\n },\n headerOpen: {\n border: `1px solid ${theme.colors.secondary}`,\n\n \"&:hover\": {\n border: `1px solid ${theme.colors.secondary}`,\n },\n },\n headerOpenUp: {\n borderRadius: `0px 0px ${theme.radii.base} ${theme.radii.base}`,\n },\n headerOpenDown: {\n borderRadius: `${theme.radii.base} ${theme.radii.base} 0px 0px`,\n },\n headerDisabled: {\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n border: `1px solid ${theme.colors.secondary_60}`,\n background: theme.colors.atmo2,\n \"&:hover\": {\n border: `1px solid ${theme.colors.secondary_60}`,\n },\n },\n headerReadOnly: {\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n border: `1px solid ${theme.colors.secondary_60}`,\n background: theme.colors.atmo2,\n userSelect: \"text\",\n \"&:focus-visible\": {\n outline: \"none\",\n border: `1px solid ${theme.colors.secondary_60}`,\n },\n },\n arrowContainer: {\n position: \"absolute\",\n pointerEvents: \"none\",\n top: -1,\n right: -1,\n },\n arrow: {},\n selection: {\n display: \"flex\",\n alignItems: \"center\",\n height: \"30px\",\n boxSizing: \"border-box\",\n paddingLeft: theme.space.xs,\n },\n placeholder: {\n display: \"block\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...theme.typography.body,\n color: theme.colors.secondary_80,\n },\n selectionDisabled: { color: theme.colors.secondary_60 },\n panel: {\n position: \"relative\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.colors.secondary}`,\n },\n panelOpenedUp: {\n top: 1,\n borderRadius: `${theme.radii.base} ${theme.radii.base} 0 0`,\n },\n panelOpenedDown: {\n top: -1,\n borderRadius: `0 0 ${theme.radii.base} ${theme.radii.base}`,\n },\n inputExtensionOpen: {\n height: \"0px\",\n backgroundColor: theme.colors.atmo1,\n borderTop: \"none\",\n borderBottom: \"none\",\n borderRight: `1px solid ${theme.colors.secondary}`,\n borderLeft: `1px solid ${theme.colors.secondary}`,\n },\n inputExtensionLeftPosition: { marginLeft: \"auto\" },\n inputExtensionOpenShadow: {\n boxShadow: `0px 8px 0px ${theme.colors.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n },\n inputExtensionFloatRight: { float: \"right\" },\n inputExtensionFloatLeft: { float: \"left\" },\n});\n"],"names":["useClasses","staticClasses","createClasses","root","width","position","rootDisabled","cursor","outline","anchor","display","container","zIndex","theme","zIndices","popover","header","userSelect","background","colors","atmo1","boxSizing","border","secondary","borderRadius","radii","base","primary","outlineStyles","headerOpen","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","secondary_60","atmo2","headerReadOnly","arrowContainer","top","right","arrow","selection","alignItems","height","paddingLeft","space","xs","placeholder","overflow","textOverflow","whiteSpace","typography","body","color","secondary_80","selectionDisabled","panel","backgroundColor","panelOpenedUp","panelOpenedDown","inputExtensionOpen","borderTop","borderBottom","borderRight","borderLeft","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","boxShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"mappings":"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"}

package/dist/cjs/components/BaseInput/BaseInput.cjs CHANGED Viewed

@@ -63,7 +63,7 @@ const HvBaseInput = (props) => {
   const formElementDescriptorsContext = React.useContext(FormElementDescriptorsContext.HvFormElementDescriptorsContext);
   const ariaProps = FormUtils.buildAriaPropsFromContext(inputProps, formElementDescriptorsContext, localInvalid, id);
   const onChangeHandler = (event) => {
-    onChange == null ? void 0 : onChange(event, event.target.value);
+    onChange?.(event, event.target.value);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(react.Global, { styles: baseInputStyles }),

package/dist/cjs/components/BaseInput/BaseInput.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseInput.cjs","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport {\n InputBaseComponentProps as MuiInputBaseComponentProps,\n InputProps as MuiInputProps,\n Input as MuiInput,\n InputBaseProps,\n} from \"@mui/material\";\n\nimport { css as emotionCss, Global } from \"@emotion/react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n} from \"@core/components/Forms\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { staticClasses, useClasses } from \"./BaseInput.styles\";\n\nexport { staticClasses as baseInputClasses };\n\nexport type HvBaseInputClasses = ExtractNames<typeof useClasses>;\n\n// Global styles for the base input.\nconst baseInputStyles = emotionCss({\n \"input:-webkit-autofill\": {\n WebkitBoxShadow: `0 0 0px 1000px ${theme.colors.atmo1} inset`,\n WebkitTextFillColor: theme.colors.secondary,\n },\n\n // Clears number input up/down arrows in Chrome and Firefox\n \"input::-webkit-outer-spin-button,input::-webkit-inner-spin-button\": {\n WebkitAppearance: \"none\",\n margin: 0,\n },\n \"input[type=number]\": {\n MozAppearance: \"textfield\",\n },\n\n // Clears time input clock in Chrome\n \"input::-webkit-calendar-picker-indicator\": {\n display: \"none\",\n },\n\n // Clears search input clear button in Chrome\n \"input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration\":\n {\n display: \"none\",\n },\n});\n\nexport interface HvBaseInputProps\n extends Omit<MuiInputProps, \"onChange\" \| \"classes\">,\n HvBaseProps<\n HTMLDivElement,\n \| \"onChange\"\n \| \"color\"\n \| \"onBlur\"\n \| \"onFocus\"\n \| \"onInvalid\"\n \| \"onKeyDown\"\n \| \"onKeyUp\"\n > {\n /** The input name. /\n name?: string;\n /* The value of the input, when controlled. /\n value?: string;\n /* The initial value of the input, when uncontrolled. /\n defaultValue?: string;\n /* If `true` the input is disabled. /\n disabled?: boolean;\n /* Indicates that the input is not editable. /\n readOnly?: boolean;\n /* If true, the input element will be required. /\n required?: boolean;\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 onChange?: (\n event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>,\n value: string\n ) => void;\n /* The input type. /\n type?: string;\n /* Label inside the input used to help user. /\n placeholder?: string;\n /* If true, a textarea element will be rendered. /\n multiline?: boolean;\n /* If true and multiline is also true the textarea element will be resizable. /\n resizable?: boolean;\n /* Denotes if the input is in an invalid state. /\n invalid?: boolean;\n /* Attributes applied to the input element. /\n inputProps?: MuiInputBaseComponentProps;\n /* Allows passing a ref to the underlying input /\n inputRef?: InputBaseProps[\"inputRef\"];\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBaseInputClasses;\n}\n\n/\n An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = (props: HvBaseInputProps) => {\n const {\n classes: classesProp,\n className = \"\",\n id,\n name,\n value,\n defaultValue,\n required,\n readOnly,\n disabled,\n onChange,\n type = \"text\",\n placeholder,\n multiline = false,\n resizable = false,\n invalid = false,\n inputRef,\n inputProps = {},\n ...others\n } = useDefaultProps(\"HvBaseInput\", props);\n const { classes, cx } = useClasses(classesProp);\n const formElementContext = useContext(HvFormElementContext);\n const formElementProps = buildFormElementPropsFromContext(\n name,\n disabled,\n readOnly,\n required,\n formElementContext\n );\n\n const localInvalid = invalid \|\| formElementProps.status === \"invalid\";\n\n const formElementDescriptorsContext = useContext(\n HvFormElementDescriptorsContext\n );\n const ariaProps = buildAriaPropsFromContext(\n inputProps,\n formElementDescriptorsContext,\n localInvalid,\n id\n );\n\n const onChangeHandler: MuiInputProps[\"onChange\"] = (event) => {\n onChange?.(event, event.target.value);\n };\n\n return (\n <>\n <Global styles={baseInputStyles} />\n <div\n className={cx(classes.root, className, {\n [classes.disabled]: formElementProps.disabled,\n [classes.invalid]: localInvalid,\n [classes.resizable]: multiline && resizable,\n [classes.readOnly]: formElementProps.readOnly,\n })}\n >\n <MuiInput\n id={id}\n name={formElementProps.name}\n value={value}\n defaultValue={defaultValue}\n type={type}\n placeholder={placeholder}\n readOnly={!!formElementProps.readOnly}\n disabled={formElementProps.disabled}\n onChange={onChangeHandler}\n className={cx({\n [classes.inputRootInvalid]: localInvalid,\n [classes.inputRootReadOnly]: formElementProps.readOnly,\n })}\n classes={{\n root: classes.inputRoot,\n focused: classes.inputRootFocused,\n disabled: classes.inputRootDisabled,\n multiline: classes.inputRootMultiline,\n input: cx(classes.input, {\n [classes.inputResizable]: !formElementProps.disabled && resizable,\n [classes.inputDisabled]: formElementProps.disabled,\n [classes.inputReadOnly]: formElementProps.readOnly,\n }),\n }}\n inputProps={{\n // Avoid the required attribute at the root node\n required: formElementProps.required,\n ...inputProps,\n ...ariaProps,\n }}\n inputRef={inputRef}\n multiline={multiline}\n rows={10}\n {...others}\n />\n {!multiline && (\n <div role=\"presentation\" className={classes.inputBorderContainer} />\n )}\n </div>\n </>\n );\n};\n"],"names":["baseInputStyles","emotionCss","WebkitBoxShadow","theme","colors","atmo1","WebkitTextFillColor","secondary","WebkitAppearance","margin","MozAppearance","display","process","env","NODE_ENV","HvBaseInput","props","classes","classesProp","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","useDefaultProps","cx","useClasses","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","localInvalid","status","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","jsxs","Fragment","jsx","Global","root","MuiInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","inputBorderContainer"],"mappings":"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"}
1	+ {"version":3,"file":"BaseInput.cjs","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport {\n InputBaseComponentProps as MuiInputBaseComponentProps,\n InputProps as MuiInputProps,\n Input as MuiInput,\n InputBaseProps,\n} from \"@mui/material\";\n\nimport { css as emotionCss, Global } from \"@emotion/react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n} from \"@core/components/Forms\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { staticClasses, useClasses } from \"./BaseInput.styles\";\n\nexport { staticClasses as baseInputClasses };\n\nexport type HvBaseInputClasses = ExtractNames<typeof useClasses>;\n\n// Global styles for the base input.\nconst baseInputStyles = emotionCss({\n \"input:-webkit-autofill\": {\n WebkitBoxShadow: `0 0 0px 1000px ${theme.colors.atmo1} inset`,\n WebkitTextFillColor: theme.colors.secondary,\n },\n\n // Clears number input up/down arrows in Chrome and Firefox\n \"input::-webkit-outer-spin-button,input::-webkit-inner-spin-button\": {\n WebkitAppearance: \"none\",\n margin: 0,\n },\n \"input[type=number]\": {\n MozAppearance: \"textfield\",\n },\n\n // Clears time input clock in Chrome\n \"input::-webkit-calendar-picker-indicator\": {\n display: \"none\",\n },\n\n // Clears search input clear button in Chrome\n \"input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration\":\n {\n display: \"none\",\n },\n});\n\nexport interface HvBaseInputProps\n extends Omit<MuiInputProps, \"onChange\" \| \"classes\">,\n HvBaseProps<\n HTMLDivElement,\n \| \"onChange\"\n \| \"color\"\n \| \"onBlur\"\n \| \"onFocus\"\n \| \"onInvalid\"\n \| \"onKeyDown\"\n \| \"onKeyUp\"\n > {\n /** The input name. /\n name?: string;\n /* The value of the input, when controlled. /\n value?: string;\n /* The initial value of the input, when uncontrolled. /\n defaultValue?: string;\n /* If `true` the input is disabled. /\n disabled?: boolean;\n /* Indicates that the input is not editable. /\n readOnly?: boolean;\n /* If true, the input element will be required. /\n required?: boolean;\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 onChange?: (\n event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>,\n value: string\n ) => void;\n /* The input type. /\n type?: string;\n /* Label inside the input used to help user. /\n placeholder?: string;\n /* If true, a textarea element will be rendered. /\n multiline?: boolean;\n /* If true and multiline is also true the textarea element will be resizable. /\n resizable?: boolean;\n /* Denotes if the input is in an invalid state. /\n invalid?: boolean;\n /* Attributes applied to the input element. /\n inputProps?: MuiInputBaseComponentProps;\n /* Allows passing a ref to the underlying input /\n inputRef?: InputBaseProps[\"inputRef\"];\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBaseInputClasses;\n}\n\n/\n An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = (props: HvBaseInputProps) => {\n const {\n classes: classesProp,\n className = \"\",\n id,\n name,\n value,\n defaultValue,\n required,\n readOnly,\n disabled,\n onChange,\n type = \"text\",\n placeholder,\n multiline = false,\n resizable = false,\n invalid = false,\n inputRef,\n inputProps = {},\n ...others\n } = useDefaultProps(\"HvBaseInput\", props);\n const { classes, cx } = useClasses(classesProp);\n const formElementContext = useContext(HvFormElementContext);\n const formElementProps = buildFormElementPropsFromContext(\n name,\n disabled,\n readOnly,\n required,\n formElementContext\n );\n\n const localInvalid = invalid \|\| formElementProps.status === \"invalid\";\n\n const formElementDescriptorsContext = useContext(\n HvFormElementDescriptorsContext\n );\n const ariaProps = buildAriaPropsFromContext(\n inputProps,\n formElementDescriptorsContext,\n localInvalid,\n id\n );\n\n const onChangeHandler: MuiInputProps[\"onChange\"] = (event) => {\n onChange?.(event, event.target.value);\n };\n\n return (\n <>\n <Global styles={baseInputStyles} />\n <div\n className={cx(classes.root, className, {\n [classes.disabled]: formElementProps.disabled,\n [classes.invalid]: localInvalid,\n [classes.resizable]: multiline && resizable,\n [classes.readOnly]: formElementProps.readOnly,\n })}\n >\n <MuiInput\n id={id}\n name={formElementProps.name}\n value={value}\n defaultValue={defaultValue}\n type={type}\n placeholder={placeholder}\n readOnly={!!formElementProps.readOnly}\n disabled={formElementProps.disabled}\n onChange={onChangeHandler}\n className={cx({\n [classes.inputRootInvalid]: localInvalid,\n [classes.inputRootReadOnly]: formElementProps.readOnly,\n })}\n classes={{\n root: classes.inputRoot,\n focused: classes.inputRootFocused,\n disabled: classes.inputRootDisabled,\n multiline: classes.inputRootMultiline,\n input: cx(classes.input, {\n [classes.inputResizable]: !formElementProps.disabled && resizable,\n [classes.inputDisabled]: formElementProps.disabled,\n [classes.inputReadOnly]: formElementProps.readOnly,\n }),\n }}\n inputProps={{\n // Avoid the required attribute at the root node\n required: formElementProps.required,\n ...inputProps,\n ...ariaProps,\n }}\n inputRef={inputRef}\n multiline={multiline}\n rows={10}\n {...others}\n />\n {!multiline && (\n <div role=\"presentation\" className={classes.inputBorderContainer} />\n )}\n </div>\n </>\n );\n};\n"],"names":["baseInputStyles","emotionCss","WebkitBoxShadow","theme","colors","atmo1","WebkitTextFillColor","secondary","WebkitAppearance","margin","MozAppearance","display","process","env","NODE_ENV","HvBaseInput","props","classes","classesProp","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","useDefaultProps","cx","useClasses","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","localInvalid","status","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","jsxs","Fragment","jsx","Global","root","MuiInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","inputBorderContainer"],"mappings":"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"}

package/dist/cjs/components/BaseInput/validations.cjs CHANGED Viewed

@@ -24,7 +24,7 @@ const computeValidationType = (type) => {
       return validationTypes.none;
   }
 };
-const hasBuiltInValidations = (required, validationType, minCharQuantity, maxCharQuantity, validation, inputProps) => required || validationType !== validationTypes.none || minCharQuantity != null || maxCharQuantity != null || validation != null || (inputProps == null ? void 0 : inputProps.required) != null || (inputProps == null ? void 0 : inputProps.minLength) != null || (inputProps == null ? void 0 : inputProps.maxLength) != null || (inputProps == null ? void 0 : inputProps.min) != null || (inputProps == null ? void 0 : inputProps.max) != null || (inputProps == null ? void 0 : inputProps.type) != null && (inputProps == null ? void 0 : inputProps.type) !== "text" && (inputProps == null ? void 0 : inputProps.type) !== "password" || (inputProps == null ? void 0 : inputProps.pattern) != null;
+const hasBuiltInValidations = (required, validationType, minCharQuantity, maxCharQuantity, validation, inputProps) => required || validationType !== validationTypes.none || minCharQuantity != null || maxCharQuantity != null || validation != null || inputProps?.required != null || inputProps?.minLength != null || inputProps?.maxLength != null || inputProps?.min != null || inputProps?.max != null || inputProps?.type != null && inputProps?.type !== "text" && inputProps?.type !== "password" || inputProps?.pattern != null;
 const computeValidationState = (inputValidity, isEmptyValue) => {
   if (inputValidity.valid && isEmptyValue) {
     return validationStates.default.standBy;
@@ -50,19 +50,18 @@ const computeValidationMessage = (inputValidity, errorMessages) => {
   return errorMessages.error;
 };
 const validateInput = (input, value, required, minCharQuantity, maxCharQuantity, validationType, validation) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const inputValidity = {
-    valid: ((_a = input == null ? void 0 : input.validity) == null ? void 0 : _a.valid) ?? true,
-    badInput: (_b = input == null ? void 0 : input.validity) == null ? void 0 : _b.badInput,
-    customError: (_c = input == null ? void 0 : input.validity) == null ? void 0 : _c.customError,
-    patternMismatch: (_d = input == null ? void 0 : input.validity) == null ? void 0 : _d.patternMismatch,
-    rangeOverflow: (_e = input == null ? void 0 : input.validity) == null ? void 0 : _e.rangeOverflow,
-    rangeUnderflow: (_f = input == null ? void 0 : input.validity) == null ? void 0 : _f.rangeUnderflow,
-    stepMismatch: (_g = input == null ? void 0 : input.validity) == null ? void 0 : _g.stepMismatch,
-    tooLong: (_h = input == null ? void 0 : input.validity) == null ? void 0 : _h.tooLong,
-    tooShort: (_i = input == null ? void 0 : input.validity) == null ? void 0 : _i.tooShort,
-    typeMismatch: (_j = input == null ? void 0 : input.validity) == null ? void 0 : _j.typeMismatch,
-    valueMissing: (_k = input == null ? void 0 : input.validity) == null ? void 0 : _k.valueMissing
+    valid: input?.validity?.valid ?? true,
+    badInput: input?.validity?.badInput,
+    customError: input?.validity?.customError,
+    patternMismatch: input?.validity?.patternMismatch,
+    rangeOverflow: input?.validity?.rangeOverflow,
+    rangeUnderflow: input?.validity?.rangeUnderflow,
+    stepMismatch: input?.validity?.stepMismatch,
+    tooLong: input?.validity?.tooLong,
+    tooShort: input?.validity?.tooShort,
+    typeMismatch: input?.validity?.typeMismatch,
+    valueMissing: input?.validity?.valueMissing
   };
   if (!value) {
     if (required) {

package/dist/cjs/components/BaseInput/validations.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"validations.cjs","sources":["../../../../src/components/BaseInput/validations.ts"],"sourcesContent":["import { HTMLInputTypeAttribute } from \"react\";\n\nimport { InputBaseComponentProps } from \"@mui/material\";\n\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\n\n/** Checks if the value is a number. /\nconst isNumeric = (num: string) =>\n // to prevent Number( <spaces> ) = 0\n num.trim().length > 0 && !Number.isNaN(Number(num));\n\n/* Checks if the value is an email /\nconst isEmail = (email: string) => {\n const regexp =\n /^[^\\\\s]+[a-z0-9!#$%&'+/=?^_`{\|}~-]+(?:.[a-z0-9!#$%&'+/=?^_`{\|}~-]+)@(?:[a-z0-9](?:[a-z0-9-][a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-][a-z0-9])$/i;\n return regexp.test(email);\n};\n\nexport const validationTypes = Object.freeze({\n none: \"none\",\n number: \"number\",\n email: \"email\",\n});\n\n/** Returns the input's validation type based in the type of the input. /\nexport const computeValidationType = (type: HTMLInputTypeAttribute) => {\n switch (type) {\n case \"number\":\n return validationTypes.number;\n case \"email\":\n return validationTypes.email;\n\n default:\n return validationTypes.none;\n }\n};\n\n/\n Checks whether any integrated validation, native or not, is active.\n /\nexport const hasBuiltInValidations = (\n required: boolean,\n validationType: HTMLInputTypeAttribute,\n minCharQuantity: number \| null \| undefined,\n maxCharQuantity: number \| null \| undefined,\n validation?: (value: string) => boolean,\n inputProps?: InputBaseComponentProps\n) =>\n required \|\|\n validationType !== validationTypes.none \|\|\n minCharQuantity != null \|\|\n maxCharQuantity != null \|\|\n validation != null \|\|\n inputProps?.required != null \|\|\n inputProps?.minLength != null \|\|\n inputProps?.maxLength != null \|\|\n inputProps?.min != null \|\|\n inputProps?.max != null \|\|\n (inputProps?.type != null &&\n inputProps?.type !== \"text\" &&\n inputProps?.type !== \"password\") \|\|\n inputProps?.pattern != null;\n\n/* Returns the form element's validation state based in the validity state of the input. /\nexport const computeValidationState = (\n inputValidity: HvInputValidity,\n isEmptyValue: boolean\n) => {\n // to keep 2.x behaviour,\n // consider that if the value is empty (and not required) we're returning to the standBy state.\n // might not make sense, as it makes impossible to say if the user explicitly cleared the input.\n if (inputValidity.valid && isEmptyValue) {\n return validationStates.standBy;\n }\n\n return inputValidity.valid\n ? validationStates.valid\n : validationStates.invalid;\n};\n\n/\n Returns a error message based in the validity state of the input.\n \n Only one error message is returned even if multiple validations fail.\n * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.\n \n For further customization both status and statusMessage should be controlled and\n * set using the onBlur callback that receives both the value and the input validity object.\n /\nexport const computeValidationMessage = (\n inputValidity: HvInputValidity,\n /* The available localized error messages. /\n errorMessages: Record<string, string>\n) => {\n if (inputValidity.valid) {\n return \"\";\n }\n\n if (inputValidity.valueMissing) {\n return errorMessages.requiredError;\n }\n if (inputValidity.tooLong) {\n return errorMessages.maxCharError;\n }\n if (inputValidity.tooShort) {\n return errorMessages.minCharError;\n }\n if (inputValidity.typeMismatch) {\n return errorMessages.typeMismatchError;\n }\n\n return errorMessages.error;\n};\n\n/\n Returns a object describing the validity state of the input.\n \n It implements the native browser's ValidityState interface:\n * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n */\nexport const validateInput = (\n input: HTMLInputElement \| HTMLTextAreaElement \| null,\n value: string,\n required: boolean,\n minCharQuantity: any,\n maxCharQuantity: any,\n validationType: string,\n validation?: (value: string) => boolean\n): HvInputValidity => {\n // bootstrap validity object using browser's built-in validation\n const inputValidity: HvInputValidity = {\n valid: input?.validity?.valid ?? true,\n badInput: input?.validity?.badInput,\n customError: input?.validity?.customError,\n patternMismatch: input?.validity?.patternMismatch,\n rangeOverflow: input?.validity?.rangeOverflow,\n rangeUnderflow: input?.validity?.rangeUnderflow,\n stepMismatch: input?.validity?.stepMismatch,\n tooLong: input?.validity?.tooLong,\n tooShort: input?.validity?.tooShort,\n typeMismatch: input?.validity?.typeMismatch,\n valueMissing: input?.validity?.valueMissing,\n };\n\n if (!value) {\n if (required) {\n // this is redundant because we're setting the required property in the native input\n inputValidity.valueMissing = true;\n inputValidity.valid = false;\n }\n } else {\n // we're not setting minlength and maxlength in the native input\n // to avoid different browser's behaviours and keep the user experience consistent\n if (minCharQuantity !== null && value.length < minCharQuantity) {\n inputValidity.tooShort = true;\n inputValidity.valid = false;\n }\n\n if (maxCharQuantity !== null && value.length > maxCharQuantity) {\n inputValidity.tooLong = true;\n inputValidity.valid = false;\n }\n\n // the validationType is used instead of type\n // for the same reason stated above\n switch (validationType) {\n case validationTypes.number:\n if (!isNumeric(value)) {\n inputValidity.typeMismatch = true;\n inputValidity.valid = false;\n }\n break;\n\n case validationTypes.email:\n if (!isEmail(value)) {\n inputValidity.typeMismatch = true;\n inputValidity.valid = false;\n }\n break;\n\n default:\n }\n\n if (validation != null && !validation(value)) {\n inputValidity.customError = true;\n inputValidity.valid = false;\n }\n }\n\n return inputValidity;\n};\n\nexport type HvInputValidity = {\n valid?: boolean;\n badInput?: boolean;\n customError?: boolean;\n patternMismatch?: boolean;\n rangeOverflow?: boolean;\n rangeUnderflow?: boolean;\n stepMismatch?: boolean;\n tooLong?: boolean;\n tooShort?: boolean;\n typeMismatch?: boolean;\n valueMissing?: boolean;\n};\n\nexport const DEFAULT_ERROR_MESSAGES = {\n error: \"Invalid value\",\n requiredError: \"The value is required\",\n minCharError: \"The value is too short\",\n maxCharError: \"The value is too long\",\n typeMismatchError: \"Invalid value\",\n};\n"],"names":["isNumeric","num","trim","length","Number","isNaN","isEmail","email","regexp","test","validationTypes","Object","freeze","none","number","computeValidationType","type","hasBuiltInValidations","required","validationType","minCharQuantity","maxCharQuantity","validation","inputProps","minLength","maxLength","min","max","pattern","computeValidationState","inputValidity","isEmptyValue","valid","validationStates","standBy","invalid","computeValidationMessage","errorMessages","valueMissing","requiredError","tooLong","maxCharError","tooShort","minCharError","typeMismatch","typeMismatchError","error","validateInput","input","value","validity","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","DEFAULT_ERROR_MESSAGES"],"mappings":"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"}
1	+ {"version":3,"file":"validations.cjs","sources":["../../../../src/components/BaseInput/validations.ts"],"sourcesContent":["import { HTMLInputTypeAttribute } from \"react\";\n\nimport { InputBaseComponentProps } from \"@mui/material\";\n\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\n\n/** Checks if the value is a number. /\nconst isNumeric = (num: string) =>\n // to prevent Number( <spaces> ) = 0\n num.trim().length > 0 && !Number.isNaN(Number(num));\n\n/* Checks if the value is an email /\nconst isEmail = (email: string) => {\n const regexp =\n /^[^\\\\s]+[a-z0-9!#$%&'+/=?^_`{\|}~-]+(?:.[a-z0-9!#$%&'+/=?^_`{\|}~-]+)@(?:[a-z0-9](?:[a-z0-9-][a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-][a-z0-9])$/i;\n return regexp.test(email);\n};\n\nexport const validationTypes = Object.freeze({\n none: \"none\",\n number: \"number\",\n email: \"email\",\n});\n\n/** Returns the input's validation type based in the type of the input. /\nexport const computeValidationType = (type: HTMLInputTypeAttribute) => {\n switch (type) {\n case \"number\":\n return validationTypes.number;\n case \"email\":\n return validationTypes.email;\n\n default:\n return validationTypes.none;\n }\n};\n\n/\n Checks whether any integrated validation, native or not, is active.\n /\nexport const hasBuiltInValidations = (\n required: boolean,\n validationType: HTMLInputTypeAttribute,\n minCharQuantity: number \| null \| undefined,\n maxCharQuantity: number \| null \| undefined,\n validation?: (value: string) => boolean,\n inputProps?: InputBaseComponentProps\n) =>\n required \|\|\n validationType !== validationTypes.none \|\|\n minCharQuantity != null \|\|\n maxCharQuantity != null \|\|\n validation != null \|\|\n inputProps?.required != null \|\|\n inputProps?.minLength != null \|\|\n inputProps?.maxLength != null \|\|\n inputProps?.min != null \|\|\n inputProps?.max != null \|\|\n (inputProps?.type != null &&\n inputProps?.type !== \"text\" &&\n inputProps?.type !== \"password\") \|\|\n inputProps?.pattern != null;\n\n/* Returns the form element's validation state based in the validity state of the input. /\nexport const computeValidationState = (\n inputValidity: HvInputValidity,\n isEmptyValue: boolean\n) => {\n // to keep 2.x behaviour,\n // consider that if the value is empty (and not required) we're returning to the standBy state.\n // might not make sense, as it makes impossible to say if the user explicitly cleared the input.\n if (inputValidity.valid && isEmptyValue) {\n return validationStates.standBy;\n }\n\n return inputValidity.valid\n ? validationStates.valid\n : validationStates.invalid;\n};\n\n/\n Returns a error message based in the validity state of the input.\n \n Only one error message is returned even if multiple validations fail.\n * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.\n \n For further customization both status and statusMessage should be controlled and\n * set using the onBlur callback that receives both the value and the input validity object.\n /\nexport const computeValidationMessage = (\n inputValidity: HvInputValidity,\n /* The available localized error messages. /\n errorMessages: Record<string, string>\n) => {\n if (inputValidity.valid) {\n return \"\";\n }\n\n if (inputValidity.valueMissing) {\n return errorMessages.requiredError;\n }\n if (inputValidity.tooLong) {\n return errorMessages.maxCharError;\n }\n if (inputValidity.tooShort) {\n return errorMessages.minCharError;\n }\n if (inputValidity.typeMismatch) {\n return errorMessages.typeMismatchError;\n }\n\n return errorMessages.error;\n};\n\n/\n Returns a object describing the validity state of the input.\n \n It implements the native browser's ValidityState interface:\n * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n */\nexport const validateInput = (\n input: HTMLInputElement \| HTMLTextAreaElement \| null,\n value: string,\n required: boolean,\n minCharQuantity: any,\n maxCharQuantity: any,\n validationType: string,\n validation?: (value: string) => boolean\n): HvInputValidity => {\n // bootstrap validity object using browser's built-in validation\n const inputValidity: HvInputValidity = {\n valid: input?.validity?.valid ?? true,\n badInput: input?.validity?.badInput,\n customError: input?.validity?.customError,\n patternMismatch: input?.validity?.patternMismatch,\n rangeOverflow: input?.validity?.rangeOverflow,\n rangeUnderflow: input?.validity?.rangeUnderflow,\n stepMismatch: input?.validity?.stepMismatch,\n tooLong: input?.validity?.tooLong,\n tooShort: input?.validity?.tooShort,\n typeMismatch: input?.validity?.typeMismatch,\n valueMissing: input?.validity?.valueMissing,\n };\n\n if (!value) {\n if (required) {\n // this is redundant because we're setting the required property in the native input\n inputValidity.valueMissing = true;\n inputValidity.valid = false;\n }\n } else {\n // we're not setting minlength and maxlength in the native input\n // to avoid different browser's behaviours and keep the user experience consistent\n if (minCharQuantity !== null && value.length < minCharQuantity) {\n inputValidity.tooShort = true;\n inputValidity.valid = false;\n }\n\n if (maxCharQuantity !== null && value.length > maxCharQuantity) {\n inputValidity.tooLong = true;\n inputValidity.valid = false;\n }\n\n // the validationType is used instead of type\n // for the same reason stated above\n switch (validationType) {\n case validationTypes.number:\n if (!isNumeric(value)) {\n inputValidity.typeMismatch = true;\n inputValidity.valid = false;\n }\n break;\n\n case validationTypes.email:\n if (!isEmail(value)) {\n inputValidity.typeMismatch = true;\n inputValidity.valid = false;\n }\n break;\n\n default:\n }\n\n if (validation != null && !validation(value)) {\n inputValidity.customError = true;\n inputValidity.valid = false;\n }\n }\n\n return inputValidity;\n};\n\nexport type HvInputValidity = {\n valid?: boolean;\n badInput?: boolean;\n customError?: boolean;\n patternMismatch?: boolean;\n rangeOverflow?: boolean;\n rangeUnderflow?: boolean;\n stepMismatch?: boolean;\n tooLong?: boolean;\n tooShort?: boolean;\n typeMismatch?: boolean;\n valueMissing?: boolean;\n};\n\nexport const DEFAULT_ERROR_MESSAGES = {\n error: \"Invalid value\",\n requiredError: \"The value is required\",\n minCharError: \"The value is too short\",\n maxCharError: \"The value is too long\",\n typeMismatchError: \"Invalid value\",\n};\n"],"names":["isNumeric","num","trim","length","Number","isNaN","isEmail","email","regexp","test","validationTypes","Object","freeze","none","number","computeValidationType","type","hasBuiltInValidations","required","validationType","minCharQuantity","maxCharQuantity","validation","inputProps","minLength","maxLength","min","max","pattern","computeValidationState","inputValidity","isEmptyValue","valid","validationStates","standBy","invalid","computeValidationMessage","errorMessages","valueMissing","requiredError","tooLong","maxCharError","tooShort","minCharError","typeMismatch","typeMismatchError","error","validateInput","input","value","validity","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","DEFAULT_ERROR_MESSAGES"],"mappings":"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"}

package/dist/cjs/components/BaseRadio/BaseRadio.cjs CHANGED Viewed

@@ -46,11 +46,11 @@ const HvBaseRadio = React.forwardRef((props, ref) => {
   const [focusVisible, setFocusVisible] = React.useState(false);
   const onFocusVisibleCallback = React.useCallback((evt) => {
     setFocusVisible(true);
-    onFocusVisible == null ? void 0 : onFocusVisible(evt);
+    onFocusVisible?.(evt);
   }, [onFocusVisible]);
   const onBlurCallback = React.useCallback((evt) => {
     setFocusVisible(false);
-    onBlur == null ? void 0 : onBlur(evt);
+    onBlur?.(evt);
   }, [onBlur]);
   const icons = getSelectorIcons({
     disabled,
@@ -60,7 +60,7 @@ const HvBaseRadio = React.forwardRef((props, ref) => {
     if (readOnly) {
       return;
     }
-    onChange == null ? void 0 : onChange(evt, evt.target.checked, value);
+    onChange?.(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
   return /* @__PURE__ */ jsxRuntime.jsx(MuiRadio__default.default, { ref, id, name, className: cx(classes.root, {
     [classes.disabled]: disabled,

package/dist/cjs/components/BaseRadio/BaseRadio.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseRadio.cjs","sources":["../../../../src/components/BaseRadio/BaseRadio.tsx"],"sourcesContent":["import React, { useState, useCallback, forwardRef } from \"react\";\n\nimport MuiRadio, { RadioProps as MuiRadioProps } from \"@mui/material/Radio\";\n\nimport {\n RadioButtonUnselected,\n RadioButtonSelected,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./BaseRadio.styles\";\n\nexport { staticClasses as baseRadioClasses };\n\nexport type HvBaseRadioClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseRadioProps\n extends Omit<MuiRadioProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" \| \"color\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the radio button.\n /\n classes?: HvBaseRadioClasses;\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n If `true` the radio button is selected, if set to `false` the radio button is not selected.\n \n When defined the radio button state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n The callback fired when the radio button is pressed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n checked: boolean,\n value: any\n ) => void;\n /\n Whether the selector should use semantic colors.\n /\n semantic?: boolean;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n @ignore\n /\n onBlur?: (event: React.FocusEvent<any>) => void;\n}\n\nexport const getSelectorIcons = (\n options: { disabled: boolean; semantic: boolean },\n classes: HvBaseRadioClasses\n) => {\n const { disabled, semantic } = options;\n const color =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_light\", \"base_dark\"]) \|\|\n undefined;\n const checkedColor =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_dark\", \"base_light\"]) \|\|\n undefined;\n\n return {\n radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n radioChecked: (\n <RadioButtonSelected color={checkedColor} className={classes.icon} />\n ),\n };\n};\n\n/\n A Radio Button is a mechanism that allows user to select one or more options.\n \n The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nexport const HvBaseRadio = forwardRef<HTMLButtonElement, HvBaseRadioProps>(\n (props, ref) => {\n const {\n classes: classesProp,\n className,\n id,\n name,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n checked,\n defaultChecked,\n onChange,\n semantic = false,\n inputProps,\n onFocusVisible,\n onBlur,\n ...others\n } = useDefaultProps(\"HvBaseRadio\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const [focusVisible, setFocusVisible] = useState(false);\n\n const onFocusVisibleCallback = useCallback(\n (evt: React.FocusEvent<any>) => {\n setFocusVisible(true);\n onFocusVisible?.(evt);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (evt: React.FocusEvent<any>) => {\n setFocusVisible(false);\n onBlur?.(evt);\n },\n [onBlur]\n );\n\n const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n const onLocalChange = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(evt, evt.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n return (\n <MuiRadio\n ref={ref}\n id={id}\n name={name}\n className={cx(\n classes.root,\n {\n [classes.disabled]: disabled,\n [classes.focusVisible]: focusVisible,\n },\n className\n )}\n icon={icons.radio}\n checkedIcon={icons.radioChecked}\n color=\"default\"\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n disableRipple\n onChange={onLocalChange}\n value={value}\n checked={checked}\n defaultChecked={defaultChecked}\n inputProps={inputProps}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\n }\n);\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","radio","jsx","RadioButtonUnselected","icon","radioChecked","RadioButtonSelected","HvBaseRadio","forwardRef","props","ref","classesProp","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","useDefaultProps","cx","useClasses","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","MuiRadio","root"],"mappings":";;;;;;;;;;AA6FaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAEK,SAAA;AAAA,IACLE,OAAQC,2BAAA,IAAAC,uCAAA,EAAsB,OAAc,WAAWR,QAAQS,MAAQ;AAAA,IACvEC,cACGH,2BAAAA,IAAAI,gBAAAA,qBAAA,EAAoB,OAAON,cAAc,WAAWL,QAAQS,MAAK;AAAA,EAAA;AAGxE;AAQO,MAAMG,cAAcC,MAAAA,WACzB,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJf,SAASgB;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXrB,WAAW;AAAA,IACXsB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAvB,WAAW;AAAA,IACXwB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,eAAehB,KAAK;AAElC,QAAA;AAAA,IAAEd;AAAAA,IAAS+B;AAAAA,EAAAA,IAAOC,iBAAAA,WAAWhB,WAAW;AAE9C,QAAM,CAACiB,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAA+B;AAC9BJ,oBAAgB,IAAI;AACpBP,~~qDAAiBW~~;~~AAAAA~~,~~EAAG~~,GAEtB,CAACX,cAAc,CACjB;AAEMY,QAAAA,iBAAiBF,kBACrB,CAACC,QAA+B;AAC9BJ,oBAAgB,KAAK;AACrBN,~~qCAASU~~;~~AAAAA~~,~~EAAG~~,GAEd,CAACV,MAAM,CACT;AAEA,QAAMY,QAAQ1C,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDyC,QAAAA,gBAAgBJ,kBACpB,CAACC,QAA6C;AAC5C,QAAIhB,UAAU;AACZ;AAAA,IACF;AAEAG,~~yCAAWa~~,KAAKA,IAAII,OAAOnB,SAASH;~~AAAAA~~,~~EAEtC~~,GAAA,CAACK,UAAUH,UAAUF,KAAK,CAC5B;AAGE,SAAAb,2BAAA,IAACoC,6BACC,KACA,IACA,MACA,WAAWZ,GACT/B,QAAQ4C,MACR;AAAA,IACE,CAAC5C,QAAQC,QAAQ,GAAGA;AAAAA,IACpB,CAACD,QAAQiC,YAAY,GAAGA;AAAAA,EAC1B,GACAhB,SACF,GACA,MAAMuB,MAAMlC,OACZ,aAAakC,MAAM9B,cACnB,OAAM,WACN,UACA,UACA,UACA,eAAa,MACb,UAAU+B,eACV,OACA,SACA,gBACA,YACA,gBAAgBL,wBAChB,QAAQG,gBACJV,GAAAA,OACJ,CAAA;AAEN,CACF;;;;"}
1	+ {"version":3,"file":"BaseRadio.cjs","sources":["../../../../src/components/BaseRadio/BaseRadio.tsx"],"sourcesContent":["import React, { useState, useCallback, forwardRef } from \"react\";\n\nimport MuiRadio, { RadioProps as MuiRadioProps } from \"@mui/material/Radio\";\n\nimport {\n RadioButtonUnselected,\n RadioButtonSelected,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./BaseRadio.styles\";\n\nexport { staticClasses as baseRadioClasses };\n\nexport type HvBaseRadioClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseRadioProps\n extends Omit<MuiRadioProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" \| \"color\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the radio button.\n /\n classes?: HvBaseRadioClasses;\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n If `true` the radio button is selected, if set to `false` the radio button is not selected.\n \n When defined the radio button state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n The callback fired when the radio button is pressed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n checked: boolean,\n value: any\n ) => void;\n /\n Whether the selector should use semantic colors.\n /\n semantic?: boolean;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n @ignore\n /\n onBlur?: (event: React.FocusEvent<any>) => void;\n}\n\nexport const getSelectorIcons = (\n options: { disabled: boolean; semantic: boolean },\n classes: HvBaseRadioClasses\n) => {\n const { disabled, semantic } = options;\n const color =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_light\", \"base_dark\"]) \|\|\n undefined;\n const checkedColor =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_dark\", \"base_light\"]) \|\|\n undefined;\n\n return {\n radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n radioChecked: (\n <RadioButtonSelected color={checkedColor} className={classes.icon} />\n ),\n };\n};\n\n/\n A Radio Button is a mechanism that allows user to select one or more options.\n \n The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nexport const HvBaseRadio = forwardRef<HTMLButtonElement, HvBaseRadioProps>(\n (props, ref) => {\n const {\n classes: classesProp,\n className,\n id,\n name,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n checked,\n defaultChecked,\n onChange,\n semantic = false,\n inputProps,\n onFocusVisible,\n onBlur,\n ...others\n } = useDefaultProps(\"HvBaseRadio\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const [focusVisible, setFocusVisible] = useState(false);\n\n const onFocusVisibleCallback = useCallback(\n (evt: React.FocusEvent<any>) => {\n setFocusVisible(true);\n onFocusVisible?.(evt);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (evt: React.FocusEvent<any>) => {\n setFocusVisible(false);\n onBlur?.(evt);\n },\n [onBlur]\n );\n\n const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n const onLocalChange = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(evt, evt.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n return (\n <MuiRadio\n ref={ref}\n id={id}\n name={name}\n className={cx(\n classes.root,\n {\n [classes.disabled]: disabled,\n [classes.focusVisible]: focusVisible,\n },\n className\n )}\n icon={icons.radio}\n checkedIcon={icons.radioChecked}\n color=\"default\"\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n disableRipple\n onChange={onLocalChange}\n value={value}\n checked={checked}\n defaultChecked={defaultChecked}\n inputProps={inputProps}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\n }\n);\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","radio","jsx","RadioButtonUnselected","icon","radioChecked","RadioButtonSelected","HvBaseRadio","forwardRef","props","ref","classesProp","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","useDefaultProps","cx","useClasses","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","MuiRadio","root"],"mappings":";;;;;;;;;;AA6FaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAEK,SAAA;AAAA,IACLE,OAAQC,2BAAA,IAAAC,uCAAA,EAAsB,OAAc,WAAWR,QAAQS,MAAQ;AAAA,IACvEC,cACGH,2BAAAA,IAAAI,gBAAAA,qBAAA,EAAoB,OAAON,cAAc,WAAWL,QAAQS,MAAK;AAAA,EAAA;AAGxE;AAQO,MAAMG,cAAcC,MAAAA,WACzB,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJf,SAASgB;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXrB,WAAW;AAAA,IACXsB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAvB,WAAW;AAAA,IACXwB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,eAAehB,KAAK;AAElC,QAAA;AAAA,IAAEd;AAAAA,IAAS+B;AAAAA,EAAAA,IAAOC,iBAAAA,WAAWhB,WAAW;AAE9C,QAAM,CAACiB,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAA+B;AAC9BJ,oBAAgB,IAAI;AACpBP,qBAAiBW,GAAG;AAAA,EAAA,GAEtB,CAACX,cAAc,CACjB;AAEMY,QAAAA,iBAAiBF,kBACrB,CAACC,QAA+B;AAC9BJ,oBAAgB,KAAK;AACrBN,aAASU,GAAG;AAAA,EAAA,GAEd,CAACV,MAAM,CACT;AAEA,QAAMY,QAAQ1C,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDyC,QAAAA,gBAAgBJ,kBACpB,CAACC,QAA6C;AAC5C,QAAIhB,UAAU;AACZ;AAAA,IACF;AAEAG,eAAWa,KAAKA,IAAII,OAAOnB,SAASH,KAAK;AAAA,EAE3C,GAAA,CAACK,UAAUH,UAAUF,KAAK,CAC5B;AAGE,SAAAb,2BAAA,IAACoC,6BACC,KACA,IACA,MACA,WAAWZ,GACT/B,QAAQ4C,MACR;AAAA,IACE,CAAC5C,QAAQC,QAAQ,GAAGA;AAAAA,IACpB,CAACD,QAAQiC,YAAY,GAAGA;AAAAA,EAC1B,GACAhB,SACF,GACA,MAAMuB,MAAMlC,OACZ,aAAakC,MAAM9B,cACnB,OAAM,WACN,UACA,UACA,UACA,eAAa,MACb,UAAU+B,eACV,OACA,SACA,gBACA,YACA,gBAAgBL,wBAChB,QAAQG,gBACJV,GAAAA,OACJ,CAAA;AAEN,CACF;;;;"}

package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs CHANGED Viewed

@@ -32,17 +32,17 @@ const HvBaseSwitch = React.forwardRef((props, ref) => {
   const [focusVisible, setFocusVisible] = React.useState(false);
   const onFocusVisibleCallback = React.useCallback((evt) => {
     setFocusVisible(true);
-    onFocusVisible == null ? void 0 : onFocusVisible(evt);
+    onFocusVisible?.(evt);
   }, [onFocusVisible]);
   const onBlurCallback = React.useCallback((evt) => {
     setFocusVisible(false);
-    onBlur == null ? void 0 : onBlur(evt);
+    onBlur?.(evt);
   }, [onBlur]);
   const onLocalChange = React.useCallback((evt) => {
     if (readOnly) {
       return;
     }
-    onChange == null ? void 0 : onChange(evt, evt.target.checked, value);
+    onChange?.(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
   return /* @__PURE__ */ jsxRuntime.jsx(MuiSwitch__default.default, { ref, id, name, className: cx(classes.root, {
     [classes.disabled]: disabled,

package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseSwitch.cjs","sources":["../../../../src/components/BaseSwitch/BaseSwitch.tsx"],"sourcesContent":["import React, { useState, useCallback, forwardRef } from \"react\";\n\nimport MuiSwitch, { SwitchProps as MuiSwitchProps } from \"@mui/material/Switch\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useClasses, staticClasses } from \"./BaseSwitch.styles\";\n\nexport { staticClasses as baseSwitchClasses };\n\nexport type HvBaseSwitchClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseSwitchProps\n extends Omit<MuiSwitchProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" \| \"color\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the switch.\n /\n classes?: HvBaseSwitchClasses;\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n If `true` the switch is selected, if set to `false` the switch is not selected.\n \n When defined the switch state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n The callback fired when the switch is pressed.\n /\n onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n @ignore\n /\n onBlur?: (event: React.FocusEvent<any>) => void;\n}\n\n/\n A Switch is <b>binary</b> and work as a digital on/off button.\n \n The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nexport const HvBaseSwitch = forwardRef<HTMLButtonElement, HvBaseSwitchProps>(\n (props, ref) => {\n const {\n classes: classesProp,\n className,\n\n id,\n name,\n value = \"on\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n checked,\n defaultChecked,\n\n onChange,\n\n inputProps,\n\n onFocusVisible,\n onBlur,\n\n ...others\n } = useDefaultProps(\"HvBaseSwitch\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const [focusVisible, setFocusVisible] = useState(false);\n\n const onFocusVisibleCallback = useCallback(\n (evt: React.FocusEvent<any, Element>) => {\n setFocusVisible(true);\n onFocusVisible?.(evt);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (evt: React.FocusEvent<any, Element>) => {\n setFocusVisible(false);\n onBlur?.(evt);\n },\n [onBlur]\n );\n\n const onLocalChange = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(evt, evt.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n return (\n <MuiSwitch\n ref={ref}\n id={id}\n name={name}\n className={cx(\n classes.root,\n {\n [classes.disabled]: disabled,\n [classes.readOnly]: readOnly,\n [classes.focusVisible]: focusVisible,\n },\n className\n )}\n color=\"default\"\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n disableRipple\n onChange={onLocalChange}\n value={value}\n checked={checked}\n defaultChecked={defaultChecked}\n classes={{\n root: classes.switch,\n switchBase: classes.switchBase,\n checked: classes.checked,\n track: classes.track,\n thumb: classes.thumb,\n disabled: classes.disabled,\n }}\n inputProps={inputProps}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\n }\n);\n"],"names":["HvBaseSwitch","forwardRef","props","ref","classes","classesProp","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","useDefaultProps","cx","useClasses","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","onLocalChange","target","jsx","MuiSwitch","root","switch","switchBase","track","thumb"],"mappings":";;;;;;;;;AAyFO,MAAMA,eAAeC,MAAAA,WAC1B,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IAERC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IAEA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,gBAAgBlB,KAAK;AAEnC,QAAA;AAAA,IAAEE;AAAAA,IAASiB;AAAAA,EAAAA,IAAOC,kBAAAA,WAAWjB,WAAW;AAE9C,QAAM,CAACkB,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAAwC;AACvCJ,oBAAgB,IAAI;AACpBP,~~qDAAiBW~~;~~AAAAA~~,~~EAAG~~,GAEtB,CAACX,cAAc,CACjB;AAEMY,QAAAA,iBAAiBF,kBACrB,CAACC,QAAwC;AACvCJ,oBAAgB,KAAK;AACrBN,~~qCAASU~~;~~AAAAA~~,~~EAAG~~,GAEd,CAACV,MAAM,CACT;AAEMY,QAAAA,gBAAgBH,kBACpB,CAACC,QAA6C;AAC5C,QAAIjB,UAAU;AACZ;AAAA,IACF;AAEAI,~~yCAAWa~~,KAAKA,IAAIG,OAAOlB,SAASJ;~~AAAAA~~,~~EAEtC~~,GAAA,CAACM,UAAUJ,UAAUF,KAAK,CAC5B;AAGE,SAAAuB,2BAAA,IAACC,8BACC,KACA,IACA,MACA,WAAWZ,GACTjB,QAAQ8B,MACR;AAAA,IACE,CAAC9B,QAAQQ,QAAQ,GAAGA;AAAAA,IACpB,CAACR,QAAQO,QAAQ,GAAGA;AAAAA,IACpB,CAACP,QAAQmB,YAAY,GAAGA;AAAAA,EAAAA,GAE1BjB,SACF,GACA,OAAM,WACN,UACA,UACA,UACA,eAAa,MACb,UAAUwB,eACV,OACA,SACA,gBACA,SAAS;AAAA,IACPI,MAAM9B,QAAQ+B;AAAAA,IACdC,YAAYhC,QAAQgC;AAAAA,IACpBvB,SAAST,QAAQS;AAAAA,IACjBwB,OAAOjC,QAAQiC;AAAAA,IACfC,OAAOlC,QAAQkC;AAAAA,IACf1B,UAAUR,QAAQQ;AAAAA,EAAAA,GAEpB,YACA,gBAAgBc,wBAChB,QAAQG,gBACR,GAAIV,OACJ,CAAA;AAEN,CACF;;;"}
1	+ {"version":3,"file":"BaseSwitch.cjs","sources":["../../../../src/components/BaseSwitch/BaseSwitch.tsx"],"sourcesContent":["import React, { useState, useCallback, forwardRef } from \"react\";\n\nimport MuiSwitch, { SwitchProps as MuiSwitchProps } from \"@mui/material/Switch\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useClasses, staticClasses } from \"./BaseSwitch.styles\";\n\nexport { staticClasses as baseSwitchClasses };\n\nexport type HvBaseSwitchClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseSwitchProps\n extends Omit<MuiSwitchProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" \| \"color\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the switch.\n /\n classes?: HvBaseSwitchClasses;\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n If `true` the switch is selected, if set to `false` the switch is not selected.\n \n When defined the switch state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n The callback fired when the switch is pressed.\n /\n onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n @ignore\n /\n onBlur?: (event: React.FocusEvent<any>) => void;\n}\n\n/\n A Switch is <b>binary</b> and work as a digital on/off button.\n \n The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nexport const HvBaseSwitch = forwardRef<HTMLButtonElement, HvBaseSwitchProps>(\n (props, ref) => {\n const {\n classes: classesProp,\n className,\n\n id,\n name,\n value = \"on\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n checked,\n defaultChecked,\n\n onChange,\n\n inputProps,\n\n onFocusVisible,\n onBlur,\n\n ...others\n } = useDefaultProps(\"HvBaseSwitch\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const [focusVisible, setFocusVisible] = useState(false);\n\n const onFocusVisibleCallback = useCallback(\n (evt: React.FocusEvent<any, Element>) => {\n setFocusVisible(true);\n onFocusVisible?.(evt);\n },\n [onFocusVisible]\n );\n\n const onBlurCallback = useCallback(\n (evt: React.FocusEvent<any, Element>) => {\n setFocusVisible(false);\n onBlur?.(evt);\n },\n [onBlur]\n );\n\n const onLocalChange = useCallback(\n (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(evt, evt.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n return (\n <MuiSwitch\n ref={ref}\n id={id}\n name={name}\n className={cx(\n classes.root,\n {\n [classes.disabled]: disabled,\n [classes.readOnly]: readOnly,\n [classes.focusVisible]: focusVisible,\n },\n className\n )}\n color=\"default\"\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n disableRipple\n onChange={onLocalChange}\n value={value}\n checked={checked}\n defaultChecked={defaultChecked}\n classes={{\n root: classes.switch,\n switchBase: classes.switchBase,\n checked: classes.checked,\n track: classes.track,\n thumb: classes.thumb,\n disabled: classes.disabled,\n }}\n inputProps={inputProps}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n {...others}\n />\n );\n }\n);\n"],"names":["HvBaseSwitch","forwardRef","props","ref","classes","classesProp","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","useDefaultProps","cx","useClasses","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","onLocalChange","target","jsx","MuiSwitch","root","switch","switchBase","track","thumb"],"mappings":";;;;;;;;;AAyFO,MAAMA,eAAeC,MAAAA,WAC1B,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IAERC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IAEA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,gBAAgBlB,KAAK;AAEnC,QAAA;AAAA,IAAEE;AAAAA,IAASiB;AAAAA,EAAAA,IAAOC,kBAAAA,WAAWjB,WAAW;AAE9C,QAAM,CAACkB,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAAwC;AACvCJ,oBAAgB,IAAI;AACpBP,qBAAiBW,GAAG;AAAA,EAAA,GAEtB,CAACX,cAAc,CACjB;AAEMY,QAAAA,iBAAiBF,kBACrB,CAACC,QAAwC;AACvCJ,oBAAgB,KAAK;AACrBN,aAASU,GAAG;AAAA,EAAA,GAEd,CAACV,MAAM,CACT;AAEMY,QAAAA,gBAAgBH,kBACpB,CAACC,QAA6C;AAC5C,QAAIjB,UAAU;AACZ;AAAA,IACF;AAEAI,eAAWa,KAAKA,IAAIG,OAAOlB,SAASJ,KAAK;AAAA,EAE3C,GAAA,CAACM,UAAUJ,UAAUF,KAAK,CAC5B;AAGE,SAAAuB,2BAAA,IAACC,8BACC,KACA,IACA,MACA,WAAWZ,GACTjB,QAAQ8B,MACR;AAAA,IACE,CAAC9B,QAAQQ,QAAQ,GAAGA;AAAAA,IACpB,CAACR,QAAQO,QAAQ,GAAGA;AAAAA,IACpB,CAACP,QAAQmB,YAAY,GAAGA;AAAAA,EAAAA,GAE1BjB,SACF,GACA,OAAM,WACN,UACA,UACA,UACA,eAAa,MACb,UAAUwB,eACV,OACA,SACA,gBACA,SAAS;AAAA,IACPI,MAAM9B,QAAQ+B;AAAAA,IACdC,YAAYhC,QAAQgC;AAAAA,IACpBvB,SAAST,QAAQS;AAAAA,IACjBwB,OAAOjC,QAAQiC;AAAAA,IACfC,OAAOlC,QAAQkC;AAAAA,IACf1B,UAAUR,QAAQQ;AAAAA,EAAAA,GAEpB,YACA,gBAAgBc,wBAChB,QAAQG,gBACR,GAAIV,OACJ,CAAA;AAEN,CACF;;;"}

package/dist/cjs/components/Box/Box.cjs CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const uikitStyles = require("@hitachivantara/uikit-styles");
 const React = require("react");
+const uikitStyles = require("@hitachivantara/uikit-styles");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const sxFn = (sx) => {
   return typeof sx === "function" ? sx(uikitStyles.theme) : sx;

package/dist/cjs/components/Box/Box.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.cjs","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { ~~HvTheme,~~ ~~theme~~ } from \"~~@hitachivantara/uikit-styles~~\";\n\nimport { ~~forwardRef~~ } from \"~~react~~\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\ntype SxProps = React.CSSProperties \| ((theme: HvTheme) => React.CSSProperties);\n\ntype HvBoxBaseProps<C extends React.ElementType> = PolymorphicComponentRef<\n C,\n { style?: React.CSSProperties; sx?: SxProps }\n>;\n\nexport type HvBoxProps = <C extends React.ElementType = \"div\">(\n props: HvBoxBaseProps<C>\n) => React.ReactElement \| null;\n\nconst sxFn = (sx: SxProps) => {\n return typeof sx === \"function\" ? sx(theme) : sx;\n};\n\n/*\n Customizable layout component that can be used to wrap other components.\n * It can be used to add styles to the wrapped components.\n * It can also be used to create a layout using the flexbox properties.\n */\nexport const HvBox: HvBoxProps = forwardRef(\n <C extends React.ElementType = \"div\">(\n props: HvBoxBaseProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const {\n style,\n component: Component = \"div\",\n sx,\n children,\n classes,\n ...restProps\n } = useDefaultProps(\"HvBox\", props);\n\n return (\n <Component style={sx ? sxFn(sx) : style} ref={ref} {...restProps}>\n {children}\n </Component>\n );\n }\n);\n"],"names":["sxFn","sx","theme","HvBox","forwardRef","props","ref","style","component","Component","children","classes","restProps","useDefaultProps","jsx"],"mappings":";;;;;;~~AAkBA~~,MAAMA,OAAOA,CAACC,OAAgB;AAC5B,SAAO,OAAOA,OAAO,aAAaA,GAAGC,YAAK,KAAA,IAAID;AAChD;AAOO,MAAME,QAAoBC,MAAAA,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,WAAWC,YAAY;AAAA,IACvBR;AAAAA,IACAS;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,SAASR,KAAK;AAGhC,SAAAS,2BAAA,IAAC,WAAU,EAAA,OAAOb,KAAKD,KAAKC,EAAE,IAAIM,OAAO,KAAcK,GAAAA,WACpDF,SACH,CAAA;AAEJ,CACF;;"}
1	+ {"version":3,"file":"Box.cjs","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { HvTheme, theme } from \"@hitachivantara/uikit-styles\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\ntype SxProps = React.CSSProperties \| ((theme: HvTheme) => React.CSSProperties);\n\ntype HvBoxBaseProps<C extends React.ElementType> = PolymorphicComponentRef<\n C,\n { style?: React.CSSProperties; sx?: SxProps }\n>;\n\nexport type HvBoxProps = <C extends React.ElementType = \"div\">(\n props: HvBoxBaseProps<C>\n) => React.ReactElement \| null;\n\nconst sxFn = (sx: SxProps) => {\n return typeof sx === \"function\" ? sx(theme) : sx;\n};\n\n/*\n Customizable layout component that can be used to wrap other components.\n * It can be used to add styles to the wrapped components.\n * It can also be used to create a layout using the flexbox properties.\n */\nexport const HvBox: HvBoxProps = forwardRef(\n <C extends React.ElementType = \"div\">(\n props: HvBoxBaseProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const {\n style,\n component: Component = \"div\",\n sx,\n children,\n classes,\n ...restProps\n } = useDefaultProps(\"HvBox\", props);\n\n return (\n <Component style={sx ? sxFn(sx) : style} ref={ref} {...restProps}>\n {children}\n </Component>\n );\n }\n);\n"],"names":["sxFn","sx","theme","HvBox","forwardRef","props","ref","style","component","Component","children","classes","restProps","useDefaultProps","jsx"],"mappings":";;;;;;AAiBA,MAAMA,OAAOA,CAACC,OAAgB;AAC5B,SAAO,OAAOA,OAAO,aAAaA,GAAGC,YAAK,KAAA,IAAID;AAChD;AAOO,MAAME,QAAoBC,MAAAA,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,WAAWC,YAAY;AAAA,IACvBR;AAAAA,IACAS;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,SAASR,KAAK;AAGhC,SAAAS,2BAAA,IAAC,WAAU,EAAA,OAAOb,KAAKD,KAAKC,EAAE,IAAIM,OAAO,KAAcK,GAAAA,WACpDF,SACH,CAAA;AAEJ,CACF;;"}

package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs CHANGED Viewed

@@ -2,15 +2,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
-const isNil = require("lodash/isNil");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const BreadCrumb_styles = require("./BreadCrumb.styles.cjs");
 const utils = require("./utils.cjs");
 const PathElement = require("./PathElement/PathElement.cjs");
 const Page = require("./Page/Page.cjs");
 const Typography = require("../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const isNil__default = /* @__PURE__ */ _interopDefault(isNil);
 const HvBreadCrumb = (props) => {
   const {
     classes: classesProp,
@@ -30,7 +27,7 @@ const HvBreadCrumb = (props) => {
   } = BreadCrumb_styles.useClasses(classesProp);
   const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;
   let listPath = listRoute.slice();
-  if (!isNil__default.default(url)) {
+  if (url != null) {
     listPath = [];
     const baseUrl = url.match(/^.*\/\/[^/]+/);
     const urlWithoutDomain = url.replace(/^.*\/\/[^/]+/, "");
@@ -47,7 +44,7 @@ const HvBreadCrumb = (props) => {
     return /* @__PURE__ */ jsxRuntime.jsx(PathElement.HvPathElement, { classes: {
       centerContainer: classes.centerContainer,
       separatorContainer: classes.separatorContainer
-    }, last: isLast, children: React.isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.currentPage, variant: "body", children: utils.removeExtension(elem.label) }) || /* @__PURE__ */ jsxRuntime.jsx(Page.HvPage, { elem, classes: {
+    }, last: isLast, children: React.isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.currentPage, variant: "body", children: utils.removeExtension(elem.label) }) || /* @__PURE__ */ jsxRuntime.jsx(Page.HvBreadCrumbPage, { elem, classes: {
       a: classes.a,
       link: classes.link
     }, component, onClick }) }, key);