@hitachivantara/uikit-react-core 3.68.11 → 3.71.0

package/dist/modern/BaseDropdown/BaseDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdown.js","names":["ReactDOM","React","useState","useCallback","useMemo","PropTypes","ClickAwayListener","withStyles","usePopper","maxSize","clsx","DropUpXS","DropDownXS","HvTypography","useUniqueId","getFirstAndLastFocus","isKeypress","KeyboardCodes","setId","refType","useControlled","useForkRef","styles","BaseDropdownContext","Tab","Enter","Esc","Space","ArrowDown","HvBaseDropdown","id","role","classes","className","placeholder","disabled","expanded","defaultExpanded","placement","popperProps","onToggle","onClickOutside","onContainerCreation","disablePortal","component","adornment","children","variableWidth","dropdownHeaderProps","dropdownHeaderRef","dropdownHeaderRefProp","others","isOpen","setIsOpen","Boolean","bottom","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","widthCalculator","state","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","height","modifiersData","maxWidth","maxHeight","name","enabled","phase","requires","fn","effect","popperStyles","attributes","elementId","ariaRole","undefined","popperPlacement","handleToggle","event","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","cloneElement","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","body","root","anchor","rootDisabled","propTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object"],"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  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.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 ? { 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        onKeyDown={handleToggle}\n        onClick={handleToggle}\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 is disable.\n     */\n    headerDisabled: 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   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n  /**\n   * Node to be rendered.\n   */\n  children: PropTypes.node,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Replacement for the header component.\n   */\n  component: PropTypes.node,\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment: PropTypes.node,\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside: PropTypes.func,\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation: PropTypes.func,\n  /**\n   * When expanded dropdown flips position.\n   */\n  onFlip: PropTypes.func,\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps: PropTypes.instanceOf(Object),\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseDropdown\" })(HvBaseDropdown);\n"],"mappings":"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"}
+{"version":3,"file":"BaseDropdown.js","names":["ReactDOM","React","useState","useCallback","useMemo","PropTypes","ClickAwayListener","withStyles","usePopper","maxSize","clsx","DropUpXS","DropDownXS","HvTypography","useUniqueId","getFirstAndLastFocus","isKeypress","KeyboardCodes","setId","refType","useControlled","useForkRef","styles","BaseDropdownContext","Tab","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","dropdownHeaderRef","dropdownHeaderRefProp","others","isOpen","setIsOpen","Boolean","bottom","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","widthCalculator","state","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","height","modifiersData","maxWidth","maxHeight","name","enabled","phase","requires","fn","effect","popperStyles","attributes","elementId","ariaRole","undefined","popperPlacement","handleToggle","event","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","cloneElement","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","headerReadOnly","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","body","root","anchor","rootDisabled","onKeyDown","onClick","propTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object"],"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":"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"}

package/dist/modern/BaseDropdown/styles.js

@@ -67,6 +67,16 @@ const styles = theme => ({
     },
     cursor: "not-allowed"
   },
+  headerReadOnly: {
+    cursor: "not-allowed",
+    pointerEvents: "none",
+    border: "none",
+    userSelect: "text",
+    "&:focus-visible": {
+      outline: "none",
+      border: "none"
+    }
+  },
   arrow: {
     position: "absolute",
     pointerEvents: "none",

package/dist/modern/BaseDropdown/styles.js.map

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

package/dist/modern/DatePicker/DatePicker.d.ts

@@ -101,6 +101,10 @@ export interface HvDatePickerProps
    * An object containing props to be passed onto the baseDropdown.
    */
   dropdownProps?: React.HTMLAttributes<HTMLDivElement>;
+  /**
+   * If `true` the DatePicker will be in read only mode, unable to be interacted.
+   */
+  readOnly?: boolean;
 }
 
 export default function HvDatePicker(props: HvDatePickerProps): JSX.Element | null;

package/dist/modern/DatePicker/DatePicker.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "aria-errormessage", "placeholder", "labels", "value", "startValue", "endValue", "rangeMode", "startAdornment", "horizontalPlacement", "locale", "showActions", "showClear", "disablePortal", "escapeWithReference", "dropdownProps"];
+const _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "aria-errormessage", "placeholder", "labels", "value", "startValue", "endValue", "rangeMode", "startAdornment", "horizontalPlacement", "locale", "showActions", "showClear", "disablePortal", "escapeWithReference", "dropdownProps", "readOnly"];
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useEffect, useRef } from "react";
 import PropTypes from "prop-types";
@@ -58,7 +58,8 @@ const HvDatePicker = props => {
     showClear = false,
     disablePortal = true,
     escapeWithReference = true,
-    dropdownProps
+    dropdownProps,
+    readOnly
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
@@ -272,7 +273,8 @@ const HvDatePicker = props => {
     disabled: disabled,
     required: required,
     className: clsx(className, classes.root),
-    locale: locale
+    locale: locale,
+    readOnly: readOnly
   }, others), (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
     className: classes.labelContainer
   }, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
@@ -290,6 +292,7 @@ const HvDatePicker = props => {
       header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,
       headerOpen: classes.dropdownHeaderOpen
     },
+    readOnly: readOnly,
     disabled: disabled,
     disablePortal: disablePortal,
     variableWidth: true,
@@ -579,7 +582,12 @@ process.env.NODE_ENV !== "production" ? HvDatePicker.propTypes = {
   /**
    * An object containing props to be passed onto the baseDropdown.
    */
-  dropdownProps: PropTypes.instanceOf(Object)
+  dropdownProps: PropTypes.instanceOf(Object),
+
+  /**
+   * If `true` the DatePicker will be in read only mode, unable to be interacted.
+   */
+  readOnly: PropTypes.bool
 } : void 0;
 export default withStyles(styles, {
   name: "HvDatePicker",

package/dist/modern/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["React","useState","useEffect","useRef","PropTypes","withStyles","Calendar","clsx","setId","useSavedState","useLabels","HvActionBar","HvBaseDropdown","HvButton","HvCalendar","HvLabel","HvInfoMessage","HvFormElement","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","styles","isDate","getDateLabel","useVisibleDate","useLocale","NAV_OPTIONS","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labels","labelsProp","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","locale","localeProp","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","others","elementId","validationState","setValidationState","validationMessage","localeFromProvider","calendarOpen","setCalendarOpen","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","focusTarget","endDateIsSet","current","type","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","actionContainer","leftContainer","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","icon","modifiers","enabled","join","trim","_event","error","propTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","index"],"sources":["../../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId, useSavedState, useLabels } from \"../utils\";\nimport {\n  HvActionBar,\n  HvBaseDropdown,\n  HvButton,\n  HvCalendar,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport styles from \"./styles\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport useLocale from \"../Provider/useLocale\";\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear\",\n};\n\n/**\n * A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n */\nconst HvDatePicker = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onCancel,\n    onClear,\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    labels: labelsProp,\n\n    value,\n    startValue,\n    endValue,\n\n    rangeMode = false,\n    startAdornment,\n    horizontalPlacement = \"right\",\n    locale: localeProp,\n    showActions = false,\n    showClear = false,\n    disablePortal = true,\n    escapeWithReference = true,\n    dropdownProps,\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdatepicker\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [calendarOpen, setCalendarOpen] = useState(false);\n\n  const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n    rangeMode ? startValue : value\n  );\n  const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n  const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n  const focusTarget = useRef();\n\n  useEffect(() => {\n    setStartDate(rangeMode ? startValue : value, true);\n    setEndDate(endValue, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, startValue, endValue, rangeMode]);\n\n  const endDateIsSet = useRef(false);\n  endDateIsSet.current = endDate != null;\n\n  useEffect(() => {\n    if (startDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: endDateIsSet.current ? \"left\" : \"best\",\n        year: startDate.getFullYear(),\n        month: startDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, startDate]);\n\n  useEffect(() => {\n    if (endDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: \"right\",\n        year: endDate.getFullYear(),\n        month: endDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, endDate]);\n\n  /**\n   * Handles the `Apply` action. Both single and ranged modes are handled here.\n   */\n  const handleApply = () => {\n    setStartDate(startDate, true);\n    setEndDate(endDate ?? startDate, true);\n\n    onChange?.(startDate, endDate);\n\n    setValidationState(() => {\n      // this will only run if status is uncontrolled\n      if (required && (!isDate(startDate) || (rangeMode && !isDate(endDate)))) {\n        return \"invalid\";\n      }\n\n      return \"valid\";\n    });\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = () => {\n    rollbackStartDate();\n    rollbackEndDate();\n\n    onCancel?.();\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleClear = () => {\n    setStartDate(undefined, false);\n    setEndDate(undefined, false);\n    onClear?.();\n  };\n\n  const handleCalendarClose = () => {\n    const shouldSave = !(rangeMode || showActions);\n    if (shouldSave) {\n      handleApply();\n    } else {\n      handleCancel();\n    }\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setCalendarOpen(open);\n    if (!open) handleCalendarClose();\n  };\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const handleDateChange = (event, newDate) => {\n    if (!isDate(newDate)) return;\n\n    const autoSave = !showActions && !rangeMode;\n\n    if (rangeMode) {\n      if (!startDate || (startDate && endDate) || newDate < startDate) {\n        setStartDate(newDate);\n        setEndDate(null);\n      } else {\n        setEndDate(newDate);\n      }\n    } else {\n      setStartDate(newDate, autoSave);\n    }\n\n    if (autoSave) {\n      onChange?.(newDate);\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && !isDate(newDate)) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n\n      setCalendarOpen(false);\n    }\n  };\n\n  const handleInputDateChange = (event, newDate, position) => {\n    if (!isDate(newDate)) return;\n\n    if (!rangeMode) {\n      handleDateChange(event, newDate);\n      return;\n    }\n\n    if (position === \"left\") {\n      setStartDate(newDate > endDate ? endDate : newDate);\n    } else if (position === \"right\") {\n      if (!startDate) {\n        setStartDate(newDate > endDate ? endDate : newDate);\n        return;\n      }\n      setEndDate(newDate < startDate ? startDate : newDate);\n    }\n  };\n\n  /**\n   * Renders the container for the action elements.\n   */\n  const renderActions = () => (\n    <HvActionBar\n      className={clsx({\n        [classes.actionContainer]: showClear,\n      })}\n    >\n      {showClear && (\n        <div className={classes.leftContainer}>\n          <HvButton\n            id={setId(id, \"action\", \"clear\")}\n            className={classes.action}\n            category=\"ghost\"\n            onClick={handleClear}\n          >\n            {labels.clearLabel}\n          </HvButton>\n        </div>\n      )}\n      <div className={classes.rightContainer}>\n        <HvButton\n          id={setId(id, \"action\", \"apply\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleApply}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"action\", \"cancel\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleCancel}\n        >\n          {labels.cancelLabel}\n        </HvButton>\n      </div>\n    </HvActionBar>\n  );\n\n  const renderInput = (dateString) => (\n    <HvTypography variant={dateString ? \"normalText\" : \"placeholderText\"}>\n      {(dateString || placeholder) === undefined ? \"\" : dateString || placeholder}\n    </HvTypography>\n  );\n\n  const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={dateValue}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      locale={locale}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        role=\"combobox\"\n        classes={{\n          root: classes.dropdown,\n          panel: classes.panel,\n          header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        variableWidth\n        placement={horizontalPlacement}\n        expanded={calendarOpen}\n        onToggle={handleToggle}\n        onClickOutside={handleCalendarClose}\n        onContainerCreation={focusOnContainer}\n        placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n        adornment={<Calendar className={classes.icon} color={disabled ? \"atmo5\" : undefined} />}\n        popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n        aria-haspopup=\"dialog\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        {...dropdownProps}\n      >\n        <div ref={focusTarget} tabIndex={-1} />\n        <HvCalendar\n          id={setId(id, \"calendar\")}\n          startAdornment={startAdornment}\n          onChange={handleDateChange}\n          onInputChange={handleInputDateChange}\n          onVisibleDateChange={(_event, type, month, target) => {\n            dispatchAction({ type, target, month });\n          }}\n          locale={locale}\n          {...visibleDate}\n        />\n        {(rangeMode || showActions) && renderActions()}\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDatePicker.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 component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    panel: PropTypes.string,\n    action: PropTypes.string,\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the date picker when invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the date picker when opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the actions buttons.\n     */\n    actionContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the clear button.\n     */\n    leftContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the apply and cancel button.\n     */\n    rightContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the date picker.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on cancel.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on clear.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the datepicker.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear button label.\n     */\n    clearLabel: PropTypes.string,\n  }),\n\n  /**\n   * The initial value of the input when in single calendar mode.\n   */\n  value: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the start date when in range mode.\n   */\n  startValue: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the end date when in range mode.\n   */\n  endValue: PropTypes.instanceOf(Date),\n  /**\n   * Flag informing if the the component should be in range mode or in single mode.\n   */\n  rangeMode: PropTypes.bool,\n  /**\n   * The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n   * Note this prop only affects the calendar when in `rangeMode`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * The calendar locale. If undefined, it uses calendar default\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Controls if actions buttons are visible at the calendar.\n   */\n  showActions: PropTypes.bool,\n  /**\n   * Controls if clear button is visible at the calendar,\n   * only works if showing actions or in range mode.\n   */\n  showClear: PropTypes.bool,\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * An object containing props to be passed onto the baseDropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","names":["React","useState","useEffect","useRef","PropTypes","withStyles","Calendar","clsx","setId","useSavedState","useLabels","HvActionBar","HvBaseDropdown","HvButton","HvCalendar","HvLabel","HvInfoMessage","HvFormElement","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","styles","isDate","getDateLabel","useVisibleDate","useLocale","NAV_OPTIONS","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labels","labelsProp","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","locale","localeProp","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","readOnly","others","elementId","validationState","setValidationState","validationMessage","localeFromProvider","calendarOpen","setCalendarOpen","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","focusTarget","endDateIsSet","current","type","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","actionContainer","leftContainer","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","icon","modifiers","enabled","join","trim","_event","error","propTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","index"],"sources":["../../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId, useSavedState, useLabels } from \"../utils\";\nimport {\n  HvActionBar,\n  HvBaseDropdown,\n  HvButton,\n  HvCalendar,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport styles from \"./styles\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport useLocale from \"../Provider/useLocale\";\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear\",\n};\n\n/**\n * A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n */\nconst HvDatePicker = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onCancel,\n    onClear,\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    labels: labelsProp,\n\n    value,\n    startValue,\n    endValue,\n\n    rangeMode = false,\n    startAdornment,\n    horizontalPlacement = \"right\",\n    locale: localeProp,\n    showActions = false,\n    showClear = false,\n    disablePortal = true,\n    escapeWithReference = true,\n    dropdownProps,\n    readOnly,\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdatepicker\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [calendarOpen, setCalendarOpen] = useState(false);\n\n  const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n    rangeMode ? startValue : value\n  );\n  const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n  const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n  const focusTarget = useRef();\n\n  useEffect(() => {\n    setStartDate(rangeMode ? startValue : value, true);\n    setEndDate(endValue, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, startValue, endValue, rangeMode]);\n\n  const endDateIsSet = useRef(false);\n  endDateIsSet.current = endDate != null;\n\n  useEffect(() => {\n    if (startDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: endDateIsSet.current ? \"left\" : \"best\",\n        year: startDate.getFullYear(),\n        month: startDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, startDate]);\n\n  useEffect(() => {\n    if (endDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: \"right\",\n        year: endDate.getFullYear(),\n        month: endDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, endDate]);\n\n  /**\n   * Handles the `Apply` action. Both single and ranged modes are handled here.\n   */\n  const handleApply = () => {\n    setStartDate(startDate, true);\n    setEndDate(endDate ?? startDate, true);\n\n    onChange?.(startDate, endDate);\n\n    setValidationState(() => {\n      // this will only run if status is uncontrolled\n      if (required && (!isDate(startDate) || (rangeMode && !isDate(endDate)))) {\n        return \"invalid\";\n      }\n\n      return \"valid\";\n    });\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = () => {\n    rollbackStartDate();\n    rollbackEndDate();\n\n    onCancel?.();\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleClear = () => {\n    setStartDate(undefined, false);\n    setEndDate(undefined, false);\n    onClear?.();\n  };\n\n  const handleCalendarClose = () => {\n    const shouldSave = !(rangeMode || showActions);\n    if (shouldSave) {\n      handleApply();\n    } else {\n      handleCancel();\n    }\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setCalendarOpen(open);\n    if (!open) handleCalendarClose();\n  };\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const handleDateChange = (event, newDate) => {\n    if (!isDate(newDate)) return;\n\n    const autoSave = !showActions && !rangeMode;\n\n    if (rangeMode) {\n      if (!startDate || (startDate && endDate) || newDate < startDate) {\n        setStartDate(newDate);\n        setEndDate(null);\n      } else {\n        setEndDate(newDate);\n      }\n    } else {\n      setStartDate(newDate, autoSave);\n    }\n\n    if (autoSave) {\n      onChange?.(newDate);\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && !isDate(newDate)) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n\n      setCalendarOpen(false);\n    }\n  };\n\n  const handleInputDateChange = (event, newDate, position) => {\n    if (!isDate(newDate)) return;\n\n    if (!rangeMode) {\n      handleDateChange(event, newDate);\n      return;\n    }\n\n    if (position === \"left\") {\n      setStartDate(newDate > endDate ? endDate : newDate);\n    } else if (position === \"right\") {\n      if (!startDate) {\n        setStartDate(newDate > endDate ? endDate : newDate);\n        return;\n      }\n      setEndDate(newDate < startDate ? startDate : newDate);\n    }\n  };\n\n  /**\n   * Renders the container for the action elements.\n   */\n  const renderActions = () => (\n    <HvActionBar\n      className={clsx({\n        [classes.actionContainer]: showClear,\n      })}\n    >\n      {showClear && (\n        <div className={classes.leftContainer}>\n          <HvButton\n            id={setId(id, \"action\", \"clear\")}\n            className={classes.action}\n            category=\"ghost\"\n            onClick={handleClear}\n          >\n            {labels.clearLabel}\n          </HvButton>\n        </div>\n      )}\n      <div className={classes.rightContainer}>\n        <HvButton\n          id={setId(id, \"action\", \"apply\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleApply}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"action\", \"cancel\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleCancel}\n        >\n          {labels.cancelLabel}\n        </HvButton>\n      </div>\n    </HvActionBar>\n  );\n\n  const renderInput = (dateString) => (\n    <HvTypography variant={dateString ? \"normalText\" : \"placeholderText\"}>\n      {(dateString || placeholder) === undefined ? \"\" : dateString || placeholder}\n    </HvTypography>\n  );\n\n  const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={dateValue}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      locale={locale}\n      readOnly={readOnly}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        role=\"combobox\"\n        classes={{\n          root: classes.dropdown,\n          panel: classes.panel,\n          header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        readOnly={readOnly}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        variableWidth\n        placement={horizontalPlacement}\n        expanded={calendarOpen}\n        onToggle={handleToggle}\n        onClickOutside={handleCalendarClose}\n        onContainerCreation={focusOnContainer}\n        placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n        adornment={<Calendar className={classes.icon} color={disabled ? \"atmo5\" : undefined} />}\n        popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n        aria-haspopup=\"dialog\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        {...dropdownProps}\n      >\n        <div ref={focusTarget} tabIndex={-1} />\n        <HvCalendar\n          id={setId(id, \"calendar\")}\n          startAdornment={startAdornment}\n          onChange={handleDateChange}\n          onInputChange={handleInputDateChange}\n          onVisibleDateChange={(_event, type, month, target) => {\n            dispatchAction({ type, target, month });\n          }}\n          locale={locale}\n          {...visibleDate}\n        />\n        {(rangeMode || showActions) && renderActions()}\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDatePicker.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 component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    panel: PropTypes.string,\n    action: PropTypes.string,\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the date picker when invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the date picker when opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the actions buttons.\n     */\n    actionContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the clear button.\n     */\n    leftContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the apply and cancel button.\n     */\n    rightContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the date picker.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on cancel.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on clear.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the datepicker.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear button label.\n     */\n    clearLabel: PropTypes.string,\n  }),\n\n  /**\n   * The initial value of the input when in single calendar mode.\n   */\n  value: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the start date when in range mode.\n   */\n  startValue: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the end date when in range mode.\n   */\n  endValue: PropTypes.instanceOf(Date),\n  /**\n   * Flag informing if the the component should be in range mode or in single mode.\n   */\n  rangeMode: PropTypes.bool,\n  /**\n   * The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n   * Note this prop only affects the calendar when in `rangeMode`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * The calendar locale. If undefined, it uses calendar default\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Controls if actions buttons are visible at the calendar.\n   */\n  showActions: PropTypes.bool,\n  /**\n   * Controls if clear button is visible at the calendar,\n   * only works if showing actions or in range mode.\n   */\n  showClear: PropTypes.bool,\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * An object containing props to be passed onto the baseDropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` the DatePicker will be in read only mode, unable to be interacted.\n   */\n  readOnly: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}

package/dist/modern/Dropdown/Dropdown.d.ts

@@ -60,6 +60,10 @@ export interface HvDropdownProps
    * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.
    */
   disabled?: boolean;
+  /**
+   * Indicates that the form element is in read only mode.
+   */
+  readOnly?: boolean;
   /**
    * If `true` the dropdown starts opened if `false` it starts closed.
    */

package/dist/modern/Dropdown/Dropdown.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "placeholder", "onChange", "status", "statusMessage", "aria-errormessage", "onCancel", "onToggle", "onClickOutside", "onFocus", "onBlur", "values", "multiSelect", "showSearch", "expanded", "defaultExpanded", "notifyChangesOnFirstRender", "labels", "hasTooltips", "disablePortal", "singleSelectionToggle", "placement", "variableWidth", "popperProps", "height", "virtualized", "baseDropdownProps", "listProps"];
+const _excluded = ["classes", "className", "id", "name", "required", "disabled", "readOnly", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "placeholder", "onChange", "status", "statusMessage", "aria-errormessage", "onCancel", "onToggle", "onClickOutside", "onFocus", "onBlur", "values", "multiSelect", "showSearch", "expanded", "defaultExpanded", "notifyChangesOnFirstRender", "labels", "hasTooltips", "disablePortal", "singleSelectionToggle", "placement", "variableWidth", "popperProps", "height", "virtualized", "baseDropdownProps", "listProps"];
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
@@ -32,6 +32,7 @@ const HvDropdown = props => {
     name,
     required = false,
     disabled = false,
+    readOnly = false,
     label,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
@@ -223,6 +224,7 @@ const HvDropdown = props => {
     name: name,
     status: validationState,
     disabled: disabled,
+    readOnly: readOnly,
     required: required,
     className: clsx(className, classes.root)
   }, others), (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
@@ -244,6 +246,7 @@ const HvDropdown = props => {
     },
     expanded: isOpen,
     disabled: disabled,
+    readOnly: readOnly,
     disablePortal: disablePortal,
     placement: placement,
     popperProps: popperProps,
@@ -415,6 +418,11 @@ process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
    */
   disabled: PropTypes.bool,
 
+  /**
+   * Indicates that the form element is in read only mode.
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Indicates that user input is required on the form element.
    */