@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/BaseDropdown/BaseDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdown.js","names":["Tab","KeyboardCodes","Enter","Esc","Space","ArrowDown","HvBaseDropdown","id","role","classes","className","placeholder","disabled","readOnly","expanded","defaultExpanded","placement","popperProps","onToggle","onClickOutside","onContainerCreation","disablePortal","component","adornment","children","variableWidth","dropdownHeaderProps","dropdownHeaderRefProp","dropdownHeaderRef","others","useControlled","Boolean","isOpen","setIsOpen","bottom","useState","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","modifiersData","maxSize","height","maxWidth","maxHeight","useMemo","name","enabled","phase","requires","fn","effect","usePopper","popperStyles","attributes","elementId","useUniqueId","ariaRole","undefined","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","setId","clsx","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","headerReadOnly","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","ReactDOM","createPortal","body","root","anchor","rootDisabled","onKeyDown","onClick","propTypes","PropTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object","refType","withStyles"],"sources":["../../src/BaseDropdown/BaseDropdown.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport ReactDOM from \"react-dom\";\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ClickAwayListener } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { usePopper } from \"react-popper\";\nimport maxSize from \"popper-max-size-modifier\";\nimport clsx from \"clsx\";\nimport { DropUpXS, DropDownXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography, useUniqueId } from \"..\";\nimport {\n  getFirstAndLastFocus,\n  isKeypress,\n  KeyboardCodes,\n  setId,\n  refType,\n  useControlled,\n  useForkRef,\n} from \"../utils\";\nimport styles from \"./styles\";\n\nimport BaseDropdownContext from \"./BaseDropdownContext\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = KeyboardCodes;\n\nconst HvBaseDropdown = ({\n  id,\n  role,\n  classes,\n  className,\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  expanded,\n  defaultExpanded = false,\n  placement = \"right\",\n  popperProps = {},\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  disablePortal = false,\n  component,\n  adornment,\n  children,\n  variableWidth = false,\n  dropdownHeaderProps,\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const bottom = placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperMaxSize, setPopperMaxSize] = useState({});\n\n  const handleDropdownHeaderRefProp = useForkRef(dropdownHeaderRefProp, dropdownHeaderProps?.ref);\n  const handleDropdownHeaderRef = useForkRef(setReferenceElement, handleDropdownHeaderRefProp);\n\n  const [popperElement, setPopperElement] = useState(null);\n\n  const extensionWidth = referenceElement ? referenceElement.offsetWidth : \"inherit\";\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } = popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  }, []);\n\n  const widthCalculatorEffect = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n  }, []);\n\n  const maxSizeCalculator = useCallback(\n    ({ state }) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize.width || height !== popperMaxSize.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      // eslint-disable-next-line no-param-reassign\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const modifiers = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      maxSize,\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: maxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [maxSizeCalculator, popperPropsModifiers, variableWidth, widthCalculator, widthCalculatorEffect]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(referenceElement, popperElement, {\n    placement: bottom,\n    modifiers,\n    onFirstUpdate,\n    ...otherPopperProps,\n  });\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  let popperPlacement = \"bottom\";\n  if (attributes.popper) {\n    popperPlacement = attributes.popper[\"data-popper-placement\"];\n  }\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n      // we are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(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      const focusHeader = () => {\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      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    return (\n      <div\n        id={setId(id, \"header\")}\n        className={clsx(classes.header, {\n          [classes.headerDisabled]: disabled,\n          [classes.headerReadOnly]: readOnly,\n          [classes.headerOpen]: isOpen,\n          [classes.headerOpenUp]: isOpen && popperPlacement.includes(\"top\"),\n          [classes.headerOpenDown]: isOpen && popperPlacement.includes(\"bottom\"),\n        })}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={isOpen ? setId(elementId, \"children-container\") : undefined}\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <div className={classes.selection}>\n          {placeholder && typeof placeholder === \"string\" ? (\n            <HvTypography\n              noWrap\n              className={clsx(classes.placeholder, {\n                [classes.selectionDisabled]: disabled,\n              })}\n              variant=\"placeholderText\"\n            >\n              {placeholder}\n            </HvTypography>\n          ) : (\n            placeholder\n          )}\n        </div>\n        {adornment ||\n          (isOpen ? (\n            <DropUpXS iconSize=\"XS\" className={classes.arrow} />\n          ) : (\n            <DropDownXS\n              iconSize=\"XS\"\n              className={classes.arrow}\n              color={disabled ? \"atmo5\" : undefined}\n            />\n          ))}\n      </div>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(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 = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <div\n        role=\"tooltip\"\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={clsx(classes.inputExtensionOpen, {\n                  [classes.inputExtensionLeftPosition]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <div id={setId(elementId, \"children-container\")} className={classes.panel}>\n                {children}\n              </div>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {\n                  [classes.inputExtensionFloatRight]: popperPlacement.includes(\"start\"),\n                  [classes.inputExtensionFloatLeft]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </div>\n    );\n\n    if (disablePortal) return container;\n\n    return ReactDOM.createPortal(container, document.body);\n  })();\n\n  return (\n    <div className={classes.root}>\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(className, classes.anchor, {\n          [classes.rootDisabled]: disabled,\n        })}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </div>\n      {isOpen ? containerComponent : null}\n    </div>\n  );\n};\n\nHvBaseDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root when disabled.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Styles applied to the element that serves as reference for the popper when disabled.\n     */\n    anchor: PropTypes.string,\n    /**\n     * Styles applied to the popper element when it is inside the root element hierarchy.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the header\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component when is open.\n     */\n    headerOpen: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened up.\n     */\n    headerOpenUp: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened down.\n     */\n    headerOpenDown: PropTypes.string,\n    /**\n     * Styles applied to the header when it's disabled.\n     */\n    headerDisabled: PropTypes.string,\n    /**\n     * Styles applied to the header when it's in read only mode.\n     */\n    headerReadOnly: PropTypes.string,\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied to the selection\n     */\n    selection: PropTypes.string,\n    /**\n     * Styles applied for truncating the container elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the dropdown panel.\n     */\n    panel: PropTypes.string,\n    /**\n     * Styles applied to the extension when open.\n     */\n    inputExtensionOpen: PropTypes.string,\n    /**\n     * Styles applied when position is left.\n     */\n    inputExtensionLeftPosition: PropTypes.string,\n    /**\n     * Styles applied to set the shadow when open.\n     */\n    inputExtensionOpenShadow: PropTypes.string,\n    /**\n     * Styles applied when position is right and the position is up.\n     */\n    inputExtensionFloatRight: PropTypes.string,\n    /**\n     * Styles applied when position is left and the position is up.\n     */\n    inputExtensionFloatLeft: PropTypes.string,\n  }).isRequired,\n  /**\n   * Header placeholder. String or node.\n   */\n  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\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: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n  /**\n   * Node to be rendered.\n   */\n  children: PropTypes.node,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Replacement for the header component.\n   */\n  component: PropTypes.node,\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment: PropTypes.node,\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside: PropTypes.func,\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation: PropTypes.func,\n  /**\n   * When expanded dropdown flips position.\n   */\n  onFlip: PropTypes.func,\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps: PropTypes.instanceOf(Object),\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseDropdown\" })(HvBaseDropdown);\n"],"mappings":"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"}
+{"version":3,"file":"BaseDropdown.js","names":["Tab","KeyboardCodes","Enter","Esc","Space","ArrowDown","HvBaseDropdown","id","role","classes","className","placeholder","disabled","readOnly","expanded","defaultExpanded","placement","popperProps","onToggle","onClickOutside","onContainerCreation","disablePortal","component","adornment","children","variableWidth","dropdownHeaderProps","dropdownHeaderRefProp","dropdownHeaderRef","others","useControlled","Boolean","isOpen","setIsOpen","bottom","useState","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","modifiersData","maxSize","height","maxWidth","maxHeight","useMemo","name","enabled","phase","requires","fn","effect","usePopper","popperStyles","attributes","elementId","useUniqueId","ariaRole","undefined","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","setId","clsx","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","headerReadOnly","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","ReactDOM","createPortal","body","root","anchor","rootDisabled","onKeyDown","onClick","propTypes","PropTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object","refType","withStyles"],"sources":["../../src/BaseDropdown/BaseDropdown.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport ReactDOM from \"react-dom\";\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ClickAwayListener } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { usePopper } from \"react-popper\";\nimport maxSize from \"popper-max-size-modifier\";\nimport clsx from \"clsx\";\nimport { DropUpXS, DropDownXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography, useUniqueId } from \"..\";\nimport {\n  getFirstAndLastFocus,\n  isKeypress,\n  KeyboardCodes,\n  setId,\n  refType,\n  useControlled,\n  useForkRef,\n} from \"../utils\";\nimport styles from \"./styles\";\n\nimport BaseDropdownContext from \"./BaseDropdownContext\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = KeyboardCodes;\n\nconst HvBaseDropdown = ({\n  id,\n  role,\n  classes,\n  className,\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  expanded,\n  defaultExpanded = false,\n  placement = \"right\",\n  popperProps = {},\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  disablePortal = false,\n  component,\n  adornment,\n  children,\n  variableWidth = false,\n  dropdownHeaderProps,\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const bottom = placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperMaxSize, setPopperMaxSize] = useState({});\n\n  const handleDropdownHeaderRefProp = useForkRef(dropdownHeaderRefProp, dropdownHeaderProps?.ref);\n  const handleDropdownHeaderRef = useForkRef(setReferenceElement, handleDropdownHeaderRefProp);\n\n  const [popperElement, setPopperElement] = useState(null);\n\n  const extensionWidth = referenceElement ? referenceElement.offsetWidth : \"inherit\";\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } = popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  }, []);\n\n  const widthCalculatorEffect = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n  }, []);\n\n  const maxSizeCalculator = useCallback(\n    ({ state }) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize.width || height !== popperMaxSize.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      // eslint-disable-next-line no-param-reassign\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const modifiers = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      maxSize,\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: maxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [maxSizeCalculator, popperPropsModifiers, variableWidth, widthCalculator, widthCalculatorEffect]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(referenceElement, popperElement, {\n    placement: bottom,\n    modifiers,\n    onFirstUpdate,\n    ...otherPopperProps,\n  });\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  let popperPlacement = \"bottom\";\n  if (attributes.popper) {\n    popperPlacement = attributes.popper[\"data-popper-placement\"];\n  }\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n      // we are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(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      const focusHeader = () => {\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      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    return (\n      <div\n        id={setId(id, \"header\")}\n        className={clsx(classes.header, {\n          [classes.headerDisabled]: disabled,\n          [classes.headerReadOnly]: readOnly,\n          [classes.headerOpen]: isOpen,\n          [classes.headerOpenUp]: isOpen && popperPlacement.includes(\"top\"),\n          [classes.headerOpenDown]: isOpen && popperPlacement.includes(\"bottom\"),\n        })}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={isOpen ? setId(elementId, \"children-container\") : undefined}\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <div className={classes.selection}>\n          {placeholder && typeof placeholder === \"string\" ? (\n            <HvTypography\n              noWrap\n              className={clsx(classes.placeholder, {\n                [classes.selectionDisabled]: disabled,\n              })}\n              variant=\"placeholderText\"\n            >\n              {placeholder}\n            </HvTypography>\n          ) : (\n            placeholder\n          )}\n        </div>\n        {adornment ||\n          (isOpen ? (\n            <DropUpXS iconSize=\"XS\" className={classes.arrow} />\n          ) : (\n            <DropDownXS\n              iconSize=\"XS\"\n              className={classes.arrow}\n              color={disabled ? \"atmo5\" : undefined}\n            />\n          ))}\n      </div>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(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 = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <div\n        role=\"tooltip\"\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={clsx(classes.inputExtensionOpen, {\n                  [classes.inputExtensionLeftPosition]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <div id={setId(elementId, \"children-container\")} className={classes.panel}>\n                {children}\n              </div>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {\n                  [classes.inputExtensionFloatRight]: popperPlacement.includes(\"start\"),\n                  [classes.inputExtensionFloatLeft]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </div>\n    );\n\n    if (disablePortal) return container;\n\n    return ReactDOM.createPortal(container, document.body);\n  })();\n\n  return (\n    <div className={classes.root}>\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(className, classes.anchor, {\n          [classes.rootDisabled]: disabled,\n        })}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </div>\n      {isOpen ? containerComponent : null}\n    </div>\n  );\n};\n\nHvBaseDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root when disabled.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Styles applied to the element that serves as reference for the popper when disabled.\n     */\n    anchor: PropTypes.string,\n    /**\n     * Styles applied to the popper element when it is inside the root element hierarchy.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the header\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component when is open.\n     */\n    headerOpen: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened up.\n     */\n    headerOpenUp: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened down.\n     */\n    headerOpenDown: PropTypes.string,\n    /**\n     * Styles applied to the header when it's disabled.\n     */\n    headerDisabled: PropTypes.string,\n    /**\n     * Styles applied to the header when it's in read only mode.\n     */\n    headerReadOnly: PropTypes.string,\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied to the selection\n     */\n    selection: PropTypes.string,\n    /**\n     * Styles applied for truncating the container elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the dropdown panel.\n     */\n    panel: PropTypes.string,\n    /**\n     * Styles applied to the extension when open.\n     */\n    inputExtensionOpen: PropTypes.string,\n    /**\n     * Styles applied when position is left.\n     */\n    inputExtensionLeftPosition: PropTypes.string,\n    /**\n     * Styles applied to set the shadow when open.\n     */\n    inputExtensionOpenShadow: PropTypes.string,\n    /**\n     * Styles applied when position is right and the position is up.\n     */\n    inputExtensionFloatRight: PropTypes.string,\n    /**\n     * Styles applied when position is left and the position is up.\n     */\n    inputExtensionFloatLeft: PropTypes.string,\n  }).isRequired,\n  /**\n   * Header placeholder. String or node.\n   */\n  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\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: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n  /**\n   * Node to be rendered.\n   */\n  children: PropTypes.node,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Replacement for the header component.\n   */\n  component: PropTypes.node,\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment: PropTypes.node,\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside: PropTypes.func,\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation: PropTypes.func,\n  /**\n   * When expanded dropdown flips position.\n   */\n  onFlip: PropTypes.func,\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps: PropTypes.instanceOf(Object),\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseDropdown\" })(HvBaseDropdown);\n"],"mappings":"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"}

package/dist/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var BaseDropdownContext = /*#__PURE__*/_react.default.createContext({});
-
 BaseDropdownContext.displayName = "BaseDropdownContext";
 var _default = BaseDropdownContext;
 exports.default = _default;

package/dist/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdownContext.js","names":["BaseDropdownContext","React","createContext","displayName"],"sources":["../../../src/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js"],"sourcesContent":["import React from \"react\";\n\nconst BaseDropdownContext = React.createContext({});\nBaseDropdownContext.displayName = \"BaseDropdownContext\";\n\nexport default BaseDropdownContext;\n"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,mBAAmB,gBAAGC,cAAA,CAAMC,aAAN,CAAoB,EAApB,CAA5B;;AACAF,mBAAmB,CAACG,WAApB,GAAkC,qBAAlC;eAEeH,mB"}
+{"version":3,"file":"BaseDropdownContext.js","names":["BaseDropdownContext","React","createContext","displayName"],"sources":["../../../src/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js"],"sourcesContent":["import React from \"react\";\n\nconst BaseDropdownContext = React.createContext({});\nBaseDropdownContext.displayName = \"BaseDropdownContext\";\n\nexport default BaseDropdownContext;\n"],"mappings":";;;;;;;AAAA;AAEA,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;AACnDF,mBAAmB,CAACG,WAAW,GAAG,qBAAqB;AAAC,eAEzCH,mBAAmB;AAAA"}

package/dist/BaseDropdown/BaseDropdownContext/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _BaseDropdownContext.default;
   }
 });
-
 var _BaseDropdownContext = _interopRequireDefault(require("./BaseDropdownContext"));
 //# sourceMappingURL=index.js.map

package/dist/BaseDropdown/BaseDropdownContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/BaseDropdown/BaseDropdownContext/index.js"],"sourcesContent":["export { default } from \"./BaseDropdownContext\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/BaseDropdown/BaseDropdownContext/index.js"],"sourcesContent":["export { default } from \"./BaseDropdownContext\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/BaseDropdown/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _BaseDropdown.default;
   }
 });
-
 var _BaseDropdown = _interopRequireDefault(require("./BaseDropdown"));
 //# sourceMappingURL=index.js.map

package/dist/BaseDropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/BaseDropdown/index.js"],"sourcesContent":["export { default } from \"./BaseDropdown\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/BaseDropdown/index.js"],"sourcesContent":["export { default } from \"./BaseDropdown\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/BaseDropdown/styles.js

@@ -1,34 +1,21 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _styles = require("../Focus/styles");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -139,7 +126,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/BaseDropdown/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","position","anchor","display","rootDisabled","cursor","outline","container","zIndex","tooltip","containedPopper","header","userSelect","background","hv","palette","atmosphere","atmo1","border","atmo4","accent","acce1","borderRadius","outlineStyles","headerOpen","boxShadow","shadows","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","atmo3","headerReadOnly","arrow","top","right","selection","alignItems","height","spacing","md","padding","hvSpacing","placeholder","selectionDisabled","typography","placeholderText","panel","inputExtensionOpen","xs","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../src/BaseDropdown/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  anchor: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  container: {\n    zIndex: theme.zIndex.tooltip,\n  },\n  containedPopper: {\n    width: \"100%\",\n  },\n  header: {\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    position: \"relative\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    borderRadius: \"2px\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  headerOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  headerOpenUp: {\n    borderRadius: \"0px 0px 2px 2px\",\n  },\n  headerOpenDown: {\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  headerReadOnly: {\n    cursor: \"not-allowed\",\n    pointerEvents: \"none\",\n    border: \"none\",\n    userSelect: \"text\",\n    \"&:focus-visible\": {\n      outline: \"none\",\n      border: \"none\",\n    },\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: -1,\n    right: -1,\n  },\n  selection: {\n    display: \"flex\",\n    alignItems: \"center\",\n    height: theme.hv.spacing.md,\n    padding: theme.hvSpacing(0, \"md\", 0, \"xs\"),\n  },\n  placeholder: {\n    display: \"block\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n  },\n  panel: {\n    position: \"relative\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  inputExtensionOpen: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","position","anchor","display","rootDisabled","cursor","outline","container","zIndex","tooltip","containedPopper","header","userSelect","background","hv","palette","atmosphere","atmo1","border","atmo4","accent","acce1","borderRadius","outlineStyles","headerOpen","boxShadow","shadows","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","atmo3","headerReadOnly","arrow","top","right","selection","alignItems","height","spacing","md","padding","hvSpacing","placeholder","selectionDisabled","typography","placeholderText","panel","inputExtensionOpen","xs","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../src/BaseDropdown/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  anchor: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  container: {\n    zIndex: theme.zIndex.tooltip,\n  },\n  containedPopper: {\n    width: \"100%\",\n  },\n  header: {\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    position: \"relative\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    borderRadius: \"2px\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  headerOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  headerOpenUp: {\n    borderRadius: \"0px 0px 2px 2px\",\n  },\n  headerOpenDown: {\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  headerReadOnly: {\n    cursor: \"not-allowed\",\n    pointerEvents: \"none\",\n    border: \"none\",\n    userSelect: \"text\",\n    \"&:focus-visible\": {\n      outline: \"none\",\n      border: \"none\",\n    },\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: -1,\n    right: -1,\n  },\n  selection: {\n    display: \"flex\",\n    alignItems: \"center\",\n    height: theme.hv.spacing.md,\n    padding: theme.hvSpacing(0, \"md\", 0, \"xs\"),\n  },\n  placeholder: {\n    display: \"block\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n  },\n  panel: {\n    position: \"relative\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  inputExtensionOpen: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/BaseInput/BaseInput.js

@@ -1,109 +1,76 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.function.name.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _utils = require("../utils");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _FormElement = require("../Forms/FormElement");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "required", "readOnly", "disabled", "onChange", "type", "placeholder", "multiline", "resizable", "invalid", "inputRef", "inputProps"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * An Input component that only posses the most basic functionalities.
  * It should be used alongside the other form elements to construct a proper accessible form.
  */
 var HvBaseInput = function HvBaseInput(props) {
   var classes = props.classes,
-      _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
-      id = props.id,
-      name = props.name,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      required = props.required,
-      readOnly = props.readOnly,
-      disabled = props.disabled,
-      onChange = props.onChange,
-      _props$type = props.type,
-      type = _props$type === void 0 ? "text" : _props$type,
-      placeholder = props.placeholder,
-      _props$multiline = props.multiline,
-      multiline = _props$multiline === void 0 ? false : _props$multiline,
-      _props$resizable = props.resizable,
-      resizable = _props$resizable === void 0 ? false : _props$resizable,
-      _props$invalid = props.invalid,
-      invalid = _props$invalid === void 0 ? false : _props$invalid,
-      inputRef = props.inputRef,
-      _props$inputProps = props.inputProps,
-      inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+    _props$className = props.className,
+    className = _props$className === void 0 ? "" : _props$className,
+    id = props.id,
+    name = props.name,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    required = props.required,
+    readOnly = props.readOnly,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    _props$type = props.type,
+    type = _props$type === void 0 ? "text" : _props$type,
+    placeholder = props.placeholder,
+    _props$multiline = props.multiline,
+    multiline = _props$multiline === void 0 ? false : _props$multiline,
+    _props$resizable = props.resizable,
+    resizable = _props$resizable === void 0 ? false : _props$resizable,
+    _props$invalid = props.invalid,
+    invalid = _props$invalid === void 0 ? false : _props$invalid,
+    inputRef = props.inputRef,
+    _props$inputProps = props.inputProps,
+    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var formElementContext = (0, _react.useContext)(_FormElement.HvFormElementContext);
   var formElementProps = (0, _FormElement.buildFormElementPropsFromContext)(props, formElementContext);
   var localInvalid = invalid || formElementProps.status === "invalid";
   var formElementDescriptorsContext = (0, _react.useContext)(_FormElement.HvFormElementDescriptorsContext);
   var ariaProps = (0, _FormElement.buildAriaPropsFromContext)(inputProps, formElementDescriptorsContext, localInvalid, id);
-
   var onChangeHandler = function onChangeHandler(event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(event, event.target.value);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _clsx.default)(classes.root, className, formElementProps.disabled && classes.disabled, localInvalid && classes.invalid, multiline && resizable && classes.resizable, readOnly && classes.readOnly),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Input, _objectSpread({
@@ -136,14 +103,12 @@ var HvBaseInput = function HvBaseInput(props) {
     })]
   });
 };
-
 HvBaseInput.formElementType = "input";
 process.env.NODE_ENV !== "production" ? HvBaseInput.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the component styles applied.
    */
@@ -152,148 +117,119 @@ process.env.NODE_ENV !== "production" ? HvBaseInput.propTypes = {
      * Styles applied to the root container of the input.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the root container of the input when it is disabled.
      */
     disabled: _propTypes.default.string,
-
     /**
      * Styles applied to the root container of the input when it is invalid.
      */
     invalid: _propTypes.default.string,
-
     /**
      * Styles applied to the root container of the input when it is resizable.
      */
     resizable: _propTypes.default.string,
-
     /**
      * Styles applied to input root which is the input that encloses all the other elements.
      */
     inputRoot: _propTypes.default.string,
-
     /**
      * Styles applied to input root when it is focused.
      */
     inputRootFocused: _propTypes.default.string,
-
     /**
      * Styles applied to input html element when it is disabled.
      */
     inputRootDisabled: _propTypes.default.string,
-
     /**
      * Styles applied to input html element when it is multiline mode.
      */
     inputRootMultiline: _propTypes.default.string,
-
     /**
      * Styles applied to input html element.
      */
     input: _propTypes.default.string,
-
     /**
      * Styles applied to input html element when is disabled.
      */
     inputDisabled: _propTypes.default.string,
-
     /**
      * Styles applied to input html element when it is resizable.
      */
     inputResizable: _propTypes.default.string,
-
     /**
      * Styles applied to the container of the border element.
      */
     inputBorderContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the container of the border element, when in read only mode.
      */
     readOnly: _propTypes.default.string
   }).isRequired,
-
   /**
    * Id to be applied to the root node.
    */
   id: _propTypes.default.string,
-
   /**
    * The input name.
    */
   name: _propTypes.default.string,
-
   /**
    * The value of the input, when controlled.
    */
   value: _propTypes.default.string,
-
   /**
    * The initial value of the input, when uncontrolled.
    */
   defaultValue: _propTypes.default.string,
-
   /**
    * If `true` the input is disabled.
    */
   disabled: _propTypes.default.bool,
-
   /**
    * Indicates that the input is not editable.
    */
   readOnly: _propTypes.default.bool,
-
   /**
    * If true, the input element will be required.
    */
   required: _propTypes.default.bool,
-
   /**
    * The function that will be executed onChange, allows modification of the input,
    * it receives the value. If a new value should be presented it must returned it.
    */
   onChange: _propTypes.default.func,
-
   /**
    * The input type.
    */
   type: _propTypes.default.string,
-
   /**
    * Label inside the input used to help user.
    */
   placeholder: _propTypes.default.string,
-
   /**
    * If true, a textarea element will be rendered.
    */
   multiline: _propTypes.default.bool,
-
   /**
    * If true and multiline is also true the textarea element will be resizable.
    */
   resizable: _propTypes.default.bool,
-
   /**
    * Denotes if the input is in an invalid state.
    */
   invalid: _propTypes.default.bool,
-
   /**
    * Attributes applied to the input element.
    */
   inputProps: _propTypes.default.instanceOf(Object),
-
   /**
    * Allows passing a ref to the underlying input
    */
   inputRef: _utils.refType
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvBaseInput"
 })(HvBaseInput);
-
 exports.default = _default;
 //# sourceMappingURL=BaseInput.js.map