PopoverTrigger-PopoverTrigger-stories.2bb5a35b.iframe.bundle.js

"use strict";(self.webpackChunkcommon_components=self.webpackChunkcommon_components||[]).push([[7910],{"./node_modules/@react-aria/button/dist/import.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{s:()=>$701a24aa0da5b062$export$ea18c227d4417cc3});var _react_aria_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@react-aria/utils/dist/import.mjs"),_react_aria_focus__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@react-aria/focus/dist/import.mjs"),_react_aria_interactions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@react-aria/interactions/dist/import.mjs");function $701a24aa0da5b062$export$ea18c227d4417cc3(props,ref){let additionalProps,{elementType="button",isDisabled,onPress,onPressStart,onPressEnd,onPressUp,onPressChange,preventFocusOnPress,allowFocusWhenDisabled,onClick:deprecatedOnClick,href,target,rel,type="button"}=props;additionalProps="button"===elementType?{type,disabled:isDisabled}:{role:"button",tabIndex:isDisabled?void 0:0,href:"a"===elementType&&isDisabled?void 0:href,target:"a"===elementType?target:void 0,type:"input"===elementType?type:void 0,disabled:"input"===elementType?isDisabled:void 0,"aria-disabled":isDisabled&&"input"!==elementType?isDisabled:void 0,rel:"a"===elementType?rel:void 0};let{pressProps,isPressed}=(0,_react_aria_interactions__WEBPACK_IMPORTED_MODULE_0__.dD)({onPressStart,onPressEnd,onPressChange,onPress,onPressUp,isDisabled,preventFocusOnPress,ref}),{focusableProps}=(0,_react_aria_focus__WEBPACK_IMPORTED_MODULE_1__.Wc)(props,ref);allowFocusWhenDisabled&&(focusableProps.tabIndex=isDisabled?-1:focusableProps.tabIndex);let buttonProps=(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.v6)(focusableProps,pressProps,(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.$X)(props,{labelable:!0}));return{isPressed,buttonProps:(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.v6)(additionalProps,buttonProps,{"aria-haspopup":props["aria-haspopup"],"aria-expanded":props["aria-expanded"],"aria-controls":props["aria-controls"],"aria-pressed":props["aria-pressed"],onClick:e=>{deprecatedOnClick&&(deprecatedOnClick(e),console.warn("onClick is deprecated, please use onPress"))}})}}},"./node_modules/@react-stately/overlays/dist/import.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>$fc909762b330b746$export$61c6a8c84e605fb6});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../epi-systems-frontend/node_modules/react/index.js"),_react_stately_utils__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@react-stately/utils/dist/import.mjs");function $fc909762b330b746$export$61c6a8c84e605fb6(props){let[isOpen,setOpen]=(0,_react_stately_utils__WEBPACK_IMPORTED_MODULE_1__.PW)(props.isOpen,props.defaultOpen||!1,props.onOpenChange);const open=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{setOpen(!0)}),[setOpen]),close=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{setOpen(!1)}),[setOpen]),toggle=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{setOpen(!isOpen)}),[setOpen,isOpen]);return{isOpen,setOpen,open,close,toggle}}},"./node_modules/@react-stately/utils/dist/import.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{PW:()=>$458b0a5536c1a7cf$export$40bfa8c7b0832715,qE:()=>$9446cca9a3875146$export$7d15b64cf5a3a4c4});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../epi-systems-frontend/node_modules/react/index.js");function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value,defaultValue,onChange){let[stateValue,setStateValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value||defaultValue),isControlledRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(void 0!==value),isControlled=void 0!==value;(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{let wasControlled=isControlledRef.current;wasControlled!==isControlled&&console.warn(`WARN: A component changed from ${wasControlled?"controlled":"uncontrolled"} to ${isControlled?"controlled":"uncontrolled"}.`),isControlledRef.current=isControlled}),[isControlled]);let currentValue=isControlled?value:stateValue,setValue=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(((value,...args)=>{let onChangeCaller=(value,...onChangeArgs)=>{onChange&&(Object.is(currentValue,value)||onChange(value,...onChangeArgs)),isControlled||(currentValue=value)};if("function"==typeof value){console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),setStateValue(((oldValue,...functionArgs)=>{let interceptedValue=value(isControlled?currentValue:oldValue,...functionArgs);return onChangeCaller(interceptedValue,...args),isControlled?oldValue:interceptedValue}))}else isControlled||setStateValue(value),onChangeCaller(value,...args)}),[isControlled,currentValue,onChange]);return[currentValue,setValue]}function $9446cca9a3875146$export$7d15b64cf5a3a4c4(value,min=-1/0,max=1/0){return Math.min(Math.max(value,min),max)}},"./src/Components/PopoverTrigger/PopoverTrigger.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicPopover:()=>BasicPopover,PopoverTextTrigger:()=>PopoverTextTrigger,PopoverUsingComponents:()=>PopoverUsingComponents,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/Components/PopoverTrigger/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../epi-systems-frontend/node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/PopoverTrigger",component:_index__WEBPACK_IMPORTED_MODULE_0__.A,tags:["autodocs"]},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("section",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p",{children:"I'm baby tumeric mlkshk retro, YOLO shoreditch microdosing banjo bitters etsy bodega boys. Blackbird spyplane DSA pitchfork same bespoke aesthetic gorpcore cray enamel pin. Cliche health goth thundercats, small batch skateboard vape intelligentsia shoreditch humblebrag ethical."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p",{children:"Post-ironic blackbird spyplane semiotics heirloom authentic mukbang hoodie air plant pitchfork flexitarian pour-over. Fashion axe irony pok pok grailed."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_index__WEBPACK_IMPORTED_MODULE_0__.A,{buttonVariant:args.buttonVariant,buttonSize:args.buttonSize,label:args.label,placement:args.placement,offset:args.offset,crossOffset:args.crossOffset,containerPadding:args.containerPadding,children:args.children}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p",{children:"Vibecession bodega boys normcore man bun affogato salvia kale chips prism trust fund af banh mi chambray pickled portland."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("p",{children:"Air plant tacos venmo viral, glossier artisan 8-bit neutral milk hotel tofu schlitz brunch palo santo locavore. Blue bottle chia tote bag organic woke microdosing art party chambray sriracha. Organic tumeric crucifix lomo glossier snackwave +1. VHS selvage you probably haven't heard of them poutine copper mug poke 90's polaroid synth bitters post-ironic hoodie wolf taxidermy ugh. PBR&B vice freegan kale chips man braid, trust fund migas DIY listicle four dollar toast."})]});Template.displayName="Template";const PopoverContent=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"popover-content",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h4",{children:"Popover Message"}),"This is the ugly ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("strong",{children:"popover content"})," rendered by a"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("code",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("pre",{children:"<Component />"})})]});PopoverContent.displayName="PopoverContent";const Label=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("h3",{children:["Open ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("em",{children:"Popover"})," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i",{className:"fa fa-circle-plus","aria-hidden":"true"})]});Label.displayName="Label";const BasicPopover=Template.bind({});BasicPopover.args={..._index__WEBPACK_IMPORTED_MODULE_0__.A.defaultProps,label:"Open Popover",children:"This is the popover content",containerPadding:20};const PopoverUsingComponents=Template.bind({});PopoverUsingComponents.args={..._index__WEBPACK_IMPORTED_MODULE_0__.A.defaultProps,label:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Label,{}),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PopoverContent,{})};const Template2=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("section",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("p",{children:["Cliche health goth thundercats, small batch"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_index__WEBPACK_IMPORTED_MODULE_0__.A,{buttonVariant:args.buttonVariant,label:args.label,children:args.children})," ","vape intelligentsia shoreditch humblebrag ethical."]})});Template2.displayName="Template2";const PopoverTextTrigger=Template2.bind({});PopoverTextTrigger.args={..._index__WEBPACK_IMPORTED_MODULE_0__.A.defaultProps,buttonVariant:"text",label:"inline text",children:"This might be a word definition"},BasicPopover.parameters={...BasicPopover.parameters,docs:{...BasicPopover.parameters?.docs,source:{originalSource:"args => {\n  return <section>\n      <p>\n        I'm baby tumeric mlkshk retro, YOLO shoreditch microdosing banjo bitters etsy bodega boys.\n        Blackbird spyplane DSA pitchfork same bespoke aesthetic gorpcore cray enamel pin. Cliche\n        health goth thundercats, small batch skateboard vape intelligentsia shoreditch humblebrag\n        ethical.\n      </p>\n      <p>\n        Post-ironic blackbird spyplane semiotics heirloom authentic mukbang hoodie air plant\n        pitchfork flexitarian pour-over. Fashion axe irony pok pok grailed.\n      </p>\n      <PopoverTrigger buttonVariant={args.buttonVariant} buttonSize={args.buttonSize} label={args.label} placement={args.placement} offset={args.offset} crossOffset={args.crossOffset} containerPadding={args.containerPadding}>\n        {args.children}\n      </PopoverTrigger>\n      <p>\n        Vibecession bodega boys normcore man bun affogato salvia kale chips prism trust fund af banh\n        mi chambray pickled portland.\n      </p>\n      <p>\n        Air plant tacos venmo viral, glossier artisan 8-bit neutral milk hotel tofu schlitz brunch\n        palo santo locavore. Blue bottle chia tote bag organic woke microdosing art party chambray\n        sriracha. Organic tumeric crucifix lomo glossier snackwave +1. VHS selvage you probably\n        haven't heard of them poutine copper mug poke 90's polaroid synth bitters post-ironic hoodie\n        wolf taxidermy ugh. PBR&B vice freegan kale chips man braid, trust fund migas DIY listicle\n        four dollar toast.\n      </p>\n    </section>;\n}",...BasicPopover.parameters?.docs?.source}}},PopoverUsingComponents.parameters={...PopoverUsingComponents.parameters,docs:{...PopoverUsingComponents.parameters?.docs,source:{originalSource:"args => {\n  return <section>\n      <p>\n        I'm baby tumeric mlkshk retro, YOLO shoreditch microdosing banjo bitters etsy bodega boys.\n        Blackbird spyplane DSA pitchfork same bespoke aesthetic gorpcore cray enamel pin. Cliche\n        health goth thundercats, small batch skateboard vape intelligentsia shoreditch humblebrag\n        ethical.\n      </p>\n      <p>\n        Post-ironic blackbird spyplane semiotics heirloom authentic mukbang hoodie air plant\n        pitchfork flexitarian pour-over. Fashion axe irony pok pok grailed.\n      </p>\n      <PopoverTrigger buttonVariant={args.buttonVariant} buttonSize={args.buttonSize} label={args.label} placement={args.placement} offset={args.offset} crossOffset={args.crossOffset} containerPadding={args.containerPadding}>\n        {args.children}\n      </PopoverTrigger>\n      <p>\n        Vibecession bodega boys normcore man bun affogato salvia kale chips prism trust fund af banh\n        mi chambray pickled portland.\n      </p>\n      <p>\n        Air plant tacos venmo viral, glossier artisan 8-bit neutral milk hotel tofu schlitz brunch\n        palo santo locavore. Blue bottle chia tote bag organic woke microdosing art party chambray\n        sriracha. Organic tumeric crucifix lomo glossier snackwave +1. VHS selvage you probably\n        haven't heard of them poutine copper mug poke 90's polaroid synth bitters post-ironic hoodie\n        wolf taxidermy ugh. PBR&B vice freegan kale chips man braid, trust fund migas DIY listicle\n        four dollar toast.\n      </p>\n    </section>;\n}",...PopoverUsingComponents.parameters?.docs?.source}}},PopoverTextTrigger.parameters={...PopoverTextTrigger.parameters,docs:{...PopoverTextTrigger.parameters?.docs,source:{originalSource:"args => {\n  return <section>\n      <p>\n        Cliche health goth thundercats, small batch{' '}\n        <PopoverTrigger buttonVariant={args.buttonVariant} label={args.label}>\n          {args.children}\n        </PopoverTrigger>{' '}\n        vape intelligentsia shoreditch humblebrag ethical.\n      </p>\n    </section>;\n}",...PopoverTextTrigger.parameters?.docs?.source}}};const __namedExportsOrder=["BasicPopover","PopoverUsingComponents","PopoverTextTrigger"]},"./src/Components/Popover/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Components_Popover});var react=__webpack_require__("../epi-systems-frontend/node_modules/react/index.js"),dist_import=__webpack_require__("./node_modules/@react-aria/overlays/dist/import.mjs"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),styles=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Popover/styles.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(styles.A,options);styles.A&&styles.A.locals&&styles.A.locals;var jsx_runtime=__webpack_require__("../epi-systems-frontend/node_modules/react/jsx-runtime.js");const Popover=({children,state,className,classNameOverlay,...props})=>{let ref=(0,react.useRef)(),{popoverRef=ref}=props,{popoverProps,underlayProps,arrowProps,placement}=(0,dist_import.fP)({...props,popoverRef},state);return(0,jsx_runtime.jsxs)(dist_import.hJ,{children:[(0,jsx_runtime.jsx)("div",{...underlayProps,className:(0,clsx.A)(["CC-popover-overlay",classNameOverlay])}),(0,jsx_runtime.jsxs)("div",{...popoverProps,ref:popoverRef,className:(0,clsx.A)(["CC-popover",className]),style:{...popoverProps.style},children:[(0,jsx_runtime.jsx)("svg",{...arrowProps,className:"CC-arrow","data-placement":placement,children:(0,jsx_runtime.jsx)("path",{d:"M0 0,L6 6,L12 0"})}),children,(0,jsx_runtime.jsx)(dist_import.Rz,{onDismiss:state.close})]})]})};Popover.displayName="Popover";const Components_Popover=Popover;Popover.propTypes={children:prop_types_default().node.isRequired,className:prop_types_default().string,classNameOverlay:prop_types_default().string,placement:prop_types_default().oneOf(["bottom","bottom left","bottom right","bottom start","bottom end","top","top left","top right","top start","top end","left","left top","left bottom","start","start top","start bottom","right","right top","right bottom","end","end top","end bottom"]),offset:prop_types_default().number,crossOffset:prop_types_default().number,containerPadding:prop_types_default().number},Popover.defaultProps={children:"",className:null,placement:"top",offset:6,crossOffset:0,containerPadding:0},Popover.__docgenInfo={description:"",methods:[],displayName:"Popover",props:{children:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"node"},required:!1},className:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},placement:{defaultValue:{value:"'top'",computed:!1},description:"",type:{name:"enum",value:[{value:"'bottom'",computed:!1},{value:"'bottom left'",computed:!1},{value:"'bottom right'",computed:!1},{value:"'bottom start'",computed:!1},{value:"'bottom end'",computed:!1},{value:"'top'",computed:!1},{value:"'top left'",computed:!1},{value:"'top right'",computed:!1},{value:"'top start'",computed:!1},{value:"'top end'",computed:!1},{value:"'left'",computed:!1},{value:"'left top'",computed:!1},{value:"'left bottom'",computed:!1},{value:"'start'",computed:!1},{value:"'start top'",computed:!1},{value:"'start bottom'",computed:!1},{value:"'right'",computed:!1},{value:"'right top'",computed:!1},{value:"'right bottom'",computed:!1},{value:"'end'",computed:!1},{value:"'end top'",computed:!1},{value:"'end bottom'",computed:!1}]},required:!1},offset:{defaultValue:{value:"6",computed:!1},description:"",type:{name:"number"},required:!1},crossOffset:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},containerPadding:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},classNameOverlay:{description:"",type:{name:"string"},required:!1}}}},"./src/Components/PopoverTrigger/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../epi-systems-frontend/node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),react_aria__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@react-aria/overlays/dist/import.mjs"),react_stately__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@react-stately/overlays/dist/import.mjs"),_Popover__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/Components/Popover/index.js"),_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Components/Button/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../epi-systems-frontend/node_modules/react/jsx-runtime.js");const PopoverTrigger=({label="",buttonVariant,buttonSize,className,classNamePopover,classNameOverlay,children="",offset=6,crossOffset=0,containerPadding=0,...props})=>{let ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),state=(0,react_stately__WEBPACK_IMPORTED_MODULE_4__.T)(props),{triggerProps,overlayProps}=(0,react_aria__WEBPACK_IMPORTED_MODULE_5__.oJ)({type:"dialog"},state,ref),PopoverContent=(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(children)?children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{className:"CC-popover-content",children});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_2__.A,{className,variant:buttonVariant,size:buttonSize,...triggerProps,buttonRef:ref,children:label}),state.isOpen&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Popover__WEBPACK_IMPORTED_MODULE_1__.A,{...props,className:classNamePopover,classNameOverlay,offset,crossOffset,containerPadding,triggerRef:ref,state,children:(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(PopoverContent,overlayProps)})]})};PopoverTrigger.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_6___default().node.isRequired,buttonVariant:prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOf(["primary","secondary","alert","add","text"]),buttonSize:prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOf(["small","medium","large"]),label:prop_types__WEBPACK_IMPORTED_MODULE_6___default().node.isRequired,placement:prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOf(["bottom","bottom left","bottom right","bottom start","bottom end","top","top left","top right","top start","top end","left","left top","left bottom","start","start top","start bottom","right","right top","right bottom","end","end top","end bottom"]),offset:prop_types__WEBPACK_IMPORTED_MODULE_6___default().number,crossOffset:prop_types__WEBPACK_IMPORTED_MODULE_6___default().number,containerPadding:prop_types__WEBPACK_IMPORTED_MODULE_6___default().number,className:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,classNamePopover:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,classNameOverlay:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string},PopoverTrigger.defaultProps={label:null,children:null,buttonVariant:"primary",buttonSize:"medium",placement:"top",offset:6,crossOffset:0,containerPadding:0};const __WEBPACK_DEFAULT_EXPORT__=PopoverTrigger;PopoverTrigger.__docgenInfo={description:"",methods:[],displayName:"PopoverTrigger",props:{label:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},offset:{defaultValue:{value:"6",computed:!1},description:"",type:{name:"number"},required:!1},crossOffset:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},containerPadding:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},buttonVariant:{defaultValue:{value:"'primary'",computed:!1},description:"",type:{name:"enum",value:[{value:"'primary'",computed:!1},{value:"'secondary'",computed:!1},{value:"'alert'",computed:!1},{value:"'add'",computed:!1},{value:"'text'",computed:!1}]},required:!1},buttonSize:{defaultValue:{value:"'medium'",computed:!1},description:"",type:{name:"enum",value:[{value:"'small'",computed:!1},{value:"'medium'",computed:!1},{value:"'large'",computed:!1}]},required:!1},placement:{defaultValue:{value:"'top'",computed:!1},description:"",type:{name:"enum",value:[{value:"'bottom'",computed:!1},{value:"'bottom left'",computed:!1},{value:"'bottom right'",computed:!1},{value:"'bottom start'",computed:!1},{value:"'bottom end'",computed:!1},{value:"'top'",computed:!1},{value:"'top left'",computed:!1},{value:"'top right'",computed:!1},{value:"'top start'",computed:!1},{value:"'top end'",computed:!1},{value:"'left'",computed:!1},{value:"'left top'",computed:!1},{value:"'left bottom'",computed:!1},{value:"'start'",computed:!1},{value:"'start top'",computed:!1},{value:"'start bottom'",computed:!1},{value:"'right'",computed:!1},{value:"'right top'",computed:!1},{value:"'right bottom'",computed:!1},{value:"'end'",computed:!1},{value:"'end top'",computed:!1},{value:"'end bottom'",computed:!1}]},required:!1},className:{description:"",type:{name:"string"},required:!1},classNamePopover:{description:"",type:{name:"string"},required:!1},classNameOverlay:{description:"",type:{name:"string"},required:!1}}}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Popover/styles.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".CC-popover{background:#f6f7fb;border:2px solid #f1b33c;box-shadow:0 8px 20px rgba(0,0,0,.1);border-radius:6px;padding:10px}.CC-popover-overlay{position:fixed;inset:0}.CC-arrow{position:absolute;fill:#f1b33c;stroke:#f1b33c;stroke-width:1px;width:12px;height:12px}.CC-arrow[data-placement=top]{top:100%;transform:translateX(-50%)}.CC-arrow[data-placement=bottom]{bottom:100%;transform:translateX(-50%) rotate(180deg)}.CC-arrow[data-placement=left]{left:100%;transform:translateY(-50%) rotate(-90deg)}.CC-arrow[data-placement=right]{right:100%;transform:translateY(-50%) rotate(90deg)}","",{version:3,sources:["webpack://./src/Components/Popover/styles.scss","webpack://./src/styles/variables.scss"],names:[],mappings:"AAEA,YACE,kBCWa,CDVb,wBAAA,CACA,oCAAA,CACA,iBAAA,CACA,YAAA,CACA,oBACE,cAAA,CACA,OAAA,CAIJ,UACE,iBAAA,CACA,YCSe,CDRf,cCQe,CDPf,gBAAA,CACA,UAAA,CACA,WAAA,CACA,8BACE,QAAA,CACA,0BAAA,CAGF,iCACE,WAAA,CACA,yCAAA,CAGF,+BACE,SAAA,CACA,yCAAA,CAGF,gCACE,UAAA,CACA,wCAAA",sourcesContent:["@use '../../styles/variables';\n\n.CC-popover {\n  background: variables.$color-gray-5;\n  border: 2px solid variables.$color-yellow-1;\n  box-shadow: 0 8px 20px rgba(0 0 0 / 0.1);\n  border-radius: 6px;\n  padding: 10px;\n  &-overlay {\n    position: fixed;\n    inset: 0;\n  }\n}\n\n.CC-arrow {\n  position: absolute;\n  fill: variables.$color-yellow-1;\n  stroke: variables.$color-yellow-1;\n  stroke-width: 1px;\n  width: 12px;\n  height: 12px;\n  &[data-placement='top'] {\n    top: 100%;\n    transform: translateX(-50%);\n  }\n\n  &[data-placement='bottom'] {\n    bottom: 100%;\n    transform: translateX(-50%) rotate(180deg);\n  }\n\n  &[data-placement='left'] {\n    left: 100%;\n    transform: translateY(-50%) rotate(-90deg);\n  }\n\n  &[data-placement='right'] {\n    right: 100%;\n    transform: translateY(-50%) rotate(90deg);\n  }\n}\n","// ********************* PATHS *********************\n$path-img: '/src/assets/images/';\n\n// ********************* COLORS *********************\n// lowest = darkest hue\n\n$color-white: #ffffff;\n$color-black: #000000;\n\n// Grays\n$color-gray-1: #333333; // Standard text color & color for all disabled text\n$color-gray-2: #767676; // Lightest allowable text; input placeholder text and helper text.\n$color-gray-3: #c4c4c4; // Form borders\n$color-gray-4: #ebebeb; // Disabled elements backgrounds\n$color-gray-5: #f6f7fb; // Page background & table zebra stripes\n$color-gray-6: #e0e6f2; // Alternative lighter color.\n\n// Blues\n$color-blue-1: #101168; // Darkerst blue\n$color-blue-2: #215295; // medium blue\n$color-blue-3: #286fa8; // lighest blue for header, footer, most headers, buttons, and links in text.\n\n// Other colors\n$color-red: #c7270f; // color for warnings, errors, or message notifications\n$color-green: #039d12; // color for finished / affirmative messages\n$color-yellow-1: #f1b33c; // active/rollover buttons or highlight location\n$color-yellow-2: #f6f0ea; // Highlight for selected rows in tables (accounting & ERVs pages)\n$color-yellow-3: #fae0aa; // tooltip bg color\n\n// the BG used for all modal overlays and the like\n$color-bg-modal: rgba(0, 0, 0, 0.75);\n\n// color for 508 focus around elements\n$color-focus: pink; // undecided. TODO: pick a color\n\n$color-divider: rgba(255, 255, 255, 0.25); //the semi-translucent dividers used in header & footer\n\n// ********************* BOX SHADOWS *********************\n$box-shadow-color-focus: 0px 0px 5px $color-focus;\n\n// ********************* BORDER RADIUS *********************\n$border-radius: 4px;\n$border-radius-forms: 0px;\n\n// ********************* STANDARD MARGINS *********************\n\n$margin-horz-desktop: 32px;\n$margin-horz-phone: 12px;\n\n$margin-vert-desktop: 24px;\n$margin-vert-phone: 12px;\n\n// ********************* VIEWPORTS FOR MEDIA QUERIES *********************\n$phone-width: 480px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$giant-desktop-width: 1600px;\n\n// ********************* FONTS *********************\n$text-thin: 'roboto-thin', Roboto, sans-serif;\n$text-light: 'roboto-light', Roboto, sans-serif;\n$text-regular: 'roboto-regular', Roboto, sans-serif;\n$text-medium: 'roboto-medium', Roboto, sans-serif;\n$text-bold: 'roboto-bold', Roboto, sans-serif;\n\n// ********************* FORM ELEMENTS *********************\n$height-form-elements: 22px;\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);