@gsretail.com/gui-core/build/core/Input/GuiInputPopover.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__assign as o}from"../../node_modules/tslib/tslib.es6.js";import e from"react";import{GuiInput as r}from"./GuiInput.js";import{Box as t,Popover as n}from"@mui/material";import i from"./GuiInputPopover.styled.js";var l=i((function(i){var l=i.className,p=i.renderPopover,a=i.boxProps,m=i.inputProps,s=i.popoverProps,u=e.useState(null),c=u[0],f=u[1],v=Boolean(c),d=v?"simple-popover":void 0;return e.createElement(t,o({className:["gui-form gui-input-popover",l&&l].join(" ")},a),e.createElement(r,o({},m,{onClick:function(o){f(o.currentTarget)}})),e.createElement(n,o({},s,{id:d,open:v,anchorEl:c,onClose:function(o){var e=null==s?void 0:s.onClose;e&&e(o,"backdropClick"),f(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"}}),p))}));l.defaultProps={};export{l as GuiInputPopover,l as default};