@nextui-org/react 1.0.0-beta.9-dbg2 → 1.0.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=q(t);if(r&&r.has(e))return r.get(e);var i={},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=s?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(i,o,u):i[o]=e[o]}i.default=e,r&&r.set(e,i);return i}(require("react")),r=require("@react-aria/focus"),i=require("@react-aria/button"),s=require("@react-aria/interactions"),o=require("@react-aria/utils"),u=e(require("../use-warning")),n=e(require("../utils/drip")),a=require("./utils"),l=require("./button-group-context"),d=e(require("./button-icon")),c=e(require("../utils/clsx")),f=e(require("../use-drip")),p=e(require("./button.styles")),b=e(require("../utils/with-defaults")),h=require("../utils/dom"),g=require("../utils/assertion"),x=require("react/jsx-runtime");function q(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(q=function(e){return e?r:t})(e)}const m=t.default.forwardRef((({onClick:e,onPress:b,as:q,css:m,iconLeftCss:v,iconRightCss:y,...j},P)=>{const _=(0,l.useButtonGroupContext)(),C=(0,a.filterPropsWithGroup)(j,_),w=(0,a.getCssColors)(C),{flat:O,children:B,disabled:D,animated:F,light:M,ripple:R,bordered:k,auto:N,borderWeight:W,icon:G,iconRight:V,ghost:H,autoFocus:S,className:T,...A}=C,E=e=>{F&&R&&L.current&&X(e)},L=(0,h.useDOMRef)(P),{buttonProps:U,isPressed:I}=(0,i.useButton)({...j,onClick:t=>{E(t),null==e||e(t)},isDisabled:D,elementType:q,onPress:t=>{"keyboard"!==t.pointerType&&"virtual"!==t.pointerType||(E(t),null==e||e(t)),null==b||b(t)}},L),{hoverProps:$,isHovered:z}=(0,s.useHover)({isDisabled:D}),{isFocused:J,isFocusVisible:K,focusProps:Q}=(0,r.useFocusRing)({autoFocus:S}),{onClick:X,...Y}=(0,f.default)(!1,L);g.__DEV__&&"gradient"===C.color&&(O||M)&&(0,u.default)("Using the gradient color on flat and light buttons will have no effect.");const Z=G||V,ee=0===t.default.Children.count(B),te=Boolean(V),re=(0,t.useMemo)((()=>I?"pressed":z?"hovered":D?"disabled":"ready"),[D,z,I]),ie=(0,t.useMemo)((()=>te?y:v),[te,y,v]);return(0,x.jsxs)(p.default,{as:q,ref:L,borderWeight:W,auto:N,flat:O,light:M,ghost:H,bordered:k||H,"data-state":re,animated:F,isChildLess:ee,isPressed:I,isHovered:z||H&&J,isFocusVisible:K&&!D,className:(0,c.default)("nextui-button",`nextui-button--${re}`,T),css:{...m,...w},...(0,o.mergeProps)(U,Q,$,A),children:[0===t.default.Children.count(B)?(0,x.jsx)(d.default,{isSingle:!0,isAuto:N,isRight:te,css:ie,isGradientButtonBorder:"gradient"===A.color&&(k||H),children:Z}):Z?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(d.default,{isSingle:!1,isAuto:N,isRight:te,css:ie,isGradientButtonBorder:"gradient"===A.color&&(k||H),children:Z}),(0,x.jsx)("div",{className:(0,c.default)("nextui-button-text",{"nextui-button-text-right":te,"nextui-button-text-left":!te}),children:B})]}):(0,x.jsx)("span",{className:"nextui-button-text",children:B}),(0,x.jsx)(n.default,{color:"white",...Y})]})}));g.__DEV__&&(m.displayName="NextUI.Button"),m.toString=()=>".nextui-button";var v=(0,b.default)(m,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});exports.default=v,module.exports=exports.default;
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=P(t);if(r&&r.has(e))return r.get(e);var s={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(s,o,u):s[o]=e[o]}s.default=e,r&&r.set(e,s);return s}(require("react")),r=require("@react-aria/focus"),s=require("@react-aria/button"),i=require("@react-aria/interactions"),o=require("@react-aria/utils"),u=e(require("../use-warning")),n=e(require("../utils/drip")),a=require("./utils"),l=require("./button-group-context"),d=e(require("./button-icon")),c=e(require("../utils/clsx")),f=e(require("../use-drip")),p=e(require("./button.styles")),b=e(require("../utils/with-defaults")),h=require("../utils/dom"),g=require("../utils/assertion"),x=require("react/jsx-runtime");function P(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(P=function(e){return e?r:t})(e)}const q=t.default.forwardRef((({as:e,css:b,iconLeftCss:P,iconRightCss:q,onClick:m,onPress:v,onPressStart:y,onPressEnd:j,onPressChange:C,onPressUp:_,...w},O)=>{const B=(0,l.useButtonGroupContext)(),D=(0,a.filterPropsWithGroup)(w,B),F=(0,a.getCssColors)(D),{flat:M,children:R,disabled:k,animated:N,light:W,ripple:S,bordered:E,auto:G,borderWeight:U,icon:V,iconRight:H,ghost:T,autoFocus:A,className:L,...I}=D,$=e=>{N&&S&&z.current&&te(e)},z=(0,h.useDOMRef)(O),{buttonProps:J,isPressed:K}=(0,s.useButton)({...w,onClick:e=>{$(e),null==m||m(e)},isDisabled:k,elementType:e,onPress:e=>{"keyboard"!==e.pointerType&&"virtual"!==e.pointerType||($(e),null==m||m(e)),null==v||v(e)},onPressStart:y,onPressEnd:j,onPressChange:C,onPressUp:_},z),{hoverProps:Q,isHovered:X}=(0,i.useHover)({isDisabled:k}),{isFocused:Y,isFocusVisible:Z,focusProps:ee}=(0,r.useFocusRing)({autoFocus:A}),{onClick:te,...re}=(0,f.default)(!1,z);g.__DEV__&&"gradient"===D.color&&(M||W)&&(0,u.default)("Using the gradient color on flat and light buttons will have no effect.");const se=V||H,ie=0===t.default.Children.count(R),oe=Boolean(H),ue=(0,t.useMemo)((()=>K?"pressed":X?"hovered":k?"disabled":"ready"),[k,X,K]),ne=(0,t.useMemo)((()=>oe?q:P),[oe,q,P]);return(0,x.jsxs)(p.default,{as:e,ref:z,borderWeight:U,auto:G,flat:M,light:W,ghost:T,bordered:E||T,"data-state":ue,animated:N,isChildLess:ie,isPressed:K,isHovered:X||T&&Y,isFocusVisible:Z&&!k,className:(0,c.default)("nextui-button",`nextui-button--${ue}`,L),css:{...b,...F},...(0,o.mergeProps)(J,ee,Q,I),children:[0===t.default.Children.count(R)?(0,x.jsx)(d.default,{isSingle:!0,isAuto:G,isRight:oe,css:ne,isGradientButtonBorder:"gradient"===I.color&&(E||T),children:se}):se?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(d.default,{isSingle:!1,isAuto:G,isRight:oe,css:ne,isGradientButtonBorder:"gradient"===I.color&&(E||T),children:se}),(0,x.jsx)("div",{className:(0,c.default)("nextui-button-text",{"nextui-button-text-right":oe,"nextui-button-text-left":!oe}),children:R})]}):(0,x.jsx)("span",{className:"nextui-button-text",children:R}),(0,x.jsx)(n.default,{color:"white",...re})]})}));g.__DEV__&&(q.displayName="NextUI.Button"),q.toString=()=>".nextui-button";var m=(0,b.default)(q,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});exports.default=m,module.exports=exports.default;
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useCard=void 0;var r=require("react"),s=require("@react-aria/focus"),i=require("@react-aria/utils"),a=require("@react-aria/interactions"),o=e(require("../use-drip")),u=require("../utils/dom");exports.useCard=e=>{const{ref:l,disableAnimation:t=!1,disableRipple:n=!1,variant:d="shadow",isHoverable:p=!1,borderWeight:c="light",isPressable:b=!1,onClick:P,onPress:v,autoFocus:q,...C}=e,f=(0,u.useDOMRef)(l),{onClick:g,...h}=(0,o.default)(!1,f),k=e=>{t||n||!f.current||g(e)},{isPressed:R,pressProps:m}=(0,a.usePress)({isDisabled:!b,onPress:e=>{"keyboard"!==e.pointerType&&"virtual"!==e.pointerType||(k(e),null==P||P(e)),null==v||v(e)},...C}),{hoverProps:D,isHovered:F}=(0,a.useHover)({isDisabled:!p,...C}),{isFocusVisible:H,focusProps:x}=(0,s.useFocusRing)({autoFocus:q});m.onClick=e=>{b&&(k(e),null==P||P(e))};const y=(0,r.useCallback)(((e={})=>({...(0,i.mergeProps)(b?{...m,...x}:{},p?D:{},C,e)})),[b,p,m,x,D,C]);return{cardRef:f,variant:d,borderWeight:c,isPressable:b,isHovered:F,isPressed:R,disableAnimation:t,disableRipple:n,dripBindings:h,onDripClickHandler:g,isFocusVisible:H,getCardProps:y}};
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useCard=void 0;var r=require("react"),s=require("@react-aria/focus"),i=require("@react-aria/utils"),o=require("@react-aria/interactions"),a=e(require("../use-drip")),l=require("../utils/dom");exports.useCard=e=>{const{ref:u,disableAnimation:t=!1,disableRipple:n=!1,variant:d="shadow",isHoverable:c=!1,borderWeight:p="light",isPressable:b=!1,onClick:P,onPress:v,autoFocus:q,allowTextSelectionOnPress:C=!0,...f}=e,g=(0,l.useDOMRef)(u),{onClick:h,...k}=(0,a.default)(!1,g),R=e=>{t||n||!g.current||h(e)},{isPressed:m,pressProps:x}=(0,o.usePress)({isDisabled:!b,onPress:e=>{"keyboard"!==e.pointerType&&"virtual"!==e.pointerType||(R(e),null==P||P(e)),null==v||v(e)},allowTextSelectionOnPress:C,...f}),{hoverProps:D,isHovered:F}=(0,o.useHover)({isDisabled:!c,...f}),{isFocusVisible:H,focusProps:T}=(0,s.useFocusRing)({autoFocus:q});x.onClick=e=>{b&&(R(e),null==P||P(e))};const w=(0,r.useCallback)(((e={})=>({...(0,i.mergeProps)(b?{...x,...T}:{},c?D:{},f,e)})),[b,c,x,T,D,f]);return{cardRef:g,variant:d,borderWeight:p,isPressable:b,isHovered:F,isPressed:m,disableAnimation:t,disableRipple:n,dripBindings:k,onDripClickHandler:h,isFocusVisible:H,getCardProps:w}};
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;e(require("react"));var r=e(require("../popover")),t=require("./dropdown-context"),o=require("../utils/assertion"),i=require("react/jsx-runtime");const u=e=>{const{children:o,...u}=e,{getMenuTriggerProps:n}=(0,t.useDropdownContext)();return(0,i.jsx)(r.default.Trigger,{...n(u),children:o})};o.__DEV__&&(u.displayName="NextUI.DropdownTrigger"),u.toString=()=>".nextui-dropdown-trigger";var n=u;exports.default=n,module.exports=exports.default;
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),t=e(require("../popover")),o=require("./dropdown-context"),i=require("../utils/assertion"),u=require("react/jsx-runtime");const d=r.default.forwardRef(((e,r)=>{const{children:i,...d}=e,{getMenuTriggerProps:n}=(0,o.useDropdownContext)();return(0,u.jsx)(t.default.Trigger,{...n(d),children:i})}));i.__DEV__&&(d.displayName="NextUI.DropdownTrigger"),d.toString=()=>".nextui-dropdown-trigger";var n=d;exports.default=n,module.exports=exports.default;
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledPopover=void 0;var r=e(require("./popover")),o=require("./popover-content"),t=require("./popover-trigger"),p=require("./popover.styles");exports.StyledPopover=p.StyledPopoverContent,r.default.Content=o.PopoverContent,r.default.Trigger=t.PopoverTrigger;var u=r.default;exports.default=u;
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledPopoverContent=void 0;var r=e(require("./popover")),t=e(require("./popover-trigger")),o=e(require("./popover-content")),p=require("./popover.styles");exports.StyledPopoverContent=p.StyledPopoverContent,r.default.Content=o.default,r.default.Trigger=t.default;var u=r.default;exports.default=u;
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.PopoverContent=void 0;var s=e(require("react")),r=require("@react-aria/overlays"),o=require("@react-aria/dialog"),i=require("@react-aria/focus"),t=require("@react-aria/utils"),n=e(require("../utils/css-transition")),a=require("../utils/assertion"),l=require("../utils/refs"),u=require("./popover.styles"),d=require("./popover-context"),c=require("./utils"),p=e(require("../utils/clsx")),m=require("react/jsx-runtime");const v=s.default.forwardRef(((e,s)=>{const{children:a,as:v,css:x,className:b,...g}=e,{state:h,placement:q,overlayRef:f,disableAnimation:D,disableShadow:O,shouldCloseOnBlur:P,isDismissable:C,isKeyboardDismissDisabled:y,shouldCloseOnInteractOutside:j,getPopoverProps:F,isBordered:S,borderWeight:B,onClose:_,onEntered:E,onExited:N}=(0,d.usePopoverContext)(),R=(0,c.getTransformOrigin)(q),{modalProps:T}=(0,r.useModal)({isDisabled:!0}),{dialogProps:w}=(0,o.useDialog)({role:"dialog"},f),{overlayProps:I}=(0,r.useOverlay)({onClose:_,isOpen:h.isOpen,isDismissable:C&&h.isOpen,shouldCloseOnBlur:P,isKeyboardDismissDisabled:y,shouldCloseOnInteractOutside:j},f),V=(0,t.mergeProps)({isBordered:S,disableShadow:O,borderWeight:B},g),{isFocusVisible:K,focusProps:M}=(0,i.useFocusRing)(),W=(0,m.jsxs)(u.StyledPopoverContentContainer,{ref:(0,l.mergeRefs)(f,s),...F((0,t.mergeProps)(I,T,w,M,V)),className:(0,p.default)("nextui-popover-content-container",b),isFocusVisible:K,as:v,css:{transformOrigin:R,...x},children:[(0,m.jsx)(r.DismissButton,{onDismiss:_}),(0,m.jsx)(u.StyledPopoverContent,{className:"nextui-popover-content",children:a}),(0,m.jsx)(r.DismissButton,{onDismiss:_})]});return(0,m.jsx)(m.Fragment,{children:D?h.isOpen?(0,m.jsx)(i.FocusScope,{restoreFocus:!0,children:W}):null:(0,m.jsx)(i.FocusScope,{restoreFocus:!0,children:(0,m.jsx)(n.default,{visible:h.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:N,onEntered:E,children:W})})})}));exports.PopoverContent=v,a.__DEV__&&(v.displayName="NextUI.PopoverContent"),v.toString=()=>".nextui-popover-content";
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var s=e(require("react")),r=require("@react-aria/overlays"),i=require("@react-aria/dialog"),o=require("@react-aria/focus"),t=require("@react-aria/utils"),n=e(require("../utils/css-transition")),a=require("../utils/assertion"),l=require("../utils/refs"),u=require("./popover.styles"),d=require("./popover-context"),c=require("./utils"),p=e(require("../utils/clsx")),m=require("react/jsx-runtime");const x=s.default.forwardRef(((e,s)=>{const{children:a,as:x,css:v,className:b,...f}=e,{state:g,placement:h,overlayRef:q,disableAnimation:D,disableShadow:O,shouldCloseOnBlur:P,isDismissable:C,isKeyboardDismissDisabled:y,shouldCloseOnInteractOutside:j,getPopoverProps:F,isBordered:S,borderWeight:B,onClose:_,onEntered:E,onExited:N}=(0,d.usePopoverContext)(),R=(0,c.getTransformOrigin)(h),{modalProps:T}=(0,r.useModal)({isDisabled:!0}),{dialogProps:w}=(0,i.useDialog)({role:"dialog"},q),{overlayProps:I}=(0,r.useOverlay)({onClose:_,isOpen:g.isOpen,isDismissable:C&&g.isOpen,shouldCloseOnBlur:P,isKeyboardDismissDisabled:y,shouldCloseOnInteractOutside:j},q),V=(0,t.mergeProps)({isBordered:S,disableShadow:O,borderWeight:B},f),{isFocusVisible:K,focusProps:M}=(0,o.useFocusRing)(),W=(0,m.jsxs)(u.StyledPopoverContentContainer,{ref:(0,l.mergeRefs)(q,s),...F((0,t.mergeProps)(I,T,w,M,V)),className:(0,p.default)("nextui-popover-content-container",b),isFocusVisible:K,as:x,css:{transformOrigin:R,...v},children:[(0,m.jsx)(r.DismissButton,{onDismiss:_}),(0,m.jsx)(u.StyledPopoverContent,{className:"nextui-popover-content",children:a}),(0,m.jsx)(r.DismissButton,{onDismiss:_})]});return(0,m.jsx)(m.Fragment,{children:D?g.isOpen?(0,m.jsx)(o.FocusScope,{restoreFocus:!0,children:W}):null:(0,m.jsx)(o.FocusScope,{restoreFocus:!0,children:(0,m.jsx)(n.default,{visible:g.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:N,onEntered:E,children:W})})})}));a.__DEV__&&(x.displayName="NextUI.PopoverContent"),x.toString=()=>".nextui-popover-content";var v=x;exports.default=v,module.exports=exports.default;
@@ -1 +1 @@
1
- exports.__esModule=!0,exports.PopoverTrigger=void 0;var e=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=p(r);if(t&&t.has(e))return t.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=n?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,t&&t.set(e,o);return o}(require("react")),r=require("@react-aria/button"),t=require("@react-aria/utils"),o=require("./popover-context"),n=require("../utils/collections"),i=require("../index"),u=require("../utils/assertion");function p(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(p=function(e){return e?t:r})(e)}const s=u=>{const{state:p,triggerRef:s,getTriggerProps:a}=(0,o.usePopoverContext)(),{children:l,...c}=u,f=()=>p.open(),{buttonProps:g}=(0,r.useButton)({onPress:f,...c},s),d=e.Children.only(l),[,v]=(0,n.pickChild)(u.children,i.Button),P=void 0!==(null==v?void 0:v[0]);return e.cloneElement(d,a((0,t.mergeProps)(d.props,P?{onPress:f,...c}:g),d.ref))};exports.PopoverTrigger=s,u.__DEV__&&(s.displayName="NextUI.PopoverTrigger"),s.toString=()=>".nextui-popover-trigger";
1
+ exports.__esModule=!0,exports.default=void 0;var e=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=a(r);if(t&&t.has(e))return t.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=n?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,t&&t.set(e,o);return o}(require("react")),r=require("@react-aria/button"),t=require("@react-aria/utils"),o=require("./popover-context"),n=require("../utils/collections"),i=require("../index"),u=require("../utils/assertion");function a(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(a=function(e){return e?t:r})(e)}const p=e.forwardRef(((u,a)=>{const{state:p,triggerRef:s,getTriggerProps:l}=(0,o.usePopoverContext)(),{children:c,...f}=u,d=()=>p.open(),{buttonProps:g}=(0,r.useButton)({onPress:d,...f},s),v=e.Children.only(c),[,P]=(0,n.pickChild)(u.children,i.Button),y=void 0!==(null==P?void 0:P[0]);return e.cloneElement(v,l((0,t.mergeProps)(v.props,y?{onPress:d,...f}:g),v.ref))}));u.__DEV__&&(p.displayName="NextUI.PopoverTrigger"),p.toString=()=>".nextui-popover-trigger";var s=p;exports.default=s,module.exports=exports.default;
@@ -1 +1 @@
1
- import t,{useMemo as o}from"react";import{useFocusRing as i}from"@react-aria/focus";import{useButton as r}from"@react-aria/button";import{useHover as e}from"@react-aria/interactions";import{mergeProps as s}from"@react-aria/utils";import n from"../use-warning";import a from"../utils/drip";import{filterPropsWithGroup as l,getCssColors as u}from"./utils";import{useButtonGroupContext as d}from"./button-group-context";import c from"./button-icon";import m from"../utils/clsx";import p from"../use-drip";import f from"./button.styles";import h from"../utils/with-defaults";import{useDOMRef as b}from"../utils/dom";import{__DEV__ as g}from"../utils/assertion";import{jsx as x}from"react/jsx-runtime";import{Fragment as y}from"react/jsx-runtime";import{jsxs as C}from"react/jsx-runtime";const v=t.forwardRef((({onClick:h,onPress:v,as:F,css:N,iconLeftCss:P,iconRightCss:B,...j},w)=>{const R=d(),k=l(j,R),S=u(k),{flat:T,children:A,disabled:D,animated:G,light:H,ripple:L,bordered:U,auto:V,borderWeight:W,icon:I,iconRight:$,ghost:q,autoFocus:z,className:E,...J}=k,K=t=>{G&&L&&M.current&&ot(t)},M=b(w),{buttonProps:O,isPressed:Q}=r({...j,onClick:t=>{K(t),null==h||h(t)},isDisabled:D,elementType:F,onPress:t=>{"keyboard"!==t.pointerType&&"virtual"!==t.pointerType||(K(t),null==h||h(t)),null==v||v(t)}},M),{hoverProps:X,isHovered:Y}=e({isDisabled:D}),{isFocused:Z,isFocusVisible:_,focusProps:tt}=i({autoFocus:z}),{onClick:ot,...it}=p(!1,M);g&&"gradient"===k.color&&(T||H)&&n("Using the gradient color on flat and light buttons will have no effect.");const rt=I||$,et=0===t.Children.count(A),st=Boolean($),nt=o((()=>Q?"pressed":Y?"hovered":D?"disabled":"ready"),[D,Y,Q]),at=o((()=>st?B:P),[st,B,P]);return C(f,{as:F,ref:M,borderWeight:W,auto:V,flat:T,light:H,ghost:q,bordered:U||q,"data-state":nt,animated:G,isChildLess:et,isPressed:Q,isHovered:Y||q&&Z,isFocusVisible:_&&!D,className:m("nextui-button",`nextui-button--${nt}`,E),css:{...N,...S},...s(O,tt,X,J),children:[0===t.Children.count(A)?x(c,{isSingle:!0,isAuto:V,isRight:st,css:at,isGradientButtonBorder:"gradient"===J.color&&(U||q),children:rt}):rt?C(y,{children:[x(c,{isSingle:!1,isAuto:V,isRight:st,css:at,isGradientButtonBorder:"gradient"===J.color&&(U||q),children:rt}),x("div",{className:m("nextui-button-text",{"nextui-button-text-right":st,"nextui-button-text-left":!st}),children:A})]}):x("span",{className:"nextui-button-text",children:A}),x(a,{color:"white",...it})]})}));g&&(v.displayName="NextUI.Button"),v.toString=()=>".nextui-button";export default h(v,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});
1
+ import t,{useMemo as o}from"react";import{useFocusRing as r}from"@react-aria/focus";import{useButton as e}from"@react-aria/button";import{useHover as i}from"@react-aria/interactions";import{mergeProps as s}from"@react-aria/utils";import n from"../use-warning";import a from"../utils/drip";import{filterPropsWithGroup as l,getCssColors as u}from"./utils";import{useButtonGroupContext as d}from"./button-group-context";import c from"./button-icon";import m from"../utils/clsx";import p from"../use-drip";import f from"./button.styles";import h from"../utils/with-defaults";import{useDOMRef as b}from"../utils/dom";import{__DEV__ as g}from"../utils/assertion";import{jsx as x}from"react/jsx-runtime";import{Fragment as P}from"react/jsx-runtime";import{jsxs as C}from"react/jsx-runtime";const y=t.forwardRef((({as:h,css:y,iconLeftCss:v,iconRightCss:F,onClick:N,onPress:B,onPressStart:j,onPressEnd:w,onPressChange:R,onPressUp:S,...k},U)=>{const T=d(),A=l(k,T),D=u(A),{flat:E,children:G,disabled:H,animated:L,light:V,ripple:W,bordered:I,auto:$,borderWeight:q,icon:z,iconRight:J,ghost:K,autoFocus:M,className:O,...Q}=A,X=t=>{L&&W&&Y.current&&st(t)},Y=b(U),{buttonProps:Z,isPressed:_}=e({...k,onClick:t=>{X(t),null==N||N(t)},isDisabled:H,elementType:h,onPress:t=>{"keyboard"!==t.pointerType&&"virtual"!==t.pointerType||(X(t),null==N||N(t)),null==B||B(t)},onPressStart:j,onPressEnd:w,onPressChange:R,onPressUp:S},Y),{hoverProps:tt,isHovered:ot}=i({isDisabled:H}),{isFocused:rt,isFocusVisible:et,focusProps:it}=r({autoFocus:M}),{onClick:st,...nt}=p(!1,Y);g&&"gradient"===A.color&&(E||V)&&n("Using the gradient color on flat and light buttons will have no effect.");const at=z||J,lt=0===t.Children.count(G),ut=Boolean(J),dt=o((()=>_?"pressed":ot?"hovered":H?"disabled":"ready"),[H,ot,_]),ct=o((()=>ut?F:v),[ut,F,v]);return C(f,{as:h,ref:Y,borderWeight:q,auto:$,flat:E,light:V,ghost:K,bordered:I||K,"data-state":dt,animated:L,isChildLess:lt,isPressed:_,isHovered:ot||K&&rt,isFocusVisible:et&&!H,className:m("nextui-button",`nextui-button--${dt}`,O),css:{...y,...D},...s(Z,it,tt,Q),children:[0===t.Children.count(G)?x(c,{isSingle:!0,isAuto:$,isRight:ut,css:ct,isGradientButtonBorder:"gradient"===Q.color&&(I||K),children:at}):at?C(P,{children:[x(c,{isSingle:!1,isAuto:$,isRight:ut,css:ct,isGradientButtonBorder:"gradient"===Q.color&&(I||K),children:at}),x("div",{className:m("nextui-button-text",{"nextui-button-text-right":ut,"nextui-button-text-left":!ut}),children:G})]}):x("span",{className:"nextui-button-text",children:G}),x(a,{color:"white",...nt})]})}));g&&(y.displayName="NextUI.Button"),y.toString=()=>".nextui-button";export default h(y,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});
@@ -1 +1 @@
1
- import{useCallback as r}from"react";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as s}from"@react-aria/utils";import{usePress as e}from"@react-aria/interactions";import{useHover as o}from"@react-aria/interactions";import a from"../use-drip";import{useDOMRef as t}from"../utils/dom";export const useCard=n=>{const{ref:l,disableAnimation:p=!1,disableRipple:c=!1,variant:d="shadow",isHoverable:u=!1,borderWeight:m="light",isPressable:b=!1,onClick:f,onPress:P,autoFocus:v,...C}=n,g=t(l),{onClick:h,...k}=a(!1,g),F=r=>{p||c||!g.current||h(r)},{isPressed:H,pressProps:y}=e({isDisabled:!b,onPress:r=>{"keyboard"!==r.pointerType&&"virtual"!==r.pointerType||(F(r),null==f||f(r)),null==P||P(r)},...C}),{hoverProps:D,isHovered:R}=o({isDisabled:!u,...C}),{isFocusVisible:A,focusProps:T}=i({autoFocus:v});y.onClick=r=>{b&&(F(r),null==f||f(r))};const V=r(((r={})=>({...s(b?{...y,...T}:{},u?D:{},C,r)})),[b,u,y,T,D,C]);return{cardRef:g,variant:d,borderWeight:m,isPressable:b,isHovered:R,isPressed:H,disableAnimation:p,disableRipple:c,dripBindings:k,onDripClickHandler:h,isFocusVisible:A,getCardProps:V}};
1
+ import{useCallback as r}from"react";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as e}from"@react-aria/utils";import{usePress as s}from"@react-aria/interactions";import{useHover as o}from"@react-aria/interactions";import a from"../use-drip";import{useDOMRef as t}from"../utils/dom";export const useCard=l=>{const{ref:n,disableAnimation:c=!1,disableRipple:p=!1,variant:d="shadow",isHoverable:u=!1,borderWeight:m="light",isPressable:b=!1,onClick:P,onPress:f,autoFocus:v,allowTextSelectionOnPress:C=!0,...g}=l,h=t(n),{onClick:k,...F}=a(!1,h),H=r=>{c||p||!h.current||k(r)},{isPressed:T,pressProps:w}=s({isDisabled:!b,onPress:r=>{"keyboard"!==r.pointerType&&"virtual"!==r.pointerType||(H(r),null==P||P(r)),null==f||f(r)},allowTextSelectionOnPress:C,...g}),{hoverProps:x,isHovered:y}=o({isDisabled:!u,...g}),{isFocusVisible:D,focusProps:R}=i({autoFocus:v});w.onClick=r=>{b&&(H(r),null==P||P(r))};const A=r(((r={})=>({...e(b?{...w,...R}:{},u?x:{},g,r)})),[b,u,w,R,x,g]);return{cardRef:h,variant:d,borderWeight:m,isPressable:b,isHovered:y,isPressed:T,disableAnimation:c,disableRipple:p,dripBindings:F,onDripClickHandler:k,isFocusVisible:D,getCardProps:A}};
@@ -1 +1 @@
1
- import r from"react";import o from"../popover";import{useDropdownContext as t}from"./dropdown-context";import{__DEV__ as e}from"../utils/assertion";import{jsx as i}from"react/jsx-runtime";const n=r=>{const{children:e,...n}=r,{getMenuTriggerProps:p}=t();return i(o.Trigger,{...p(n),children:e})};e&&(n.displayName="NextUI.DropdownTrigger"),n.toString=()=>".nextui-dropdown-trigger";export default n;
1
+ import r from"react";import o from"../popover";import{useDropdownContext as t}from"./dropdown-context";import{__DEV__ as e}from"../utils/assertion";import{jsx as i}from"react/jsx-runtime";const n=r.forwardRef(((r,e)=>{const{children:n,...p}=r,{getMenuTriggerProps:m}=t();return i(o.Trigger,{...m(p),children:n})}));e&&(n.displayName="NextUI.DropdownTrigger"),n.toString=()=>".nextui-dropdown-trigger";export default n;
@@ -1 +1 @@
1
- import o from"./popover";import{PopoverContent as r}from"./popover-content";import{PopoverTrigger as e}from"./popover-trigger";export{StyledPopoverContent as StyledPopover}from"./popover.styles";o.Content=r,o.Trigger=e;export default o;
1
+ import o from"./popover";import r from"./popover-trigger";import e from"./popover-content";export{StyledPopoverContent}from"./popover.styles";o.Content=e,o.Trigger=r;export default o;
@@ -1 +1 @@
1
- import e from"react";import{useModal as o,useOverlay as r,DismissButton as s}from"@react-aria/overlays";import{useDialog as i}from"@react-aria/dialog";import{FocusScope as t,useFocusRing as n}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import l from"../utils/css-transition";import{__DEV__ as m}from"../utils/assertion";import{mergeRefs as p}from"../utils/refs";import{StyledPopoverContentContainer as c,StyledPopoverContent as d}from"./popover.styles";import{usePopoverContext as u}from"./popover-context";import{getTransformOrigin as f}from"./utils";import v from"../utils/clsx";import{jsx as b}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";import{Fragment as x}from"react/jsx-runtime";export const PopoverContent=e.forwardRef(((e,m)=>{const{children:O,as:C,css:P,className:g,...D}=e,{state:y,placement:j,overlayRef:F,disableAnimation:N,disableShadow:B,shouldCloseOnBlur:E,isDismissable:w,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S,getPopoverProps:T,isBordered:K,borderWeight:R,onClose:V,onEntered:W,onExited:A}=u(),U=f(j),{modalProps:k}=o({isDisabled:!0}),{dialogProps:q}=i({role:"dialog"},F),{overlayProps:z}=r({onClose:V,isOpen:y.isOpen,isDismissable:w&&y.isOpen,shouldCloseOnBlur:E,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S},F),G=a({isBordered:K,disableShadow:B,borderWeight:R},D),{isFocusVisible:H,focusProps:J}=n(),L=h(c,{ref:p(F,m),...T(a(z,k,q,J,G)),className:v("nextui-popover-content-container",g),isFocusVisible:H,as:C,css:{transformOrigin:U,...P},children:[b(s,{onDismiss:V}),b(d,{className:"nextui-popover-content",children:O}),b(s,{onDismiss:V})]});return b(x,{children:N?y.isOpen?b(t,{restoreFocus:!0,children:L}):null:b(t,{restoreFocus:!0,children:b(l,{visible:y.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:A,onEntered:W,children:L})})})}));m&&(PopoverContent.displayName="NextUI.PopoverContent"),PopoverContent.toString=()=>".nextui-popover-content";
1
+ import e from"react";import{useModal as o,useOverlay as s,DismissButton as r}from"@react-aria/overlays";import{useDialog as i}from"@react-aria/dialog";import{FocusScope as t,useFocusRing as n}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import l from"../utils/css-transition";import{__DEV__ as m}from"../utils/assertion";import{mergeRefs as p}from"../utils/refs";import{StyledPopoverContentContainer as c,StyledPopoverContent as d}from"./popover.styles";import{usePopoverContext as u}from"./popover-context";import{getTransformOrigin as f}from"./utils";import b from"../utils/clsx";import{jsx as h}from"react/jsx-runtime";import{jsxs as x}from"react/jsx-runtime";import{Fragment as v}from"react/jsx-runtime";const O=e.forwardRef(((e,m)=>{const{children:O,as:g,css:D,className:y,...C}=e,{state:P,placement:j,overlayRef:F,disableAnimation:N,disableShadow:B,shouldCloseOnBlur:E,isDismissable:w,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S,getPopoverProps:T,isBordered:K,borderWeight:R,onClose:V,onEntered:W,onExited:A}=u(),U=f(j),{modalProps:k}=o({isDisabled:!0}),{dialogProps:q}=i({role:"dialog"},F),{overlayProps:z}=s({onClose:V,isOpen:P.isOpen,isDismissable:w&&P.isOpen,shouldCloseOnBlur:E,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S},F),G=a({isBordered:K,disableShadow:B,borderWeight:R},C),{isFocusVisible:H,focusProps:J}=n(),L=x(c,{ref:p(F,m),...T(a(z,k,q,J,G)),className:b("nextui-popover-content-container",y),isFocusVisible:H,as:g,css:{transformOrigin:U,...D},children:[h(r,{onDismiss:V}),h(d,{className:"nextui-popover-content",children:O}),h(r,{onDismiss:V})]});return h(v,{children:N?P.isOpen?h(t,{restoreFocus:!0,children:L}):null:h(t,{restoreFocus:!0,children:h(l,{visible:P.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:A,onEntered:W,children:L})})})}));m&&(O.displayName="NextUI.PopoverContent"),O.toString=()=>".nextui-popover-content";export default O;
@@ -1 +1 @@
1
- import*as r from"react";import{useButton as o}from"@react-aria/button";import{mergeProps as e}from"@react-aria/utils";import{usePopoverContext as t}from"./popover-context";import{pickChild as i}from"../utils/collections";import{Button as p}from"../index";import{__DEV__ as n}from"../utils/assertion";export const PopoverTrigger=n=>{const{state:s,triggerRef:g,getTriggerProps:m}=t(),{children:l,...a}=n,c=()=>s.open(),{buttonProps:f}=o({onPress:c,...a},g),u=r.Children.only(l),[,v]=i(n.children,p),P=void 0!==(null==v?void 0:v[0]);return r.cloneElement(u,m(e(u.props,P?{onPress:c,...a}:f),u.ref))};n&&(PopoverTrigger.displayName="NextUI.PopoverTrigger"),PopoverTrigger.toString=()=>".nextui-popover-trigger";
1
+ import*as r from"react";import{useButton as o}from"@react-aria/button";import{mergeProps as t}from"@react-aria/utils";import{usePopoverContext as e}from"./popover-context";import{pickChild as i}from"../utils/collections";import{Button as n}from"../index";import{__DEV__ as p}from"../utils/assertion";const s=r.forwardRef(((p,s)=>{const{state:m,triggerRef:l,getTriggerProps:a}=e(),{children:f,...c}=p,g=()=>m.open(),{buttonProps:d}=o({onPress:g,...c},l),u=r.Children.only(f),[,v]=i(p.children,n),x=void 0!==(null==v?void 0:v[0]);return r.cloneElement(u,a(t(u.props,x?{onPress:g,...c}:d),u.ref))}));p&&(s.displayName="NextUI.PopoverTrigger"),s.toString=()=>".nextui-popover-trigger";export default s;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/react",
3
- "version": "1.0.0-beta.9-dbg2",
3
+ "version": "1.0.0-beta.9",
4
4
  "license": "MIT",
5
5
  "description": "🚀 Beautiful and modern React UI library.",
6
6
  "homepage": "https://nextui.org",
@@ -10,6 +10,8 @@ interface Props extends PressEvents, FocusableProps {
10
10
  isHoverable?: boolean;
11
11
  disableRipple?: boolean;
12
12
  disableAnimation?: boolean;
13
+ /** Whether text selection should be enabled on the pressable element. */
14
+ allowTextSelectionOnPress?: boolean;
13
15
  }
14
16
  declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
15
17
  export declare type UseCardProps = Props & NativeAttrs;
@@ -1,11 +1,6 @@
1
1
  import React from 'react';
2
- /**
3
- * DropdownTrigger opens the popover's content. It must be an interactive element
4
- * such as `button` or `a`.
5
- */
6
- declare const DropdownTrigger: {
7
- (props: React.PropsWithChildren<{}>): JSX.Element;
8
- displayName: string;
9
- toString(): string;
10
- };
11
- export default DropdownTrigger;
2
+ declare type DropdownTriggerComponent<T, P = {}> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
3
+ declare const _default: DropdownTriggerComponent<HTMLElement, {
4
+ children?: React.ReactNode;
5
+ }>;
6
+ export default _default;
@@ -1,5 +1,5 @@
1
1
  import Popover from './popover';
2
2
  export type { PopoverProps } from './popover';
3
3
  export type { PopoverPlacement } from './utils';
4
- export { StyledPopoverContent as StyledPopover } from './popover.styles';
4
+ export { StyledPopoverContent as StyledPopoverContent } from './popover.styles';
5
5
  export default Popover;