@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 774 B
JavaScript
import{__assign as o}from"tslib";import r from"react";import{GuiInput as e}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,u=i.popoverProps,s=r.useState(null),c=s[0],f=s[1],v=Boolean(c),d=v?"simple-popover":void 0;return r.createElement(t,o({className:["gui-form gui-input-popover",l&&l].join(" ")},a),r.createElement(e,o({},m,{onClick:function(o){f(o.currentTarget)}})),r.createElement(n,o({},u,{id:d,open:v,anchorEl:c,onClose:function(o){var r=null==u?void 0:u.onClose;r&&r(o,"backdropClick"),f(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"}}),p))}));l.defaultProps={};export{l as GuiInputPopover,l as default};