@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

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, withStyles } from \"@material-ui/core\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AASA;;AAEA;;;;;;;;;;;;;AAEA,IAAQA,GAAR,GAA8CC,oBAA9C,CAAQD,GAAR;AAAA,IAAaE,KAAb,GAA8CD,oBAA9C,CAAaC,KAAb;AAAA,IAAoBC,GAApB,GAA8CF,oBAA9C,CAAoBE,GAApB;AAAA,IAAyBC,KAAzB,GAA8CH,oBAA9C,CAAyBG,KAAzB;AAAA,IAAgCC,SAAhC,GAA8CJ,oBAA9C,CAAgCI,SAAhC;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAuBjB;EAAA,IAtBJC,EAsBI,QAtBJA,EAsBI;EAAA,IArBJC,IAqBI,QArBJA,IAqBI;EAAA,IApBJC,OAoBI,QApBJA,OAoBI;EAAA,IAnBJC,SAmBI,QAnBJA,SAmBI;EAAA,IAlBJC,WAkBI,QAlBJA,WAkBI;EAAA,yBAjBJC,QAiBI;EAAA,IAjBJA,QAiBI,8BAjBO,KAiBP;EAAA,yBAhBJC,QAgBI;EAAA,IAhBJA,QAgBI,8BAhBO,KAgBP;EAAA,IAfJC,QAeI,QAfJA,QAeI;EAAA,gCAdJC,eAcI;EAAA,IAdJA,eAcI,qCAdc,KAcd;EAAA,0BAbJC,SAaI;EAAA,IAbJA,SAaI,+BAbQ,OAaR;EAAA,4BAZJC,WAYI;EAAA,IAZJA,WAYI,iCAZU,EAYV;EAAA,IAXJC,QAWI,QAXJA,QAWI;EAAA,IAVJC,cAUI,QAVJA,cAUI;EAAA,IATJC,mBASI,QATJA,mBASI;EAAA,8BARJC,aAQI;EAAA,IARJA,aAQI,mCARY,KAQZ;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,SAMI,QANJA,SAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,8BAJJC,aAII;EAAA,IAJJA,aAII,mCAJY,KAIZ;EAAA,IAHJC,mBAGI,QAHJA,mBAGI;EAAA,IAFeC,qBAEf,QAFJC,iBAEI;EAAA,IADDC,MACC;;EACJ,qBAA4B,IAAAC,oBAAA,EAAchB,QAAd,EAAwBiB,OAAO,CAAChB,eAAD,CAA/B,CAA5B;EAAA;EAAA,IAAOiB,MAAP;EAAA,IAAeC,SAAf;;EAEA,IAAMC,MAAM,GAAGlB,SAAS,qBAAcA,SAAS,KAAK,OAAd,GAAwB,OAAxB,GAAkC,KAAhD,CAAxB;;EAEA,gBAAgD,IAAAmB,eAAA,EAAS,IAAT,CAAhD;EAAA;EAAA,IAAOC,gBAAP;EAAA,IAAyBC,mBAAzB;;EACA,iBAA0C,IAAAF,eAAA,EAAS,EAAT,CAA1C;EAAA;EAAA,IAAOG,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,IAAMC,2BAA2B,GAAG,IAAAC,iBAAA,EAAWd,qBAAX,EAAkCD,mBAAlC,aAAkCA,mBAAlC,uBAAkCA,mBAAmB,CAAEgB,GAAvD,CAApC;EACA,IAAMC,uBAAuB,GAAG,IAAAF,iBAAA,EAAWJ,mBAAX,EAAgCG,2BAAhC,CAAhC;;EAEA,iBAA0C,IAAAL,eAAA,EAAS,IAAT,CAA1C;EAAA;EAAA,IAAOS,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,IAAMC,cAAc,GAAGV,gBAAgB,GAAGA,gBAAgB,CAACW,WAApB,GAAkC,SAAzE;EACA,4BAAsE9B,WAAtE,CAAQ+B,SAAR;EAAA,IAAmBC,oBAAnB,sCAA0C,EAA1C;EAAA,IAAiDC,gBAAjD,0CAAsEjC,WAAtE;EAEA,IAAMkC,aAAa,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACtC,IAAIhC,mBAAJ,EAAyBA,mBAAmB,CAACwB,aAAD,CAAnB;EAC1B,CAFqB,EAEnB,CAACxB,mBAAD,EAAsBwB,aAAtB,CAFmB,CAAtB;EAIA,IAAMS,eAAe,GAAG,IAAAD,kBAAA,EAAY,iBAAe;IAAA,IAAZE,KAAY,SAAZA,KAAY;IACjD;IACAA,KAAK,CAACC,MAAN,CAAaC,MAAb,CAAoBC,KAApB,aAA+BH,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBF,KAArD;EACD,CAHuB,EAGrB,EAHqB,CAAxB;EAKA,IAAMG,qBAAqB,GAAG,IAAAR,kBAAA,EAAY,iBAAe;IAAA,IAAZE,KAAY,SAAZA,KAAY;IACvD;IACAA,KAAK,CAACO,QAAN,CAAeL,MAAf,CAAsBM,KAAtB,CAA4BL,KAA5B,aAAuCH,KAAK,CAACO,QAAN,CAAeF,SAAf,CAAyBZ,WAAhE;EACD,CAH6B,EAG3B,EAH2B,CAA9B;EAKA,IAAMgB,iBAAiB,GAAG,IAAAX,kBAAA,EACxB,iBAAe;IAAA,IAAZE,KAAY,SAAZA,KAAY;IACb;IACA,4BAA0BA,KAAK,CAACU,aAAN,CAAoBC,OAA9C;IAAA,IAAQR,KAAR,yBAAQA,KAAR;IAAA,IAAeS,MAAf,yBAAeA,MAAf;;IACA,IAAIT,KAAK,KAAKnB,aAAa,CAACmB,KAAxB,IAAiCS,MAAM,KAAK5B,aAAa,CAAC4B,MAA9D,EAAsE;MACpE3B,gBAAgB,CAAC;QAAEkB,KAAK,EAALA,KAAF;QAASS,MAAM,EAANA;MAAT,CAAD,CAAhB;IACD,CALY,CAOb;;;IACAZ,KAAK,CAACC,MAAN,CAAaC,MAAb,mCACKF,KAAK,CAACC,MAAN,CAAaC,MADlB;MAEEW,QAAQ,YAAKV,KAAL,OAFV;MAGEW,SAAS,YAAKF,MAAL;IAHX;EAKD,CAduB,EAexB,CAAC5B,aAAD,CAfwB,CAA1B;EAkBA,IAAMU,SAAS,GAAG,IAAAqB,cAAA,EAChB;IAAA,QACE;MACEC,IAAI,EAAE,eADR;MAEEC,OAAO,EAAE,CAAC9C,aAFZ;MAGE+C,KAAK,EAAE,aAHT;MAIEC,QAAQ,EAAE,CAAC,eAAD,CAJZ;MAKEC,EAAE,EAAErB,eALN;MAMEsB,MAAM,EAAEf;IANV,CADF,EASEK,8BATF,EAUE;MACEK,IAAI,EAAE,cADR;MAEEC,OAAO,EAAE,IAFX;MAGEC,KAAK,EAAE,aAHT;MAIEC,QAAQ,EAAE,CAAC,SAAD,CAJZ;MAKEC,EAAE,EAAEX;IALN,CAVF,0CAiBKd,oBAjBL;EAAA,CADgB,EAoBhB,CAACc,iBAAD,EAAoBd,oBAApB,EAA0CxB,aAA1C,EAAyD4B,eAAzD,EAA0EO,qBAA1E,CApBgB,CAAlB;;EAuBA,iBAA6C,IAAAgB,sBAAA,EAAUxC,gBAAV,EAA4BQ,aAA5B;IAC3C5B,SAAS,EAAEkB,MADgC;IAE3Cc,SAAS,EAATA,SAF2C;IAG3CG,aAAa,EAAbA;EAH2C,GAIxCD,gBAJwC,EAA7C;EAAA,IAAgB2B,YAAhB,cAAQtB,MAAR;EAAA,IAA8BuB,UAA9B,cAA8BA,UAA9B;;EAOA,IAAMC,SAAS,GAAG,IAAAC,aAAA,EAAYzE,EAAZ,EAAgB,gBAAhB,CAAlB;EAEA,IAAM0E,QAAQ,GAAGzE,IAAI,KAAKc,SAAS,IAAI,IAAb,GAAoB,UAApB,GAAiC4D,SAAtC,CAArB;EAEA,IAAIC,eAAe,GAAG,QAAtB;;EACA,IAAIL,UAAU,CAACtB,MAAf,EAAuB;IACrB2B,eAAe,GAAGL,UAAU,CAACtB,MAAX,CAAkB,uBAAlB,CAAlB;EACD;;EAED,IAAM4B,YAAY,GAAG,IAAAhC,kBAAA,EACnB,UAACiC,KAAD,EAAW;IACT,IAAIA,KAAK,IAAI,CAAC,IAAAC,iBAAA,EAAWD,KAAX,EAAkBrF,GAAlB,CAAd,EAAsC;MACpCqF,KAAK,CAACE,cAAN;IACD,CAHQ,CAIT;;;IACA,IAAMC,aAAa,GAAG,CAACxF,GAAD,EAAME,KAAN,EAAaC,GAAb,EAAkBE,SAAlB,EAA6BD,KAA7B,EAAoCqF,KAApC,CACpB,UAACC,GAAD;MAAA,OAAS,IAAAJ,iBAAA,EAAWD,KAAX,EAAkBK,GAAlB,MAA2B,KAApC;IAAA,CADoB,CAAtB;IAIA,IAAMC,mBAAmB,GACtB,IAAAL,iBAAA,EAAWD,KAAX,EAAkBlF,GAAlB,KAA0B,CAAC6B,MAA5B,IACC,IAAAsD,iBAAA,EAAWD,KAAX,EAAkBhF,SAAlB,KAAgC2B,MADjC,IAEC,IAAAsD,iBAAA,EAAWD,KAAX,EAAkBrF,GAAlB,KAA0B,CAACgC,MAH9B;IAKA,IAAIpB,QAAQ,IAAI4E,aAAZ,IAA6BG,mBAAjC,EAAsD;IAEtD,IAAMC,OAAO,GAAG,CAAC5D,MAAjB;IAEA;;IACA,IAAM6D,WAAW,GAAG,SAAdA,WAAc,GAAM;MACxB,IAAI,CAACD,OAAL,EAAc;QACZ;QACA;QACAxD,gBAAgB,CAAC0D,KAAjB,CAAuB;UAAEC,aAAa,EAAE;QAAjB,CAAvB;MACD;;MAED,OAAOH,OAAP;IACD,CARD;;IASA3D,SAAS,CAAC4D,WAAW,EAAZ,CAAT;IAEA3E,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGmE,KAAH,EAAUO,OAAV,CAAR;EACD,CAhCkB,EAiCnB,CAAC5D,MAAD,EAASpB,QAAT,EAAmBqB,SAAnB,EAA8Bf,QAA9B,EAAwCkB,gBAAxC,CAjCmB,CAArB;;EAoCA,IAAM4D,eAAe,GAAI,YAAM;IAAA;;IAC7B,IAAI1E,SAAJ,EAAe;MACb,oBAAO2E,cAAA,CAAMC,YAAN,CAAmB5E,SAAnB,EAA8B;QACnCoB,GAAG,EAAEC;MAD8B,CAA9B,CAAP;IAGD;;IAED,oBACE;MACE,EAAE,EAAE,IAAAwD,YAAA,EAAM5F,EAAN,EAAU,QAAV,CADN;MAEE,SAAS,EAAE,IAAA6F,aAAA,EAAK3F,OAAO,CAAC4F,MAAb,EAGarE,MAHb,KAGRvB,OAAO,CAAC6F,UAHA,EAIyBnB,eAAe,CAACoB,QAAhB,CAAyB,KAAzB,CAJzB,IAIR9F,OAAO,CAAC+F,YAJA,EAK2BrB,eAAe,CAACoB,QAAhB,CAAyB,QAAzB,CAL3B,IAKR9F,OAAO,CAACgG,cALA,GACiB7F,QADjB,IACRH,OAAO,CAACiG,cADA,EAEiB7F,QAFjB,IAERJ,OAAO,CAACkG,cAFA,CAFb;MASE,IAAI,EAAE1B,QAAQ,KAAK,UAAb,GAA0B,SAA1B,GAAsCC,SAT9C;MAUE,KAAK,EAAEtE,QAAQ,IAAIC,QAAZ,GAAuB;QAAE+F,aAAa,EAAE;MAAjB,CAAvB,GAAmD1B,SAV5D;MAWE,iBAAelD,MAAM,GAAG,IAAAmE,YAAA,EAAMpB,SAAN,EAAiB,oBAAjB,CAAH,GAA4CG,SAXnE;MAYE,mCAAYrD,MAAM,CAAC,YAAD,CAAlB,iEAAoCqD,SAZtC;MAaE,2CAAiBrD,MAAM,CAAC,iBAAD,CAAvB,uEAA8CqD,SAbhD;MAcE,QAAQ,EAAEtE,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAd5B;MAeE,GAAG,EAAE+B;IAfP,GAgBMjB,mBAhBN,gBAkBE;MAAK,SAAS,EAAEjB,OAAO,CAACoG;IAAxB,GACGlG,WAAW,IAAI,OAAOA,WAAP,KAAuB,QAAtC,gBACC,6BAAC,cAAD;MACE,MAAM,MADR;MAEE,SAAS,EAAE,IAAAyF,aAAA,EAAK3F,OAAO,CAACE,WAAb,EACoBC,QADpB,IACRH,OAAO,CAACqG,iBADA,CAFb;MAKE,OAAO,EAAC;IALV,GAOGnG,WAPH,CADD,GAWCA,WAZJ,CAlBF,EAiCGY,SAAS,KACPS,MAAM,gBACL,6BAAC,yBAAD;MAAU,QAAQ,EAAC,IAAnB;MAAwB,SAAS,EAAEvB,OAAO,CAACsG;IAA3C,EADK,gBAGL,6BAAC,2BAAD;MACE,QAAQ,EAAC,IADX;MAEE,SAAS,EAAEtG,OAAO,CAACsG,KAFrB;MAGE,KAAK,EAAEnG,QAAQ,GAAG,OAAH,GAAasE;IAH9B,EAJM,CAjCZ,CADF;EA8CD,CArDuB,EAAxB;;EAuDA,IAAM8B,kBAAkB,GAAI,YAAM;IAChC;AACJ;AACA;IACI,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAAC5B,KAAD,EAAW;MACxC,IAAI,IAAAC,iBAAA,EAAWD,KAAX,EAAkBlF,GAAlB,CAAJ,EAA4B;QAC1BiF,YAAY,CAACC,KAAD,CAAZ;MACD;;MACD,IAAI,IAAAC,iBAAA,EAAWD,KAAX,EAAkBrF,GAAlB,KAA0B,CAACqF,KAAK,CAAC6B,QAArC,EAA+C;QAC7C,IAAMC,SAAS,GAAG,IAAAC,2BAAA,EAAqBxE,aAArB,CAAlB;;QACA,IAAIyE,QAAQ,CAACC,aAAT,MAA2BH,SAA3B,aAA2BA,SAA3B,uBAA2BA,SAAS,CAAEI,IAAtC,CAAJ,EAAgD;UAAA;;UAC9ClC,KAAK,CAACE,cAAN;UACA4B,SAAS,SAAT,IAAAA,SAAS,WAAT,gCAAAA,SAAS,CAAEK,KAAX,sEAAkB1B,KAAlB;QACD;MACF;IACF,CAXD;;IAaA,IAAM2B,aAAa,GAAG,SAAhBA,aAAgB,CAACpC,KAAD,EAAW;MAC/B,IAAMqC,aAAa,GAAGtF,gBAAH,aAAGA,gBAAH,uBAAGA,gBAAgB,CAAEuF,QAAlB,CAA2BtC,KAAK,CAACuC,MAAjC,CAAtB;;MACA,IAAI,CAACF,aAAL,EAAoB;QAClBvG,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAGkE,KAAH,CAAd;QACApD,SAAS,CAAC,KAAD,CAAT;QACAf,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGmE,KAAH,EAAU,KAAV,CAAR;MACD;IACF,CAPD;;IASA,IAAMwC,SAAS,gBACb;MACE,IAAI,EAAC,SADP;MAEE,GAAG,EAAEhF,gBAFP;MAGE,SAAS,EAAEpC,OAAO,CAACoH,SAHrB;MAIE,KAAK,EAAEhD,YAAY,CAACrB;IAJtB,GAKMsB,UAAU,CAACtB,MALjB,gBAOE,6BAAC,uBAAD;MAAmB,WAAW,EAAEiE;IAAhC,gBAEE;MAAK,SAAS,EAAER;IAAhB,GACG9B,eAAe,CAACoB,QAAhB,CAAyB,QAAzB,kBACC;MACE,KAAK,EAAE;QAAE9C,KAAK,EAAEX;MAAT,CADT;MAEE,SAAS,EAAE,IAAAsD,aAAA,EAAK3F,OAAO,CAACqH,kBAAb,EAC6B3C,eAAe,CAACoB,QAAhB,CAAyB,KAAzB,CAD7B,IACR9F,OAAO,CAACsH,0BADA;IAFb,EAFJ,eASE,6BAAC,4BAAD,CAAqB,QAArB;MAA8B,KAAK,EAAEzF;IAArC,gBACE;MAAK,EAAE,EAAE,IAAA6D,YAAA,EAAMpB,SAAN,EAAiB,oBAAjB,CAAT;MAAiD,SAAS,EAAEtE,OAAO,CAACuH;IAApE,GACGxG,QADH,CADF,CATF,EAcG2D,eAAe,CAACoB,QAAhB,CAAyB,KAAzB,kBACC;MACE,KAAK,EAAE;QAAE9C,KAAK,EAAEX;MAAT,CADT;MAEE,SAAS,EAAE,IAAAsD,aAAA,EAAK3F,OAAO,CAACqH,kBAAb,EAAiCrH,OAAO,CAACwH,wBAAzC,EAC2B9C,eAAe,CAACoB,QAAhB,CAAyB,OAAzB,CAD3B,IACR9F,OAAO,CAACyH,wBADA,EAE0B/C,eAAe,CAACoB,QAAhB,CAAyB,KAAzB,CAF1B,IAER9F,OAAO,CAAC0H,uBAFA;IAFb,EAfJ,CAFF,CAPF,CADF;;IAsCA,IAAI9G,aAAJ,EAAmB,OAAOwG,SAAP;IAEnB,oBAAOO,iBAAA,CAASC,YAAT,CAAsBR,SAAtB,EAAiCR,QAAQ,CAACiB,IAA1C,CAAP;EACD,CAnE0B,EAA3B;;EAqEA,oBACE;IAAK,SAAS,EAAE7H,OAAO,CAAC8H;EAAxB,gBAEE;IACE,EAAE,EAAEhI,EADN;IAEE,IAAI,EAAE0E,QAFR;IAGE,iBAAe,CAAC,CAACjD,MAHnB;IAIE,aAAWA,MAAM,GAAG,IAAAmE,YAAA,EAAMpB,SAAN,EAAiB,oBAAjB,CAAH,GAA4CG,SAJ/D;IAKE,SAAS,EAAE,IAAAkB,aAAA,EAAK1F,SAAL,EAAgBD,OAAO,CAAC+H,MAAxB,EACe5H,QADf,IACRH,OAAO,CAACgI,YADA;EALb,GAQO,CAAC5H,QAAD,IAAa;IAChB6H,SAAS,EAAEtD,YADK;IAEhBuD,OAAO,EAAEvD;EAFO,CARpB;IAYE,QAAQ,EAAE,CAAC;EAZb,GAaMvD,MAbN,GAeGmE,eAfH,CAFF,EAmBGhE,MAAM,GAAGgF,kBAAH,GAAwB,IAnBjC,CADF;AAuBD,CArSD;;AAuSA,wCAAA1G,cAAc,CAACsI,SAAf,GAA2B;EACzB;AACF;AACA;EACElI,SAAS,EAAEmI,kBAAA,CAAUC,MAJI;;EAKzB;AACF;AACA;EACEvI,EAAE,EAAEsI,kBAAA,CAAUC,MARW;;EASzB;AACF;AACA;AACA;AACA;AACA;EACEtI,IAAI,EAAEqI,kBAAA,CAAUC,MAfS;;EAgBzB;AACF;AACA;EACErI,OAAO,EAAEoI,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,IAAI,EAAEM,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIL,YAAY,EAAEI,kBAAA,CAAUC,MARD;;IASvB;AACJ;AACA;IACIN,MAAM,EAAEK,kBAAA,CAAUC,MAZK;;IAavB;AACJ;AACA;IACIjB,SAAS,EAAEgB,kBAAA,CAAUC,MAhBE;;IAiBvB;AACJ;AACA;IACIzC,MAAM,EAAEwC,kBAAA,CAAUC,MApBK;;IAqBvB;AACJ;AACA;IACIxC,UAAU,EAAEuC,kBAAA,CAAUC,MAxBC;;IAyBvB;AACJ;AACA;IACItC,YAAY,EAAEqC,kBAAA,CAAUC,MA5BD;;IA6BvB;AACJ;AACA;IACIrC,cAAc,EAAEoC,kBAAA,CAAUC,MAhCH;;IAiCvB;AACJ;AACA;IACIpC,cAAc,EAAEmC,kBAAA,CAAUC,MApCH;;IAqCvB;AACJ;AACA;IACInC,cAAc,EAAEkC,kBAAA,CAAUC,MAxCH;;IAyCvB;AACJ;AACA;IACI/B,KAAK,EAAE8B,kBAAA,CAAUC,MA5CM;;IA6CvB;AACJ;AACA;IACIjC,SAAS,EAAEgC,kBAAA,CAAUC,MAhDE;;IAiDvB;AACJ;AACA;IACInI,WAAW,EAAEkI,kBAAA,CAAUC,MApDA;;IAqDvB;AACJ;AACA;IACIhC,iBAAiB,EAAE+B,kBAAA,CAAUC,MAxDN;;IAyDvB;AACJ;AACA;IACId,KAAK,EAAEa,kBAAA,CAAUC,MA5DM;;IA6DvB;AACJ;AACA;IACIhB,kBAAkB,EAAEe,kBAAA,CAAUC,MAhEP;;IAiEvB;AACJ;AACA;IACIf,0BAA0B,EAAEc,kBAAA,CAAUC,MApEf;;IAqEvB;AACJ;AACA;IACIb,wBAAwB,EAAEY,kBAAA,CAAUC,MAxEb;;IAyEvB;AACJ;AACA;IACIZ,wBAAwB,EAAEW,kBAAA,CAAUC,MA5Eb;;IA6EvB;AACJ;AACA;IACIX,uBAAuB,EAAEU,kBAAA,CAAUC;EAhFZ,CAAhB,EAiFNE,UApGsB;;EAqGzB;AACF;AACA;EACErI,WAAW,EAAEkI,kBAAA,CAAUI,SAAV,CAAoB,CAACJ,kBAAA,CAAUC,MAAX,EAAmBD,kBAAA,CAAUK,IAA7B,CAApB,CAxGY;;EAyGzB;AACF;AACA;EACEtI,QAAQ,EAAEiI,kBAAA,CAAUM,IA5GK;;EA6GzB;AACF;AACA;EACEtI,QAAQ,EAAEgI,kBAAA,CAAUM,IAhHK;;EAiHzB;AACF;AACA;AACA;EACE9H,aAAa,EAAEwH,kBAAA,CAAUM,IArHA;;EAsHzB;AACF;AACA;AACA;EACE1H,aAAa,EAAEoH,kBAAA,CAAUM,IA1HA;;EA2HzB;AACF;AACA;EACErI,QAAQ,EAAE+H,kBAAA,CAAUM,IA9HK;;EA+HzB;AACF;AACA;EACEpI,eAAe,EAAE8H,kBAAA,CAAUM,IAlIF;;EAmIzB;AACF;AACA;EACElI,WAAW,EAAE4H,kBAAA,CAAUE,KAAV,EAtIY;;EAuIzB;AACF;AACA;EACEvH,QAAQ,EAAEqH,kBAAA,CAAUK,IA1IK;;EA2IzB;AACF;AACA;EACElI,SAAS,EAAE6H,kBAAA,CAAUO,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CA9Ic;;EA+IzB;AACF;AACA;EACE9H,SAAS,EAAEuH,kBAAA,CAAUK,IAlJI;;EAmJzB;AACF;AACA;EACE3H,SAAS,EAAEsH,kBAAA,CAAUK,IAtJI;;EAuJzB;AACF;AACA;EACEhI,QAAQ,EAAE2H,kBAAA,CAAUQ,IA1JK;;EA2JzB;AACF;AACA;EACElI,cAAc,EAAE0H,kBAAA,CAAUQ,IA9JD;;EA+JzB;AACF;AACA;AACA;EACEjI,mBAAmB,EAAEyH,kBAAA,CAAUQ,IAnKN;;EAoKzB;AACF;AACA;EACEC,MAAM,EAAET,kBAAA,CAAUQ,IAvKO;;EAwKzB;AACF;AACA;EACE3H,mBAAmB,EAAEmH,kBAAA,CAAUU,UAAV,CAAqBC,MAArB,CA3KI;;EA4KzB;AACF;AACA;EACE5H,iBAAiB,EAAE6H;AA/KM,CAA3B;;eAkLe,IAAAC,gBAAA,EAAWnG,eAAX,EAAmB;EAAEe,IAAI,EAAE;AAAR,CAAnB,EAA+ChE,cAA/C,C"}
+{"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/BaseInput/BaseInput.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, InputProps } from "@material-ui/core";
+import { StandardProps, InputProps } from "@mui/material";
 
 export type HvBaseInputClassKey =
   | "root"

package/dist/BaseInput/BaseInput.js

@@ -33,8 +33,6 @@ exports.default = void 0;
 
 require("core-js/modules/es.function.name.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -45,14 +43,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+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); }
@@ -102,36 +104,37 @@ var HvBaseInput = function HvBaseInput(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(event, event.target.value);
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.root, className, formElementProps.disabled && classes.disabled, localInvalid && classes.invalid, multiline && resizable && classes.resizable, readOnly && classes.readOnly)
-  }, /*#__PURE__*/_react.default.createElement(_core.Input, (0, _extends2.default)({
-    id: id,
-    name: formElementProps.name,
-    value: value,
-    defaultValue: defaultValue,
-    type: type,
-    placeholder: placeholder,
-    readOnly: formElementProps.readOnly,
-    disabled: formElementProps.disabled,
-    onChange: onChangeHandler,
-    classes: {
-      root: classes.inputRoot,
-      focused: classes.inputRootFocused,
-      disabled: classes.inputRootDisabled,
-      multiline: classes.inputRootMultiline,
-      input: (0, _clsx.default)(classes.input, !formElementProps.disabled && resizable && classes.inputResizable, disabled && classes.inputDisabled)
-    },
-    inputProps: _objectSpread(_objectSpread({
-      // avoid the required attribute at the root node
-      required: formElementProps.required
-    }, inputProps), ariaProps),
-    inputRef: inputRef,
-    multiline: multiline,
-    rows: 10
-  }, others)), !multiline && /*#__PURE__*/_react.default.createElement("div", {
-    role: "presentation",
-    className: classes.inputBorderContainer
-  }));
+  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({
+      id: id,
+      name: formElementProps.name,
+      value: value,
+      defaultValue: defaultValue,
+      type: type,
+      placeholder: placeholder,
+      readOnly: formElementProps.readOnly,
+      disabled: formElementProps.disabled,
+      onChange: onChangeHandler,
+      classes: {
+        root: classes.inputRoot,
+        focused: classes.inputRootFocused,
+        disabled: classes.inputRootDisabled,
+        multiline: classes.inputRootMultiline,
+        input: (0, _clsx.default)(classes.input, !formElementProps.disabled && resizable && classes.inputResizable, disabled && classes.inputDisabled)
+      },
+      inputProps: _objectSpread(_objectSpread({
+        // avoid the required attribute at the root node
+        required: formElementProps.required
+      }, inputProps), ariaProps),
+      inputRef: inputRef,
+      multiline: multiline,
+      rows: 10
+    }, others)), !multiline && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      role: "presentation",
+      className: classes.inputBorderContainer
+    })]
+  });
 };
 
 HvBaseInput.formElementType = "input";
@@ -288,7 +291,7 @@ process.env.NODE_ENV !== "production" ? HvBaseInput.propTypes = {
   inputRef: _utils.refType
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvBaseInput"
 })(HvBaseInput);
 

package/dist/BaseInput/BaseInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.js","names":["HvBaseInput","props","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","localInvalid","status","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","clsx","root","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputBorderContainer","formElementType","propTypes","PropTypes","string","shape","isRequired","bool","func","instanceOf","Object","refType","withStyles","styles"],"sources":["../../src/BaseInput/BaseInput.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input, withStyles } from \"@material-ui/core\";\nimport { refType } from \"../utils\";\nimport styles from \"./styles\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\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 */\nconst HvBaseInput = (props) => {\n  const {\n    classes,\n    className = \"\",\n\n    id,\n    name,\n\n    value,\n    defaultValue,\n\n    required,\n    readOnly,\n    disabled,\n\n    onChange,\n\n    type = \"text\",\n\n    placeholder,\n\n    multiline = false,\n    resizable = false,\n    invalid = false,\n\n    inputRef,\n    inputProps = {},\n\n    ...others\n  } = props;\n\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(props, formElementContext);\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(HvFormElementDescriptorsContext);\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (event) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <div\n      className={clsx(classes.root, className, {\n        [classes.disabled]: formElementProps.disabled,\n        [classes.invalid]: localInvalid,\n        [classes.resizable]: multiline && resizable,\n        [classes.readOnly]: readOnly,\n      })}\n    >\n      <Input\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        classes={{\n          root: classes.inputRoot,\n          focused: classes.inputRootFocused,\n          disabled: classes.inputRootDisabled,\n          multiline: classes.inputRootMultiline,\n          input: clsx(classes.input, {\n            [classes.inputResizable]: !formElementProps.disabled && resizable,\n            [classes.inputDisabled]: disabled,\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 && <div role=\"presentation\" className={classes.inputBorderContainer} />}\n    </div>\n  );\n};\n\nHvBaseInput.formElementType = \"input\";\n\nHvBaseInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: 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 container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is resizable.\n     */\n    resizable: PropTypes.string,\n\n    /**\n     * Styles applied to input root which is the input that encloses all the other elements.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    inputRootMultiline: PropTypes.string,\n\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when is disabled.\n     */\n    inputDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is resizable.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the border element.\n     */\n    inputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the container of the border element, when in read only mode.\n     */\n    readOnly: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the input, when controlled.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input, when uncontrolled.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * If `true` the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If true, the input element will be required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The input type.\n   */\n  type: PropTypes.string,\n\n  /**\n   * Label inside the input used to help user.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * If true, a textarea element will be rendered.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * If true and multiline is also true the textarea element will be resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Denotes if the input is in an invalid state.\n   */\n  invalid: PropTypes.bool,\n\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseInput\" })(HvBaseInput);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;AAOA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;EAC7B,IACEC,OADF,GA4BID,KA5BJ,CACEC,OADF;EAAA,uBA4BID,KA5BJ,CAEEE,SAFF;EAAA,IAEEA,SAFF,iCAEc,EAFd;EAAA,IAIEC,EAJF,GA4BIH,KA5BJ,CAIEG,EAJF;EAAA,IAKEC,IALF,GA4BIJ,KA5BJ,CAKEI,IALF;EAAA,IAOEC,KAPF,GA4BIL,KA5BJ,CAOEK,KAPF;EAAA,IAQEC,YARF,GA4BIN,KA5BJ,CAQEM,YARF;EAAA,IAUEC,QAVF,GA4BIP,KA5BJ,CAUEO,QAVF;EAAA,IAWEC,QAXF,GA4BIR,KA5BJ,CAWEQ,QAXF;EAAA,IAYEC,QAZF,GA4BIT,KA5BJ,CAYES,QAZF;EAAA,IAcEC,QAdF,GA4BIV,KA5BJ,CAcEU,QAdF;EAAA,kBA4BIV,KA5BJ,CAgBEW,IAhBF;EAAA,IAgBEA,IAhBF,4BAgBS,MAhBT;EAAA,IAkBEC,WAlBF,GA4BIZ,KA5BJ,CAkBEY,WAlBF;EAAA,uBA4BIZ,KA5BJ,CAoBEa,SApBF;EAAA,IAoBEA,SApBF,iCAoBc,KApBd;EAAA,uBA4BIb,KA5BJ,CAqBEc,SArBF;EAAA,IAqBEA,SArBF,iCAqBc,KArBd;EAAA,qBA4BId,KA5BJ,CAsBEe,OAtBF;EAAA,IAsBEA,OAtBF,+BAsBY,KAtBZ;EAAA,IAwBEC,QAxBF,GA4BIhB,KA5BJ,CAwBEgB,QAxBF;EAAA,wBA4BIhB,KA5BJ,CAyBEiB,UAzBF;EAAA,IAyBEA,UAzBF,kCAyBe,EAzBf;EAAA,IA2BKC,MA3BL,0CA4BIlB,KA5BJ;EA8BA,IAAMmB,kBAAkB,GAAG,IAAAC,iBAAA,EAAWC,iCAAX,CAA3B;EACA,IAAMC,gBAAgB,GAAG,IAAAC,6CAAA,EAAiCvB,KAAjC,EAAwCmB,kBAAxC,CAAzB;EAEA,IAAMK,YAAY,GAAGT,OAAO,IAAIO,gBAAgB,CAACG,MAAjB,KAA4B,SAA5D;EAEA,IAAMC,6BAA6B,GAAG,IAAAN,iBAAA,EAAWO,4CAAX,CAAtC;EACA,IAAMC,SAAS,GAAG,IAAAC,sCAAA,EAChBZ,UADgB,EAEhBS,6BAFgB,EAGhBF,YAHgB,EAIhBrB,EAJgB,CAAlB;;EAOA,IAAM2B,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;IACjCrB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGqB,KAAH,EAAUA,KAAK,CAACC,MAAN,CAAa3B,KAAvB,CAAR;EACD,CAFD;;EAIA,oBACE;IACE,SAAS,EAAE,IAAA4B,aAAA,EAAKhC,OAAO,CAACiC,IAAb,EAAmBhC,SAAnB,EACWoB,gBAAgB,CAACb,QAD5B,IACRR,OAAO,CAACQ,QADA,EAEUe,YAFV,IAERvB,OAAO,CAACc,OAFA,EAGYF,SAHZ,IAGyBC,SAHzB,IAGRb,OAAO,CAACa,SAHA,EAIWN,QAJX,IAIRP,OAAO,CAACO,QAJA;EADb,gBAQE,6BAAC,WAAD;IACE,EAAE,EAAEL,EADN;IAEE,IAAI,EAAEmB,gBAAgB,CAAClB,IAFzB;IAGE,KAAK,EAAEC,KAHT;IAIE,YAAY,EAAEC,YAJhB;IAKE,IAAI,EAAEK,IALR;IAME,WAAW,EAAEC,WANf;IAOE,QAAQ,EAAEU,gBAAgB,CAACd,QAP7B;IAQE,QAAQ,EAAEc,gBAAgB,CAACb,QAR7B;IASE,QAAQ,EAAEqB,eATZ;IAUE,OAAO,EAAE;MACPI,IAAI,EAAEjC,OAAO,CAACkC,SADP;MAEPC,OAAO,EAAEnC,OAAO,CAACoC,gBAFV;MAGP5B,QAAQ,EAAER,OAAO,CAACqC,iBAHX;MAIPzB,SAAS,EAAEZ,OAAO,CAACsC,kBAJZ;MAKPC,KAAK,EAAE,IAAAP,aAAA,EAAKhC,OAAO,CAACuC,KAAb,EACqB,CAAClB,gBAAgB,CAACb,QADvC,IACmDK,SADnD,IACJb,OAAO,CAACwC,cADJ,EAEoBhC,QAFpB,IAEJR,OAAO,CAACyC,aAFJ;IALA,CAVX;IAoBE,UAAU;MACR;MACAnC,QAAQ,EAAEe,gBAAgB,CAACf;IAFnB,GAGLU,UAHK,GAILW,SAJK,CApBZ;IA0BE,QAAQ,EAAEZ,QA1BZ;IA2BE,SAAS,EAAEH,SA3Bb;IA4BE,IAAI,EAAE;EA5BR,GA6BMK,MA7BN,EARF,EAuCG,CAACL,SAAD,iBAAc;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAEZ,OAAO,CAAC0C;EAA5C,EAvCjB,CADF;AA2CD,CA3FD;;AA6FA5C,WAAW,CAAC6C,eAAZ,GAA8B,OAA9B;AAEA,wCAAA7C,WAAW,CAAC8C,SAAZ,GAAwB;EACtB;AACF;AACA;EACE3C,SAAS,EAAE4C,kBAAA,CAAUC,MAJC;;EAKtB;AACF;AACA;EACE9C,OAAO,EAAE6C,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACId,IAAI,EAAEY,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACItC,QAAQ,EAAEqC,kBAAA,CAAUC,MARG;;IASvB;AACJ;AACA;IACIhC,OAAO,EAAE+B,kBAAA,CAAUC,MAZI;;IAavB;AACJ;AACA;IACIjC,SAAS,EAAEgC,kBAAA,CAAUC,MAhBE;;IAkBvB;AACJ;AACA;IACIZ,SAAS,EAAEW,kBAAA,CAAUC,MArBE;;IAsBvB;AACJ;AACA;IACIV,gBAAgB,EAAES,kBAAA,CAAUC,MAzBL;;IA0BvB;AACJ;AACA;IACIT,iBAAiB,EAAEQ,kBAAA,CAAUC,MA7BN;;IA8BvB;AACJ;AACA;IACIR,kBAAkB,EAAEO,kBAAA,CAAUC,MAjCP;;IAmCvB;AACJ;AACA;IACIP,KAAK,EAAEM,kBAAA,CAAUC,MAtCM;;IAuCvB;AACJ;AACA;IACIL,aAAa,EAAEI,kBAAA,CAAUC,MA1CF;;IA2CvB;AACJ;AACA;IACIN,cAAc,EAAEK,kBAAA,CAAUC,MA9CH;;IAgDvB;AACJ;AACA;IACIJ,oBAAoB,EAAEG,kBAAA,CAAUC,MAnDT;;IAoDvB;AACJ;AACA;IACIvC,QAAQ,EAAEsC,kBAAA,CAAUC;EAvDG,CAAhB,EAwDNE,UAhEmB;;EAkEtB;AACF;AACA;EACE9C,EAAE,EAAE2C,kBAAA,CAAUC,MArEQ;;EAsEtB;AACF;AACA;EACE3C,IAAI,EAAE0C,kBAAA,CAAUC,MAzEM;;EA2EtB;AACF;AACA;EACE1C,KAAK,EAAEyC,kBAAA,CAAUC,MA9EK;;EA+EtB;AACF;AACA;EACEzC,YAAY,EAAEwC,kBAAA,CAAUC,MAlFF;;EAoFtB;AACF;AACA;EACEtC,QAAQ,EAAEqC,kBAAA,CAAUI,IAvFE;;EAwFtB;AACF;AACA;EACE1C,QAAQ,EAAEsC,kBAAA,CAAUI,IA3FE;;EA4FtB;AACF;AACA;EACE3C,QAAQ,EAAEuC,kBAAA,CAAUI,IA/FE;;EAiGtB;AACF;AACA;AACA;EACExC,QAAQ,EAAEoC,kBAAA,CAAUK,IArGE;;EAuGtB;AACF;AACA;EACExC,IAAI,EAAEmC,kBAAA,CAAUC,MA1GM;;EA4GtB;AACF;AACA;EACEnC,WAAW,EAAEkC,kBAAA,CAAUC,MA/GD;;EAiHtB;AACF;AACA;EACElC,SAAS,EAAEiC,kBAAA,CAAUI,IApHC;;EAqHtB;AACF;AACA;EACEpC,SAAS,EAAEgC,kBAAA,CAAUI,IAxHC;;EAyHtB;AACF;AACA;EACEnC,OAAO,EAAE+B,kBAAA,CAAUI,IA5HG;;EA8HtB;AACF;AACA;EACEjC,UAAU,EAAE6B,kBAAA,CAAUM,UAAV,CAAqBC,MAArB,CAjIU;;EAkItB;AACF;AACA;EACErC,QAAQ,EAAEsC;AArIY,CAAxB;;eAwIe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEpD,IAAI,EAAE;AAAR,CAAnB,EAA4CL,WAA5C,C"}
+{"version":3,"file":"BaseInput.js","names":["HvBaseInput","props","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","localInvalid","status","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","clsx","root","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputBorderContainer","formElementType","propTypes","PropTypes","string","shape","isRequired","bool","func","instanceOf","Object","refType","withStyles","styles"],"sources":["../../src/BaseInput/BaseInput.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { refType } from \"../utils\";\nimport styles from \"./styles\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\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 */\nconst HvBaseInput = (props) => {\n  const {\n    classes,\n    className = \"\",\n\n    id,\n    name,\n\n    value,\n    defaultValue,\n\n    required,\n    readOnly,\n    disabled,\n\n    onChange,\n\n    type = \"text\",\n\n    placeholder,\n\n    multiline = false,\n    resizable = false,\n    invalid = false,\n\n    inputRef,\n    inputProps = {},\n\n    ...others\n  } = props;\n\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(props, formElementContext);\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(HvFormElementDescriptorsContext);\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (event) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <div\n      className={clsx(classes.root, className, {\n        [classes.disabled]: formElementProps.disabled,\n        [classes.invalid]: localInvalid,\n        [classes.resizable]: multiline && resizable,\n        [classes.readOnly]: readOnly,\n      })}\n    >\n      <Input\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        classes={{\n          root: classes.inputRoot,\n          focused: classes.inputRootFocused,\n          disabled: classes.inputRootDisabled,\n          multiline: classes.inputRootMultiline,\n          input: clsx(classes.input, {\n            [classes.inputResizable]: !formElementProps.disabled && resizable,\n            [classes.inputDisabled]: disabled,\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 && <div role=\"presentation\" className={classes.inputBorderContainer} />}\n    </div>\n  );\n};\n\nHvBaseInput.formElementType = \"input\";\n\nHvBaseInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: 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 container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is resizable.\n     */\n    resizable: PropTypes.string,\n\n    /**\n     * Styles applied to input root which is the input that encloses all the other elements.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    inputRootMultiline: PropTypes.string,\n\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when is disabled.\n     */\n    inputDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is resizable.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the border element.\n     */\n    inputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the container of the border element, when in read only mode.\n     */\n    readOnly: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the input, when controlled.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input, when uncontrolled.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * If `true` the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If true, the input element will be required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The input type.\n   */\n  type: PropTypes.string,\n\n  /**\n   * Label inside the input used to help user.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * If true, a textarea element will be rendered.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * If true and multiline is also true the textarea element will be resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Denotes if the input is in an invalid state.\n   */\n  invalid: PropTypes.bool,\n\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseInput\" })(HvBaseInput);\n"],"mappings":"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"}

package/dist/BaseInput/styles.js

@@ -183,7 +183,16 @@ var styles = function styles(theme) {
       margin: 0,
       width: "100%",
       borderRadius: "2px",
-      backgroundColor: theme.hv.palette.atmosphere.atmo1
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      "&:hover:not($inputRootDisabled)::before": {
+        borderBottom: "none"
+      },
+      "&::before": {
+        borderBottom: "none"
+      },
+      "&::after": {
+        borderBottom: "none"
+      }
     },
     inputRootFocused: _objectSpread(_objectSpread({
       background: theme.hv.palette.atmosphere.atmo1

package/dist/BaseInput/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","atmosphere","atmo1","typography","normalText","color","height","resizable","readOnly","disabled","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","inputRootMultiline","padding","minHeight","marginLeft","marginRight","input","spacing","xs","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n\n    \"@global\": {\n      \"input:-webkit-autofill\": {\n        \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n        \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n      },\n\n      /* clears input's clear and reveal buttons from IE */\n      \"input[type=search]::-ms-clear\": { display: \"none\", width: 0, height: 0 },\n      \"input[type=search]::-ms-reveal\": { display: \"none\", width: 0, height: 0 },\n\n      /* clears input's clear button from Chrome */\n      \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-decoration\": { display: \"none\" },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","atmosphere","atmo1","typography","normalText","color","height","resizable","readOnly","disabled","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","borderBottom","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","inputRootMultiline","padding","minHeight","marginLeft","marginRight","input","spacing","xs","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n\n    \"@global\": {\n      \"input:-webkit-autofill\": {\n        \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n        \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n      },\n\n      /* clears input's clear and reveal buttons from IE */\n      \"input[type=search]::-ms-clear\": { display: \"none\", width: 0, height: 0 },\n      \"input[type=search]::-ms-reveal\": { display: \"none\", width: 0, height: 0 },\n\n      /* clears input's clear button from Chrome */\n      \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-decoration\": { display: \"none\" },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    \"&:hover:not($inputRootDisabled)::before\": {\n      borderBottom: \"none\",\n    },\n    \"&::before\": {\n      borderBottom: \"none\",\n    },\n    \"&::after\": {\n      borderBottom: \"none\",\n    },\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,cADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,QAAQ,EAAE,UAHN;MAIJ,yBAAyB;QACvBC,QAAQ,EAAE,MADa;QAEvBC,MAAM,EAAE;MAFe,CAJrB;MAQJ,+BAA+B;QAC7B,YAAY;UACVA,MAAM,sBAAeN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC;QADI;MADiB,CAR3B;MAaJ,iCAAiC;QAC/BC,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MADV,CAb7B;MAgBJ,wCAAwC;QACtCC,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MADH,CAhBpC;MAmBJ;MACA,wCAAwC;QACtCC,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MADH,CApBpC;MAuBJ,sCAAsC;QACpC,YAAY;UACVJ,MAAM,sBAAeN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC;QADI;MADwB,CAvBlC;MA4BJ;MACA,sCAAsC;QACpC,YAAY;UACVJ,MAAM,sBAAeN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC;QADI;MADwB,CA7BlC;MAmCJ,WAAW;QACT,0BAA0B;UACxB,+CAAwCV,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAApE,WADwB;UAExB,2BAA2Bb,KAAK,CAACO,EAAN,CAASO,UAAT,CAAoBC,UAApB,CAA+BC;QAFlC,CADjB;;QAMT;QACA,iCAAiC;UAAEd,OAAO,EAAE,MAAX;UAAmBC,KAAK,EAAE,CAA1B;UAA6Bc,MAAM,EAAE;QAArC,CAPxB;QAQT,kCAAkC;UAAEf,OAAO,EAAE,MAAX;UAAmBC,KAAK,EAAE,CAA1B;UAA6Bc,MAAM,EAAE;QAArC,CARzB;;QAUT;QACA,iDAAiD;UAAEf,OAAO,EAAE;QAAX,CAXxC;QAYT,oDAAoD;UAAEA,OAAO,EAAE;QAAX,CAZ3C;QAaT,qDAAqD;UAAEA,OAAO,EAAE;QAAX,CAb5C;QAcT,yDAAyD;UAAEA,OAAO,EAAE;QAAX;MAdhD;IAnCP,CADmB;IAqDzBgB,SAAS,EAAE;MACTf,KAAK,EAAE;IADE,CArDc;IAwDzBgB,QAAQ,EAAE;MACR,2BAA2B;QACzBR,eAAe,EAAE;MADQ,CADnB;MAIR,iCAAiC;QAC/BA,eAAe,EAAE;MADc,CAJzB;MAOR,wCAAwC;QACtCA,eAAe,EAAE;MADqB,CAPhC;MAWR;MACA,yBAAyB;QACvB,YAAY;UACVL,MAAM,EAAE;QADE;MADW,CAZjB;MAiBR,+BAA+B;QAC7B,YAAY;UACVA,MAAM,EAAE;QADE;MADiB,CAjBvB;MAsBR,sCAAsC;QACpC,YAAY;UACVA,MAAM,EAAE;QADE;MADwB;IAtB9B,CAxDe;IAoFzBc,QAAQ,EAAE;MACR,2BAA2B;QACzBT,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BS;MADpB,CADnB;MAIR,iCAAiC;QAC/BV,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BS;MADd,CAJzB;MAOR,yBAAyB;QACvB,YAAY;UACVV,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BU,KADnC;UAEVhB,MAAM,sBAAeN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BS,KAA3C;QAFI;MADW,CAPjB;MAaR,+BAA+B;QAC7B,YAAY;UACVV,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BU,KADnC;UAEVhB,MAAM,sBAAeN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BS,KAA3C;QAFI;MADiB;IAbvB,CApFe;IAwGzBE,OAAO,EAAE;MACP,oBAAoB;QAClB,2BAA2B;UACzBZ,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBgB,QAAjB,CAA0BC;QADlB,CADT;QAIlB,iCAAiC;UAC/Bd,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBgB,QAAjB,CAA0BC;QADZ,CAJf;QAOlB,yBAAyB;UACvB,YAAY;YACVnB,MAAM,sBAAeN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBgB,QAAjB,CAA0BC,KAAzC;UADI;QADW,CAPP;QAYlB,+BAA+B;UAC7B,YAAY;YACVnB,MAAM,sBAAeN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBgB,QAAjB,CAA0BC,KAAzC;UADI;QADiB,CAZb;QAiBlB,sCAAsC;UACpC,YAAY;YACVnB,MAAM,sBAAeN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBgB,QAAjB,CAA0BC,KAAzC;UADI;QADwB,CAjBpB;QAsBlB;QACA,sCAAsC;UACpC,YAAY;YACVnB,MAAM,sBAAeN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBgB,QAAjB,CAA0BC,KAAzC;UADI;QADwB;MAvBpB;IADb,CAxGgB;IAwIzBC,SAAS,EAAE;MACTC,MAAM,EAAE,CADC;MAETxB,KAAK,EAAE,MAFE;MAGTyB,YAAY,EAAE,KAHL;MAITjB,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAJpC;MAKT,2CAA2C;QACzCgB,YAAY,EAAE;MAD2B,CALlC;MAQT,aAAa;QACXA,YAAY,EAAE;MADH,CARJ;MAWT,YAAY;QACVA,YAAY,EAAE;MADJ;IAXH,CAxIc;IAuJzBC,gBAAgB;MACdC,UAAU,EAAE/B,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC;IAD1B,GAEXmB,qBAFW;MAGd,WAAW;QACTD,UAAU,EAAE/B,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC;MAD/B;IAHG,EAvJS;IA8JzBoB,iBAAiB,EAAE;MACjBF,UAAU,EAAE/B,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BU,KADvB;MAEjB,WAAW;QACTS,UAAU,EAAE/B,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BU,KAD/B;QAETY,MAAM,EAAE;MAFC,CAFM;MAMjBA,MAAM,EAAE;IANS,CA9JM;IAsKzBC,kBAAkB,EAAE;MAClBC,OAAO,EAAE,CADS;MAElBzB,eAAe,EAAE,aAFC;MAGlB,YAAY;QACVL,MAAM,sBAAeN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BS,KAA3C,CADI;QAEVO,YAAY,EAAE,KAFJ;QAGVjB,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAHnC;QAIVI,MAAM,EAAE,MAJE;QAKVoB,SAAS,EAAE,MALD;QAMVD,OAAO,EAAE,UANC;QAOV/B,QAAQ,EAAE,MAPA;QAQViC,UAAU,EAAE,KARF;QASVC,WAAW,EAAE;MATH;IAHM,CAtKK;IAsLzBC,KAAK;MACHvB,MAAM,EAAE,MADL;MAEHqB,UAAU,EAAEtC,KAAK,CAACO,EAAN,CAASkC,OAAT,CAAiBC,EAF1B;MAGHH,WAAW,EAAEvC,KAAK,CAACO,EAAN,CAASkC,OAAT,CAAiBC,EAH3B;MAIHN,OAAO,EAAE;IAJN,GAKApC,KAAK,CAACO,EAAN,CAASO,UAAT,CAAoBC,UALpB;MAMHV,QAAQ,EAAE,QANP;MAOHsC,YAAY,EAAE,UAPX;MAQHC,OAAO,EAAE,MARN;MASH,kDACK5C,KAAK,CAACO,EAAN,CAASO,UAAT,CAAoB+B,eADzB;QAEEC,OAAO,EAAE;MAFX,EATG;MAaH,gBAAgB;QACd5C,OAAO,EAAE;MADK,CAbb;MAgBHC,KAAK,EAAE,SAhBJ;MAiBH4C,QAAQ,EAAE;IAjBP,EAtLoB;IAyMzBC,aAAa,EAAE;MACbhC,KAAK,EAAEhB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BqC;IADtB,CAzMU;IA4MzBC,cAAc,EAAE;MACdC,MAAM,EAAE,MADM;MAEdhD,KAAK,EAAE;IAFO,CA5MS;IAiNzBiD,oBAAoB,EAAE;MACpBhD,QAAQ,EAAE,UADU;MAEpBD,KAAK,EAAE,kBAFa;MAGpBc,MAAM,EAAE,KAHY;MAIpBoC,GAAG,EAAE,MAJe;MAKpBC,IAAI,EAAE,KALc;MAMpB3C,eAAe,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BS;IANzB;EAjNG,CAAZ;AAAA,CAAf;;eA2NetB,M"}

package/dist/BaseRadio/BaseRadio.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, RadioProps } from "@material-ui/core";
+import { StandardProps, RadioProps } from "@mui/material";
 
 export type HvBaseRadioClassKey = "root" | "disabled" | "focusVisible";
 

package/dist/BaseRadio/BaseRadio.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+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");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -23,7 +33,7 @@ exports.getSelectorIcons = exports.default = void 0;
 
 require("core-js/modules/es.function.name.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -35,11 +45,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "checked", "defaultChecked", "onChange", "semantic", "inputProps", "onFocusVisible", "onBlur"];
 
@@ -47,17 +61,21 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
+
 var getSelectorIcons = function getSelectorIcons(classes, options) {
   var disabled = options.disabled,
       semantic = options.semantic;
   var color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || undefined;
   var checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || undefined;
   return {
-    radio: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.RadioButtonUnselected, {
+    radio: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.RadioButtonUnselected, {
       color: color,
       className: classes.icon
     }),
-    radioChecked: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.RadioButtonSelected, {
+    radioChecked: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.RadioButtonSelected, {
       color: checkedColor,
       className: classes.icon
     })
@@ -120,7 +138,7 @@ var HvBaseRadio = function HvBaseRadio(props) {
 
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
-  return /*#__PURE__*/_react.default.createElement(_core.Radio, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Radio, _objectSpread({
     id: id,
     name: name,
     className: (0, _clsx.default)(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),
@@ -239,7 +257,7 @@ process.env.NODE_ENV !== "production" ? HvBaseRadio.propTypes = {
   onBlur: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvBaseRadio"
 })(HvBaseRadio);
 

package/dist/BaseRadio/BaseRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadio.js","names":["getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","radio","icon","radioChecked","HvBaseRadio","props","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","clsx","root","propTypes","PropTypes","string","shape","isRequired","any","bool","func","instanceOf","Object","withStyles","styles"],"sources":["../../src/BaseRadio/BaseRadio.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Radio, withStyles } from \"@material-ui/core\";\n\nimport { RadioButtonUnselected, RadioButtonSelected } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n    radioChecked: <RadioButtonSelected color={checkedColor} className={classes.icon} />,\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 */\nconst HvBaseRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Radio\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\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\nHvBaseRadio.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\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: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The callback fired when the radio button is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseRadio\" })(HvBaseRadio);\n"],"mappings":"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"}
+{"version":3,"file":"BaseRadio.js","names":["getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","radio","icon","radioChecked","HvBaseRadio","props","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","clsx","root","propTypes","PropTypes","string","shape","isRequired","any","bool","func","instanceOf","Object","withStyles","styles"],"sources":["../../src/BaseRadio/BaseRadio.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Radio } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { RadioButtonUnselected, RadioButtonSelected } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n    radioChecked: <RadioButtonSelected color={checkedColor} className={classes.icon} />,\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 */\nconst HvBaseRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Radio\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\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\nHvBaseRadio.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\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: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The callback fired when the radio button is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseRadio\" })(HvBaseRadio);\n"],"mappings":"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"}

package/dist/BaseRadio/styles.js

@@ -36,7 +36,8 @@ var styles = function styles(theme) {
       cursor: "pointer",
       "&:hover": {
         backgroundColor: theme.hv.palette.atmosphere.atmo3
-      }
+      },
+      borderRadius: 0
     },
     disabled: {
       // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled

package/dist/BaseRadio/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","disabled","pointerEvents","fill","atmo5","focusVisible","borderRadius","outlineStyles"],"sources":["../../src/BaseRadio/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,CADL;MAEJC,MAAM,EAAE,SAFJ;MAGJ,WAAW;QACTC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MADpC;IAHP,CADmB;IAQzBC,QAAQ,EAAE;MACR;MACA,UAAU;QACRN,MAAM,EAAE,aADA;QAERO,aAAa,EAAE;MAFP,CAFF;MAMR,SAAS;QACP,uBAAuB;UACrBC,IAAI,EAAEX,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK;QADb;MADhB;IAND,CARe;IAqBzBC,YAAY,EAAE;MACZ;QACEC,YAAY,EAAE;MADhB,GAEKC,qBAFL;IADY;EArBW,CAAZ;AAAA,CAAf;;eA6BehB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","borderRadius","disabled","pointerEvents","fill","atmo5","focusVisible","outlineStyles"],"sources":["../../src/BaseRadio/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    borderRadius: 0,\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,CADL;MAEJC,MAAM,EAAE,SAFJ;MAGJ,WAAW;QACTC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MADpC,CAHP;MAMJC,YAAY,EAAE;IANV,CADmB;IASzBC,QAAQ,EAAE;MACR;MACA,UAAU;QACRP,MAAM,EAAE,aADA;QAERQ,aAAa,EAAE;MAFP,CAFF;MAMR,SAAS;QACP,uBAAuB;UACrBC,IAAI,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM;QADb;MADhB;IAND,CATe;IAsBzBC,YAAY,EAAE;MACZ;QACEL,YAAY,EAAE;MADhB,GAEKM,qBAFL;IADY;EAtBW,CAAZ;AAAA,CAAf;;eA8BehB,M"}

package/dist/BaseSwitch/BaseSwitch.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, SwitchProps } from "@material-ui/core";
+import { StandardProps, SwitchProps } from "@mui/material";
 
 export type HvBaseSwitchClassKey = "root" | "disabled" | "readOnly";