{"version":3,"sources":["webpack:////home/jenkins/agent/workspace/rAlWnROk32481EutLuZS/node_modules/@paypalcorp/pp-react-dropdown-menu/dist/@paypalcorp/pp-react-dropdown-menu.esm.js"],"names":["_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","styles","tokens","Object","keys","length","console","warn","sysMotionDurationHover","sysSizeIconSm","sysSizeFieldLg","sysColorBackgroundSurface","sysBorderThicknessNormal","sysBorderRadiusSm","sysColorStructureBorderHighContrast","sysSpaceTiny","sysSpaceXs","sysSpaceSm","sysSpaceMd","sysColorBackgroundMediumContrast","sysTypographyFieldLabelLgLineHeight","sysTypographyFieldLabelSmLineHeight","sysBorderThicknessEmphasis","_utilStyles","focusStyles","ellipsis","offsetFocusAfter","stateErrorFocusBorderColorInner","stateErrorFocusBorderColorOuter","_textStyles","textFieldLabelLg","fieldLabelLg","textFieldValueSm","fieldValueSm","textFieldLabelSm","fieldLabelSm","textCaption","caption","base","label","concat","buttonActive","height","horizontalOffset","verticalOffset","button","buttonErrorActive","borderColor","boxShadowColor","buttonError","labelActive","affordanceIcon","helperText","color","errorText","errorIcon","selectBox","_excluded","ownKeys","object","enumerableOnly","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","source","forEach","key","getOwnPropertyDescriptors","defineProperties","defineProperty","getRefCurrent","ref","current","DropdownMenu","props","className","menuContainerClassName","menuListClassName","menuItemClassName","menuMobileHeaderClassName","menuButtonClassName","menuLabelClassName","_props$skipButtonFocu","skipButtonFocus","sheetClassName","sheetWrapperClassName","id","_props$label","name","_props$errorIconAriaL","errorIconAriaLabel","value","_props$options","options","ariaLabelledby","renderButtonContent","onChange","onClose","onClick","onKeyDown","isLoadingOptions","showUnselect","rest","_styles","buttonId","replace","internalRef","buttonRef","selectId","_useState","_useState2","showMenu","setShowMenu","_useState3","_useState4","initialItemFocus","setKeyboardActive","_useState5","_useState6","isRtl","setRtl","_window","btn","computedStyle","window","getComputedStyle","direction","openMenu","evt","prevState","detail","handleItemClick","index","selectedValue","buttonCurrent","blur","focus","hasOptionsIndex","primaryText","selectedIndex","msgId","buttonText","buttonValue","AffordanceIconComponent","AffordanceIcon","size","css","labelledBy","otherButtonAttr","buttonCssVal","labelCssVal","tabIndex","disabled","map","opt","type","KeyCode","keyCode","IS_ARROW_UP","IS_ARROW_DOWN","altKey","ctrlKey","shiftKey","metaKey","hasNoModifiers","preventDefault","htmlFor","isOpen","mobileTitle","onSelection","triggerElementRef","containerClassName","itemClassName","mobileHeaderClassName","rtl","returnFocusToTrigger","searchEnabled","errorProps","role","dropdownErrorIcon","renderMessage"],"mappings":"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","file":"20.esm.js","sourcesContent":["import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';\nimport _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport { forwardRef, useMemo, useRef, useState, useEffect } from 'react';\nimport { SelectionMenu } from '@paypalcorp/pp-react-menu';\nimport { CriticalIcon, ChevronUpIcon, ChevronDownIcon } from '@paypalcorp/pp-react-icons';\nimport { utilStyles, KeyboardCode } from '@paypalcorp/pp-react-utils';\nimport { css, useTheme, jsx } from '@emotion/react';\nimport _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';\nimport { math } from 'polished';\nimport { textStyles } from '@paypalcorp/pp-react-text';\n\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;\nfunction styles(tokens) {\n /* istanbul ignore next */\n if (!Object.keys(tokens).length) {\n console.warn('Missing Emotion theme. Use ThemeProvider from @emotion/react to pass a valid theme from pp-react.');\n return {};\n }\n\n var sysMotionDurationHover = tokens.sysMotionDurationHover,\n sysSizeIconSm = tokens.sysSizeIconSm,\n sysSizeFieldLg = tokens.sysSizeFieldLg,\n sysColorBackgroundSurface = tokens.sysColorBackgroundSurface,\n sysBorderThicknessNormal = tokens.sysBorderThicknessNormal,\n sysBorderRadiusSm = tokens.sysBorderRadiusSm,\n sysColorStructureBorderHighContrast = tokens.sysColorStructureBorderHighContrast,\n sysSpaceTiny = tokens.sysSpaceTiny,\n sysSpaceXs = tokens.sysSpaceXs,\n sysSpaceSm = tokens.sysSpaceSm,\n sysSpaceMd = tokens.sysSpaceMd,\n sysColorBackgroundMediumContrast = tokens.sysColorBackgroundMediumContrast,\n sysTypographyFieldLabelLgLineHeight = tokens.sysTypographyFieldLabelLgLineHeight,\n sysTypographyFieldLabelSmLineHeight = tokens.sysTypographyFieldLabelSmLineHeight,\n sysBorderThicknessEmphasis = tokens.sysBorderThicknessEmphasis;\n\n var _utilStyles = utilStyles(tokens),\n focusStyles = _utilStyles.focusStyles,\n ellipsis = _utilStyles.ellipsis;\n\n var offsetFocusAfter = focusStyles.offsetFocusAfter,\n stateErrorFocusBorderColorInner = focusStyles.stateErrorFocusBorderColorInner,\n stateErrorFocusBorderColorOuter = focusStyles.stateErrorFocusBorderColorOuter;\n\n var _textStyles = textStyles(tokens),\n textFieldLabelLg = _textStyles.fieldLabelLg,\n textFieldValueSm = _textStyles.fieldValueSm,\n textFieldLabelSm = _textStyles.fieldLabelSm,\n textCaption = _textStyles.caption; //Base styles\n\n\n var base = css(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n label: dropdown_menu_base;\\n position: relative;\\n text-align: start;\\n \"])));\n var label = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n label: dropdown_menu_label;\\n pointer-events: none; // Better way to fix the cursor: text issue!\\n position: absolute;\\n \", \"\\n transition: font-size \", \" ease-in-out, top \", \" ease-in-out, background-color \", \" linear;\\n left: \", \";\\n top: \", \";\\n \", \"\\n right: \", \";\\n\\n [dir='rtl'] & {\\n right: \", \";\\n left: \", \";\\n }\\n \"])), textFieldLabelLg(), sysMotionDurationHover, sysMotionDurationHover, sysMotionDurationHover, sysSpaceMd, math(\"(\".concat(sysSizeFieldLg, \" - \").concat(sysTypographyFieldLabelLgLineHeight, \") / 2\")), ellipsis, math(\"\".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm)), sysSpaceMd, math(\"\".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm)));\n var buttonActive = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n label: active;\\n outline: none;\\n &:after {\\n \", \"\\n }\\n \"])), offsetFocusAfter({\n height: sysSizeFieldLg,\n horizontalOffset: '0rem',\n verticalOffset: '0rem'\n }));\n var button = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n label: dropdown_menu_button;\\n \", \";\\n box-sizing: border-box;\\n height: \", \";\\n width: 100%;\\n border: \", \" solid\\n \", \";\\n border-radius: \", \";\\n background-color: \", \";\\n padding-top: \", \";\\n padding-right: \", \";\\n padding-left: \", \";\\n padding-bottom: \", \";\\n cursor: pointer;\\n text-align: start;\\n \", \"\\n\\n &:focus {\\n \", \"\\n }\\n\\n [dir='rtl'] & {\\n padding-left: \", \";\\n padding-right: \", \";\\n }\\n \"])), textFieldValueSm(), sysSizeFieldLg, sysBorderThicknessNormal, sysColorStructureBorderHighContrast, sysBorderRadiusSm, sysColorBackgroundSurface, math(\"\".concat(sysSpaceSm, \" + \").concat(sysSpaceTiny, \" + \").concat(sysTypographyFieldLabelSmLineHeight, \" - \").concat(sysBorderThicknessNormal)), math(\"\".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm, \" - \").concat(sysBorderThicknessNormal)), math(\"\".concat(sysSpaceMd, \" - \").concat(sysBorderThicknessNormal)), math(\"\".concat(sysSpaceMd, \" - \").concat(sysBorderThicknessNormal)), ellipsis, buttonActive, math(\"\".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm, \" - \").concat(sysBorderThicknessNormal)), math(\"\".concat(sysSpaceMd, \" - \").concat(sysBorderThicknessNormal)));\n var buttonErrorActive = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"\\n label: active;\\n &:after {\\n \", \"\\n }\\n \"])), offsetFocusAfter({\n height: sysSizeFieldLg,\n horizontalOffset: '0rem',\n verticalOffset: '0rem',\n borderColor: stateErrorFocusBorderColorInner,\n boxShadowColor: stateErrorFocusBorderColorOuter\n }));\n var buttonError = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"\\n label: error;\\n border: \", \" solid\\n \", \";\\n padding-top: \", \";\\n padding-right: \", \";\\n padding-left: \", \";\\n padding-bottom: \", \";\\n\\n &:focus {\\n \", \"\\n }\\n\\n [dir='rtl'] & {\\n padding-left: \", \";\\n padding-right: \", \";\\n }\\n \"])), sysBorderThicknessEmphasis, stateErrorFocusBorderColorInner, math(\"\".concat(sysSpaceSm, \" + \").concat(sysSpaceTiny, \" + \").concat(sysTypographyFieldLabelSmLineHeight, \" - \").concat(sysBorderThicknessEmphasis)), math(\"\".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm, \" - \").concat(sysBorderThicknessEmphasis)), math(\"\".concat(sysSpaceMd, \" - \").concat(sysBorderThicknessEmphasis)), math(\"\".concat(sysSpaceMd, \" - \").concat(sysBorderThicknessEmphasis)), buttonErrorActive, math(\"\".concat(sysSpaceMd, \" + \").concat(sysSizeIconSm, \" - \").concat(sysBorderThicknessEmphasis)), math(\"\".concat(sysSpaceMd, \" - \").concat(sysBorderThicknessEmphasis)));\n var labelActive = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([\"\\n label: active;\\n \", \"\\n top: \", \";\\n \"])), textFieldLabelSm(), sysSpaceSm);\n var affordanceIcon = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([\"\\n label: dropdown_menu_affordance_icon;\\n pointer-events: none;\\n position: absolute;\\n top: \", \";\\n right: \", \";\\n margin-left: \", \";\\n\\n [dir='rtl'] & {\\n margin-right: \", \";\\n left: \", \";\\n right: auto;\\n }\\n \"])), math(\"\".concat(sysSpaceSm, \" + \").concat(sysSpaceMd)), math(\"\".concat(sysSpaceSm, \" + \").concat(sysSpaceMd)), sysSpaceMd, sysSpaceMd, sysSpaceSm);\n var helperText = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([\"\\n label: dropdown_menu_helper_text;\\n \", \"\\n margin-top: \", \";\\n list-style: none; // In case it's a list of helper texts\\n \"])), textCaption({\n color: sysColorBackgroundMediumContrast\n }), sysSpaceXs);\n var errorText = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([\"\\n label: dropdown_menu_error_text;\\n \", \"\\n display: flex;\\n margin-top: \", \";\\n align-items: center;\\n \"])), textCaption({\n color: sysColorBackgroundMediumContrast\n }), sysSpaceXs);\n var errorIcon = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([\"\\n label: dropdown_menu_error_icon;\\n color: \", \";\\n margin-right: \", \";\\n\\n [dir='rtl'] & {\\n margin-left: \", \";\\n margin-right: 0;\\n }\\n \"])), stateErrorFocusBorderColorInner, sysSpaceXs, sysSpaceXs);\n var selectBox = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([\"\\n label: dropdown_menu_select;\\n opacity: 0;\\n position: absolute;\\n pointer-events: none;\\n width: 0;\\n height: 0;\\n \"])));\n return {\n base: base,\n label: label,\n button: button,\n buttonError: buttonError,\n buttonActive: buttonActive,\n buttonErrorActive: buttonErrorActive,\n affordanceIcon: affordanceIcon,\n labelActive: labelActive,\n helperText: helperText,\n errorText: errorText,\n errorIcon: errorIcon,\n selectBox: selectBox\n };\n}\n\nvar _excluded = [\"className\", \"menuContainerClassName\", \"menuListClassName\", \"menuItemClassName\", \"menuMobileHeaderClassName\", \"menuButtonClassName\", \"menuLabelClassName\", \"skipButtonFocus\", \"sheetClassName\", \"sheetWrapperClassName\", \"id\", \"label\", \"name\", \"errorText\", \"errorIconAriaLabel\", \"helperText\", \"value\", \"options\", \"ariaLabelledby\", \"renderButtonContent\", \"onChange\", \"onClose\", \"onClick\", \"onKeyDown\", \"isLoadingOptions\", \"showUnselect\"];\n\nfunction 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; }\n\nfunction _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) { _defineProperty(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; }\n\nvar getRefCurrent = function (ref) {\n return (\n /* istanbul ignore next */\n ref && ref.current ? ref.current : null\n );\n}; // Get either the error message or helper text or... nothing\n\n\nvar renderMessage = function (errorText, errorIconAriaLabel, helperText, msgId, _styles) {\n if (errorText) {\n var errorProps = {\n css: _styles.errorIcon,\n role: 'img',\n 'aria-label': errorIconAriaLabel\n };\n var dropdownErrorIcon = jsx(CriticalIcon, _extends({\n size: \"sm\"\n }, errorProps, {\n \"data-ppui\": \"true\"\n }));\n return jsx(\"div\", {\n css: _styles.errorText,\n id: msgId,\n \"data-ppui\": \"true\"\n }, dropdownErrorIcon, jsx(\"span\", {\n \"data-ppui\": \"true\"\n }, errorText));\n }\n\n if (helperText) {\n return jsx(\"div\", {\n css: _styles.helperText,\n id: msgId,\n \"data-ppui\": \"true\"\n }, jsx(\"span\", {\n \"data-ppui\": \"true\"\n }, helperText));\n }\n\n return null;\n};\n\nvar hasNoModifiers = function (evt) {\n return !evt.altKey && !evt.ctrlKey && !evt.shiftKey && !evt.metaKey;\n};\n\nvar DropdownMenu = forwardRef( // eslint-disable-next-line complexity\nfunction (props, ref) {\n var className = props.className,\n menuContainerClassName = props.menuContainerClassName,\n menuListClassName = props.menuListClassName,\n menuItemClassName = props.menuItemClassName,\n menuMobileHeaderClassName = props.menuMobileHeaderClassName,\n menuButtonClassName = props.menuButtonClassName,\n menuLabelClassName = props.menuLabelClassName,\n _props$skipButtonFocu = props.skipButtonFocus,\n skipButtonFocus = _props$skipButtonFocu === void 0 ? false : _props$skipButtonFocu,\n sheetClassName = props.sheetClassName,\n sheetWrapperClassName = props.sheetWrapperClassName,\n id = props.id,\n _props$label = props.label,\n label = _props$label === void 0 ? 'Label' : _props$label,\n name = props.name,\n errorText = props.errorText,\n _props$errorIconAriaL = props.errorIconAriaLabel,\n errorIconAriaLabel = _props$errorIconAriaL === void 0 ? 'Error' : _props$errorIconAriaL,\n helperText = props.helperText,\n value = props.value,\n _props$options = props.options,\n options = _props$options === void 0 ? [] : _props$options,\n ariaLabelledby = props.ariaLabelledby,\n renderButtonContent = props.renderButtonContent,\n onChange = props.onChange,\n onClose = props.onClose,\n onClick = props.onClick,\n onKeyDown = props.onKeyDown,\n isLoadingOptions = props.isLoadingOptions,\n showUnselect = props.showUnselect,\n rest = _objectWithoutProperties(props, _excluded);\n\n var tokens = useTheme();\n\n var _styles = useMemo(function () {\n return styles(tokens);\n }, [tokens]);\n\n var buttonId = id ? \"dropdownMenuButton_\".concat(id) : \"dropdownMenuButton_\".concat(label.replace(/\\s/g, ''));\n var internalRef = useRef();\n var buttonRef = ref !== null && ref !== void 0 ? ref : internalRef;\n var selectId = id ? \"dropdownMenuSelect_\".concat(id) : \"dropdownMenuSelect_\".concat(label.replace(/\\s/g, ''));\n\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n showMenu = _useState2[0],\n setShowMenu = _useState2[1];\n\n var _useState3 = useState(!!value),\n _useState4 = _slicedToArray(_useState3, 2),\n initialItemFocus = _useState4[0],\n setKeyboardActive = _useState4[1];\n\n var _useState5 = useState(false),\n _useState6 = _slicedToArray(_useState5, 2),\n isRtl = _useState6[0],\n setRtl = _useState6[1];\n\n useEffect(function () {\n var _window;\n\n var btn = getRefCurrent(buttonRef);\n var computedStyle = btn && ((_window = window) === null || _window === void 0 ? void 0 : _window.getComputedStyle(btn));\n setRtl((computedStyle === null || computedStyle === void 0 ? void 0 : computedStyle.direction) === 'rtl');\n });\n\n var openMenu = function (evt) {\n setShowMenu(function (prevState) {\n return !prevState;\n });\n setKeyboardActive(!evt.detail);\n };\n\n var handleItemClick = function (index) {\n setShowMenu(false);\n var buttonCurrent = getRefCurrent(buttonRef);\n /* istanbul ignore next */\n\n if (buttonCurrent) {\n if (skipButtonFocus) {\n buttonCurrent.blur();\n } else {\n buttonCurrent.focus();\n }\n }\n\n var selectedValue;\n /* istanbul ignore next */\n\n if (onChange) {\n var hasOptionsIndex = options.length > 0 && index >= 0;\n selectedValue = hasOptionsIndex ? options[index].value || options[index].primaryText : null;\n\n if (showUnselect) {\n selectedValue = hasOptionsIndex ? options[index].value : null;\n }\n\n var myEvent = {\n target: {\n selectedIndex: index,\n value: selectedValue\n }\n };\n onChange(myEvent);\n }\n };\n\n var msgId = helperText && 'dropdown_helperText' || errorText && 'dropdown_errorText';\n var buttonText = '';\n var buttonValue = '';\n var selectedIndex = -1;\n\n if (value) {\n for (var i = 0; i < options.length; i++) {\n if (options[i].value === value) {\n if (renderButtonContent) {\n buttonText = renderButtonContent();\n } else {\n buttonText = options[i].primaryText;\n }\n\n buttonValue = options[i].value;\n selectedIndex = i;\n break;\n }\n }\n } else if (!value && options.length > 0 && options[0].value === '') {\n selectedIndex = 0;\n }\n\n var AffordanceIconComponent = showMenu ? ChevronUpIcon : ChevronDownIcon;\n var AffordanceIcon = jsx(AffordanceIconComponent, {\n size: \"sm\",\n css: _styles.affordanceIcon,\n color: \"BackgroundMediumContrast\",\n \"aria-hidden\": \"true\",\n \"data-ppui\": \"true\"\n });\n var labelledBy = ariaLabelledby ? \"\".concat(buttonId, \"-label \").concat(ariaLabelledby) : \"\".concat(buttonId, \"-label\");\n\n if (buttonText) {\n labelledBy = \"\".concat(labelledBy, \" \").concat(buttonId);\n }\n\n var otherButtonAttr = _objectSpread(_objectSpread(_objectSpread({}, msgId && {\n 'aria-describedby': msgId\n }), {\n 'aria-labelledby': labelledBy\n }), rest);\n\n var buttonCssVal = [_styles.button, showMenu && _styles.buttonActive, errorText && _styles.buttonError, errorText && showMenu && _styles.buttonErrorActive];\n var labelCssVal = [_styles.label, (showMenu || buttonText) && _styles.labelActive];\n return jsx(\"div\", {\n className: className,\n css: _styles.base,\n id: id,\n \"data-ppui-info\": \"dropdown-menu_3.4.6\"\n }, jsx(\"select\", {\n css: _styles.selectBox,\n \"aria-hidden\": \"true\",\n id: selectId,\n name: name,\n tabIndex: -1,\n onChange: function (evt) {\n return handleItemClick(evt.target.selectedIndex - 1);\n },\n value: buttonValue,\n \"data-ppui\": \"true\"\n }, jsx(\"option\", {\n disabled: true,\n value: \"\",\n \"data-ppui\": \"true\"\n }, label), options.length > 0 && options.map(function (opt, index) {\n return jsx(\"option\", {\n key: index,\n value: opt.value ? opt.value : opt.primaryText,\n \"data-ppui\": \"true\"\n }, opt.primaryText);\n })), jsx(\"button\", _extends({\n className: menuButtonClassName,\n css: buttonCssVal,\n type: \"button\",\n id: buttonId,\n ref: buttonRef,\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": showMenu,\n onClick: function handleClick(evt) {\n openMenu(evt);\n /* istanbul ignore next */\n\n if (onClick) {\n onClick(evt);\n }\n },\n onKeyDown: function handleKey(evt) {\n /* istanbul ignore next */\n var KeyCode = new KeyboardCode(evt.key || evt.keyCode);\n\n if (!showMenu && (KeyCode.IS_ARROW_UP || KeyCode.IS_ARROW_DOWN) && hasNoModifiers(evt)) {\n evt.preventDefault();\n openMenu(evt);\n }\n /* istanbul ignore next */\n\n\n if (onKeyDown) {\n onKeyDown(evt);\n }\n }\n }, otherButtonAttr, {\n \"data-ppui\": \"true\"\n }), AffordanceIcon, jsx(\"span\", {\n \"data-ppui\": \"true\"\n }, buttonText)), jsx(\"label\", {\n id: \"\".concat(buttonId, \"-label\"),\n htmlFor: buttonId,\n css: labelCssVal,\n className: menuLabelClassName,\n \"data-ppui\": \"true\"\n }, jsx(\"span\", {\n \"data-ppui\": \"true\"\n }, label)), jsx(SelectionMenu, {\n initialItemFocus: initialItemFocus,\n isOpen: showMenu,\n mobileTitle: label,\n onClose: function handleClose(evt) {\n setShowMenu(false);\n\n if (onClose) {\n onClose(evt);\n }\n },\n onSelection: handleItemClick,\n selectedIndex: selectedIndex,\n triggerElementRef: buttonRef,\n options: options,\n className: menuListClassName,\n containerClassName: menuContainerClassName,\n itemClassName: menuItemClassName,\n mobileHeaderClassName: menuMobileHeaderClassName,\n sheetClassName: sheetClassName,\n sheetWrapperClassName: sheetWrapperClassName,\n rtl: isRtl,\n returnFocusToTrigger: !skipButtonFocus,\n isLoadingOptions: isLoadingOptions,\n searchEnabled: true,\n \"data-ppui\": \"true\"\n }), renderMessage(errorText, errorIconAriaLabel, helperText, msgId, _styles));\n});\n\nexport { DropdownMenu, styles as dropdownMenuStyles };\n"],"sourceRoot":""}