Socket
Socket
Sign inDemoInstall

@radix-ui/react-popover

Package Overview
Dependencies
32
Maintainers
6
Versions
232
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.1 to 0.0.2

2

dist/index.js

@@ -1,2 +0,2 @@

var e=require("aria-hidden").hideOthers,r=require("react-remove-scroll").RemoveScroll,t=require("@radix-ui/react-presence").Presence,o=require("@radix-ui/react-focus-guards").useFocusGuards,n=require("@radix-ui/react-portal").Portal,u=require("@radix-ui/react-focus-scope").FocusScope,a=require("@radix-ui/react-dismissable-layer").DismissableLayer,i=m({},require("@radix-ui/react-popper")),c=require("@radix-ui/react-polymorphic").forwardRefWithAs,s=require("@radix-ui/react-utils"),l=s.createContext,p=s.useComposedRefs,f=s.composeEventHandlers,d=s.useControlledState,v=s.useId,O=s.composeRefs,y=s.extendComponent,b=require("@radix-ui/utils").getPartDataAttrObj,g=m({},require("react"));function m(e,r){return Object.keys(r).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})})),e}function P(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?P(Object(t),!0).forEach((function(r){C(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function C(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function w(){return(w=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function x(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},u=Object.keys(e);for(o=0;o<u.length;o++)t=u[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(o=0;o<u.length;o++)t=u[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function j(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],o=!0,n=!1,u=void 0;try{for(var a,i=e[Symbol.iterator]();!(o=(a=i.next()).done)&&(t.push(a.value),!r||t.length!==r);o=!0);}catch(e){n=!0,u=e}finally{try{o||null==i.return||i.return()}finally{if(n)throw u}}return t}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return E(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return E(e,r)}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function E(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}var D=j(l("PopoverContext","Popover"),2),F=D[0],S=D[1],A=function(e){var r=e.children,t=e.open,o=e.defaultOpen,n=e.onOpenChange,u=g.useRef(null),a="popover-".concat(v()),i=j(d({prop:t,defaultProp:o,onChange:n}),2),c=i[0],s=void 0!==c&&c,l=i[1],p=g.useMemo((function(){return{triggerRef:u,id:a,open:s,setOpen:l}}),[a,s,l]);return g.createElement(F.Provider,{value:p},r)};exports.Popover=A,A.displayName="Popover";var R=c((function(e,r){var t=e.as,o=void 0===t?"button":t,n=e.onClick,u=x(e,["as","onClick"]),a=S("PopoverTrigger"),i=p(r,a.triggerRef);return g.createElement(o,w({},b("PopoverTrigger"),{ref:i,type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.id,onClick:f(n,(function(){return a.setOpen((function(e){return!e}))}))},u))}));exports.PopoverTrigger=R,R.displayName="PopoverTrigger";var k=c((function(e,r){var o=e.forceMount,n=x(e,["forceMount"]),u=S("PopoverContent");return g.createElement(t,{present:o||u.open},g.createElement(q,w({},n,{ref:r,"data-state":u.open?"open":"closed"})))}));exports.PopoverContent=k;var q=c((function(t,c){var s=t.children,l=t.anchorRef,p=t.trapFocus,d=void 0===p||p,v=t.onOpenAutoFocus,y=t.onCloseAutoFocus,m=t.disableOutsidePointerEvents,P=void 0!==m&&m,E=t.onEscapeKeyDown,D=(t.onPointerDownOutside,t.onFocusOutside),F=t.onInteractOutside,A=t.disableOutsideScroll,R=void 0!==A&&A,k=t.portalled,q=void 0===k||k,M=x(t,["children","anchorRef","trapFocus","onOpenAutoFocus","onCloseAutoFocus","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","disableOutsideScroll","portalled"]),T=S("PopoverContent"),I=j(g.useState(!1),2),N=I[0],B=I[1],K=q?n:g.Fragment,U=R?r:g.Fragment;o();var _=g.useRef(null);return g.useEffect((function(){var r=_.current;if(r)return e(r)}),[]),g.createElement(K,null,g.createElement(U,null,g.createElement(u,{trapped:d,onMountAutoFocus:v,onUnmountAutoFocus:function(e){N?e.preventDefault():null==y||y(e)}},(function(e){return g.createElement(a,{disableOutsidePointerEvents:P,onEscapeKeyDown:E,onPointerDownOutside:function(e){var r,t=null===(r=T.triggerRef.current)||void 0===r?void 0:r.contains(e.target);B(!P),t?e.preventDefault():null==F||F(e),e.defaultPrevented&&B(!1)},onFocusOutside:D,onInteractOutside:F,onDismiss:function(){return T.setOpen(!1)}},(function(r){return g.createElement(i.Root,w({},b("PopoverContent"),{role:"dialog","aria-modal":!0},M,{ref:O(c,_,e.ref,r.ref),id:T.id,anchorRef:l||T.triggerRef,style:h(h(h({},r.style),M.style),{},C({},"--radix-popover-content-transform-origin","var(--radix-popper-transform-origin)")),onBlurCapture:f(M.onBlurCapture,r.onBlurCapture,{checkForDefaultPrevented:!1}),onFocusCapture:f(M.onFocusCapture,r.onFocusCapture,{checkForDefaultPrevented:!1}),onMouseDownCapture:f(M.onMouseDownCapture,r.onMouseDownCapture,{checkForDefaultPrevented:!1}),onTouchStartCapture:f(M.onTouchStartCapture,r.onTouchStartCapture,{checkForDefaultPrevented:!1})}),s)}))}))))}));k.displayName="PopoverContent";var M=c((function(e,r){var t=e.as,o=void 0===t?"button":t,n=e.onClick,u=x(e,["as","onClick"]),a=S("PopoverClose");return g.createElement(o,w({},b("PopoverClose"),{ref:r,type:"button"},u,{onClick:f(n,(function(){return a.setOpen(!1)}))}))}));exports.PopoverClose=M,M.displayName="PopoverClose";var T=y(i.Arrow,"PopoverArrow");exports.PopoverArrow=T;var I=A;exports.Root=I;var N=R;exports.Trigger=N;var B=k;exports.Content=B;var K=M;exports.Close=K;var U=T;exports.Arrow=U;
var e=require("aria-hidden").hideOthers,r=require("react-remove-scroll").RemoveScroll,t=require("@radix-ui/react-primitive").Primitive,o=require("@radix-ui/react-presence").Presence,n=require("@radix-ui/react-focus-guards").useFocusGuards,u=require("@radix-ui/react-portal").Portal,a=require("@radix-ui/react-focus-scope").FocusScope,i=require("@radix-ui/react-dismissable-layer").DismissableLayer,c=g({},require("@radix-ui/react-popper")),s=require("@radix-ui/react-utils"),l=s.createContext,p=s.useComposedRefs,f=s.composeEventHandlers,d=s.useControlledState,v=s.useId,y=s.composeRefs,O=s.extendComponent,b=require("@radix-ui/utils").getSelector,m=g({},require("react"));function g(e,r){return Object.keys(r).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})})),e}function P(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?P(Object(t),!0).forEach((function(r){C(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function C(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function w(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},u=Object.keys(e);for(o=0;o<u.length;o++)t=u[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(o=0;o<u.length;o++)t=u[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function x(){return(x=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function j(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],o=!0,n=!1,u=void 0;try{for(var a,i=e[Symbol.iterator]();!(o=(a=i.next()).done)&&(t.push(a.value),!r||t.length!==r);o=!0);}catch(e){n=!0,u=e}finally{try{o||null==i.return||i.return()}finally{if(n)throw u}}return t}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return D(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return D(e,r)}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function D(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}var F=j(l("PopoverContext","Popover"),2),E=F[0],S=F[1],R=function(e){var r=e.children,t=e.open,o=e.defaultOpen,n=e.onOpenChange,u=m.useRef(null),a="popover-".concat(v()),i=j(d({prop:t,defaultProp:o,onChange:n}),2),c=i[0],s=void 0!==c&&c,l=i[1],p=m.useMemo((function(){return{triggerRef:u,id:a,open:s,setOpen:l}}),[a,s,l]);return m.createElement(E.Provider,{value:p},r)};exports.Popover=R,R.displayName="Popover";var A=m.forwardRef((function(e,r){var o=S("PopoverTrigger"),n=p(r,o.triggerRef);return m.createElement(t,x({as:"button",selector:b("PopoverTrigger"),type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.id},e,{ref:n,onClick:f(e.onClick,(function(){return o.setOpen((function(e){return!e}))}))}))}));exports.PopoverTrigger=A,A.displayName="PopoverTrigger";var k=m.forwardRef((function(e,r){var t=e.forceMount,n=w(e,["forceMount"]),u=S("PopoverContent");return m.createElement(o,{present:t||u.open},m.createElement(q,x({},n,{ref:r,"data-state":u.open?"open":"closed"})))}));exports.PopoverContent=k;var q=m.forwardRef((function(t,o){var s=t.children,l=t.anchorRef,p=t.trapFocus,d=void 0===p||p,v=t.onOpenAutoFocus,O=t.onCloseAutoFocus,g=t.disableOutsidePointerEvents,P=void 0!==g&&g,D=t.onEscapeKeyDown,F=t.onPointerDownOutside,E=t.onFocusOutside,R=t.onInteractOutside,A=t.disableOutsideScroll,k=void 0!==A&&A,q=t.portalled,M=void 0===q||q,T=w(t,["children","anchorRef","trapFocus","onOpenAutoFocus","onCloseAutoFocus","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","disableOutsideScroll","portalled"]),I=S("PopoverContent"),K=j(m.useState(!1),2),N=K[0],B=K[1],U=M?u:m.Fragment,_=k?r:m.Fragment;n();var G=m.useRef(null);return m.useEffect((function(){var r=G.current;if(r)return e(r)}),[]),m.createElement(U,null,m.createElement(_,null,m.createElement(a,{trapped:!N&&d,onMountAutoFocus:v,onUnmountAutoFocus:function(e){N?e.preventDefault():null==O||O(e)}},(function(e){return m.createElement(i,{disableOutsidePointerEvents:P,onEscapeKeyDown:D,onPointerDownOutside:f(F,(function(e){var r,t=null===(r=I.triggerRef.current)||void 0===r?void 0:r.contains(e.target),o=0===e.button&&!1===e.ctrlKey;B(!P&&o),t&&e.preventDefault(),e.defaultPrevented&&B(!1)}),{checkForDefaultPrevented:!1}),onFocusOutside:f(E,(function(e){d&&e.preventDefault()}),{checkForDefaultPrevented:!1}),onInteractOutside:R,onDismiss:function(){return I.setOpen(!1)}},(function(r){return m.createElement(c.Root,x({role:"dialog",selector:b("PopoverContent"),"aria-modal":!0},T,{ref:y(o,G,e.ref,r.ref),id:I.id,anchorRef:l||I.triggerRef,style:h(h(h({},r.style),T.style),{},C({},"--radix-popover-content-transform-origin","var(--radix-popper-transform-origin)")),onBlurCapture:f(T.onBlurCapture,r.onBlurCapture,{checkForDefaultPrevented:!1}),onFocusCapture:f(T.onFocusCapture,r.onFocusCapture,{checkForDefaultPrevented:!1}),onMouseDownCapture:f(T.onMouseDownCapture,r.onMouseDownCapture,{checkForDefaultPrevented:!1}),onTouchStartCapture:f(T.onTouchStartCapture,r.onTouchStartCapture,{checkForDefaultPrevented:!1})}),s)}))}))))}));k.displayName="PopoverContent";var M=m.forwardRef((function(e,r){var o=S("PopoverClose");return m.createElement(t,x({as:"button",selector:b("PopoverClose"),type:"button"},e,{ref:r,onClick:f(e.onClick,(function(){return o.setOpen(!1)}))}))}));exports.PopoverClose=M,M.displayName="PopoverClose";var T=O(c.Arrow,"PopoverArrow");exports.PopoverArrow=T;var I=R;exports.Root=I;var K=A;exports.Trigger=K;var N=k;exports.Content=N;var B=M;exports.Close=B;var U=T;exports.Arrow=U;
//# sourceMappingURL=index.js.map

2

dist/index.module.js

@@ -1,2 +0,2 @@

import{hideOthers as e}from"aria-hidden";import{RemoveScroll as o}from"react-remove-scroll";import{Presence as r}from"@radix-ui/react-presence";import{useFocusGuards as t}from"@radix-ui/react-focus-guards";import{Portal as n}from"@radix-ui/react-portal";import{FocusScope as a}from"@radix-ui/react-focus-scope";import{DismissableLayer as p}from"@radix-ui/react-dismissable-layer";import*as c from"@radix-ui/react-popper";import{forwardRefWithAs as i}from"@radix-ui/react-polymorphic";import{createContext as u,useComposedRefs as s,composeEventHandlers as l,useControlledState as f,useId as d,composeRefs as v,extendComponent as m}from"@radix-ui/react-utils";import{getPartDataAttrObj as P}from"@radix-ui/utils";import*as O from"react";function g(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function C(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?g(Object(r),!0).forEach((function(o){b(e,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))}))}return e}function b(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}function y(){return(y=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function h(e,o){if(null==e)return{};var r,t,n=function(e,o){if(null==e)return{};var r,t,n={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],o.indexOf(r)>=0||(n[r]=e[r]);return n}(e,o);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const[x,w]=u("PopoverContext","Popover");export const Popover=e=>{const{children:o,open:r,defaultOpen:t,onOpenChange:n}=e,a=O.useRef(null),p="popover-".concat(d()),[c=!1,i]=f({prop:r,defaultProp:t,onChange:n}),u=O.useMemo((()=>({triggerRef:a,id:p,open:c,setOpen:i})),[p,c,i]);return O.createElement(x.Provider,{value:u},o)};Popover.displayName="Popover";const D="button";export const PopoverTrigger=i(((e,o)=>{const{as:r=D,onClick:t}=e,n=h(e,["as","onClick"]),a=w("PopoverTrigger"),p=s(o,a.triggerRef);return O.createElement(r,y({},P("PopoverTrigger"),{ref:p,type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.id,onClick:l(t,(()=>a.setOpen((e=>!e))))},n))}));PopoverTrigger.displayName="PopoverTrigger";export const PopoverContent=i(((e,o)=>{const{forceMount:t}=e,n=h(e,["forceMount"]),a=w("PopoverContent");return O.createElement(r,{present:t||a.open},O.createElement(E,y({},n,{ref:o,"data-state":a.open?"open":"closed"})))}));const E=i(((r,i)=>{const{children:u,anchorRef:s,trapFocus:f=!0,onOpenAutoFocus:d,onCloseAutoFocus:m,disableOutsidePointerEvents:g=!1,onEscapeKeyDown:b,onPointerDownOutside:x,onFocusOutside:D,onInteractOutside:E,disableOutsideScroll:F=!1,portalled:j=!0}=r,k=h(r,["children","anchorRef","trapFocus","onOpenAutoFocus","onCloseAutoFocus","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","disableOutsideScroll","portalled"]),A=w("PopoverContent"),[R,S]=O.useState(!1),T=j?n:O.Fragment,M=F?o:O.Fragment;t();const I=O.useRef(null);return O.useEffect((()=>{const o=I.current;if(o)return e(o)}),[]),O.createElement(T,null,O.createElement(M,null,O.createElement(a,{trapped:f,onMountAutoFocus:d,onUnmountAutoFocus:e=>{R?e.preventDefault():null==m||m(e)}},(e=>O.createElement(p,{disableOutsidePointerEvents:g,onEscapeKeyDown:b,onPointerDownOutside:e=>{var o;const r=null===(o=A.triggerRef.current)||void 0===o?void 0:o.contains(e.target);S(!g),r?e.preventDefault():null==E||E(e),e.defaultPrevented&&S(!1)},onFocusOutside:D,onInteractOutside:E,onDismiss:()=>A.setOpen(!1)},(o=>O.createElement(c.Root,y({},P("PopoverContent"),{role:"dialog","aria-modal":!0},k,{ref:v(i,I,e.ref,o.ref),id:A.id,anchorRef:s||A.triggerRef,style:C(C(C({},o.style),k.style),{},{"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)"}),onBlurCapture:l(k.onBlurCapture,o.onBlurCapture,{checkForDefaultPrevented:!1}),onFocusCapture:l(k.onFocusCapture,o.onFocusCapture,{checkForDefaultPrevented:!1}),onMouseDownCapture:l(k.onMouseDownCapture,o.onMouseDownCapture,{checkForDefaultPrevented:!1}),onTouchStartCapture:l(k.onTouchStartCapture,o.onTouchStartCapture,{checkForDefaultPrevented:!1})}),u)))))))}));PopoverContent.displayName="PopoverContent";const F="button";export const PopoverClose=i(((e,o)=>{const{as:r=F,onClick:t}=e,n=h(e,["as","onClick"]),a=w("PopoverClose");return O.createElement(r,y({},P("PopoverClose"),{ref:o,type:"button"},n,{onClick:l(t,(()=>a.setOpen(!1)))}))}));PopoverClose.displayName="PopoverClose";export const PopoverArrow=m(c.Arrow,"PopoverArrow");export const Root=Popover;export const Trigger=PopoverTrigger;export const Content=PopoverContent;export const Close=PopoverClose;export const Arrow=PopoverArrow;
import{hideOthers as e}from"aria-hidden";import{RemoveScroll as r}from"react-remove-scroll";import{Primitive as o}from"@radix-ui/react-primitive";import{Presence as t}from"@radix-ui/react-presence";import{useFocusGuards as n}from"@radix-ui/react-focus-guards";import{Portal as a}from"@radix-ui/react-portal";import{FocusScope as c}from"@radix-ui/react-focus-scope";import{DismissableLayer as p}from"@radix-ui/react-dismissable-layer";import*as i from"@radix-ui/react-popper";import{createContext as u,useComposedRefs as s,composeEventHandlers as l,useControlledState as f,useId as d,composeRefs as v,extendComponent as m}from"@radix-ui/react-utils";import{getSelector as P}from"@radix-ui/utils";import*as O from"react";function g(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,t)}return o}function b(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?g(Object(o),!0).forEach((function(r){y(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):g(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}function y(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function C(e,r){if(null==e)return{};var o,t,n=function(e,r){if(null==e)return{};var o,t,n={},a=Object.keys(e);for(t=0;t<a.length;t++)o=a[t],r.indexOf(o)>=0||(n[o]=e[o]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)o=a[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}function h(){return(h=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(this,arguments)}const[w,x]=u("PopoverContext","Popover");export const Popover=e=>{const{children:r,open:o,defaultOpen:t,onOpenChange:n}=e,a=O.useRef(null),c="popover-".concat(d()),[p=!1,i]=f({prop:o,defaultProp:t,onChange:n}),u=O.useMemo((()=>({triggerRef:a,id:c,open:p,setOpen:i})),[c,p,i]);return O.createElement(w.Provider,{value:u},r)};Popover.displayName="Popover";export const PopoverTrigger=O.forwardRef(((e,r)=>{const t=x("PopoverTrigger"),n=s(r,t.triggerRef);return O.createElement(o,h({as:"button",selector:P("PopoverTrigger"),type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.id},e,{ref:n,onClick:l(e.onClick,(()=>t.setOpen((e=>!e))))}))}));PopoverTrigger.displayName="PopoverTrigger";export const PopoverContent=O.forwardRef(((e,r)=>{const{forceMount:o}=e,n=C(e,["forceMount"]),a=x("PopoverContent");return O.createElement(t,{present:o||a.open},O.createElement(D,h({},n,{ref:r,"data-state":a.open?"open":"closed"})))}));const D=O.forwardRef(((o,t)=>{const{children:u,anchorRef:s,trapFocus:f=!0,onOpenAutoFocus:d,onCloseAutoFocus:m,disableOutsidePointerEvents:g=!1,onEscapeKeyDown:y,onPointerDownOutside:w,onFocusOutside:D,onInteractOutside:F,disableOutsideScroll:E=!1,portalled:j=!0}=o,R=C(o,["children","anchorRef","trapFocus","onOpenAutoFocus","onCloseAutoFocus","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","disableOutsideScroll","portalled"]),k=x("PopoverContent"),[A,S]=O.useState(!1),T=j?a:O.Fragment,M=E?r:O.Fragment;n();const I=O.useRef(null);return O.useEffect((()=>{const r=I.current;if(r)return e(r)}),[]),O.createElement(T,null,O.createElement(M,null,O.createElement(c,{trapped:!A&&f,onMountAutoFocus:d,onUnmountAutoFocus:e=>{A?e.preventDefault():null==m||m(e)}},(e=>O.createElement(p,{disableOutsidePointerEvents:g,onEscapeKeyDown:y,onPointerDownOutside:l(w,(e=>{var r;const o=null===(r=k.triggerRef.current)||void 0===r?void 0:r.contains(e.target),t=0===e.button&&!1===e.ctrlKey;S(!g&&t),o&&e.preventDefault(),e.defaultPrevented&&S(!1)}),{checkForDefaultPrevented:!1}),onFocusOutside:l(D,(e=>{f&&e.preventDefault()}),{checkForDefaultPrevented:!1}),onInteractOutside:F,onDismiss:()=>k.setOpen(!1)},(r=>O.createElement(i.Root,h({role:"dialog",selector:P("PopoverContent"),"aria-modal":!0},R,{ref:v(t,I,e.ref,r.ref),id:k.id,anchorRef:s||k.triggerRef,style:b(b(b({},r.style),R.style),{},{"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)"}),onBlurCapture:l(R.onBlurCapture,r.onBlurCapture,{checkForDefaultPrevented:!1}),onFocusCapture:l(R.onFocusCapture,r.onFocusCapture,{checkForDefaultPrevented:!1}),onMouseDownCapture:l(R.onMouseDownCapture,r.onMouseDownCapture,{checkForDefaultPrevented:!1}),onTouchStartCapture:l(R.onTouchStartCapture,r.onTouchStartCapture,{checkForDefaultPrevented:!1})}),u)))))))}));PopoverContent.displayName="PopoverContent";export const PopoverClose=O.forwardRef(((e,r)=>{const t=x("PopoverClose");return O.createElement(o,h({as:"button",selector:P("PopoverClose"),type:"button"},e,{ref:r,onClick:l(e.onClick,(()=>t.setOpen(!1)))}))}));PopoverClose.displayName="PopoverClose";export const PopoverArrow=m(i.Arrow,"PopoverArrow");export const Root=Popover;export const Trigger=PopoverTrigger;export const Content=PopoverContent;export const Close=PopoverClose;export const Arrow=PopoverArrow;
//# sourceMappingURL=index.module.js.map

24

package.json
{
"name": "@radix-ui/react-popover",
"version": "0.0.1",
"version": "0.0.2",
"license": "MIT",

@@ -21,17 +21,15 @@ "source": "src/index.ts",

"dependencies": {
"@radix-ui/react-dismissable-layer": "0.0.1",
"@radix-ui/react-focus-guards": "0.0.1",
"@radix-ui/react-focus-scope": "0.0.1",
"@radix-ui/react-polymorphic": "0.0.1",
"@radix-ui/react-popper": "0.0.1",
"@radix-ui/react-portal": "0.0.1",
"@radix-ui/react-presence": "0.0.1",
"@radix-ui/react-utils": "0.0.1",
"@radix-ui/utils": "0.0.1",
"@radix-ui/react-dismissable-layer": "0.0.2",
"@radix-ui/react-focus-guards": "0.0.2",
"@radix-ui/react-focus-scope": "0.0.2",
"@radix-ui/react-polymorphic": "0.0.2",
"@radix-ui/react-popper": "0.0.2",
"@radix-ui/react-portal": "0.0.2",
"@radix-ui/react-presence": "0.0.2",
"@radix-ui/react-primitive": "0.0.1",
"@radix-ui/react-utils": "0.0.2",
"@radix-ui/utils": "0.0.2",
"aria-hidden": "^1.1.1",
"react-remove-scroll": "^2.4.0"
},
"devDependencies": {
"parcel": "^2.0.0-beta.1"
},
"peerDependencies": {

@@ -38,0 +36,0 @@ "react": "^16.8 || ^17.0"

dist/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.module.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc