@nextui-org/react 1.0.0-beta.8 → 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.
- package/cjs/button/button.js +1 -1
- package/cjs/card/card.js +1 -1
- package/cjs/card/use-card.js +1 -1
- package/cjs/dropdown/dropdown-trigger.js +1 -1
- package/cjs/popover/index.js +1 -1
- package/cjs/popover/popover-content.js +1 -1
- package/cjs/popover/popover-trigger.js +1 -1
- package/esm/button/button.js +1 -1
- package/esm/card/card.js +1 -1
- package/esm/card/use-card.js +1 -1
- package/esm/dropdown/dropdown-trigger.js +1 -1
- package/esm/popover/index.js +1 -1
- package/esm/popover/popover-content.js +1 -1
- package/esm/popover/popover-trigger.js +1 -1
- package/package.json +28 -28
- package/types/card/use-card.d.ts +3 -263
- package/types/dropdown/dropdown-trigger.d.ts +5 -10
- package/types/popover/index.d.ts +1 -1
- package/types/popover/popover-content.d.ts +3 -1148
- package/types/popover/popover-trigger.d.ts +5 -9
- package/types/popover/popover.d.ts +2 -2
- package/umd/nextui.js +1087 -2953
- package/umd/nextui.min.js +1 -1
package/cjs/button/button.js
CHANGED
|
@@ -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=
|
|
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;
|
package/cjs/card/card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),s=
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),s=e(require("../utils/drip")),i=require("./use-card"),t=require("./card.styles"),a=require("../utils/assertion"),d=require("react/jsx-runtime");const u=r.default.forwardRef((({...e},r)=>{const{as:a,css:u,children:l,...o}=e,{cardRef:n,variant:c,isFocusVisible:b,isPressable:p,isPressed:f,disableAnimation:x,disableRipple:q,borderWeight:v,isHovered:m,getCardProps:_,dripBindings:g}=(0,i.useCard)({...o,ref:r});return(0,d.jsxs)(t.StyledCard,{ref:n,as:a,css:u,variant:c,role:p?"button":"section",borderWeight:v,disableAnimation:x,isPressable:p,isPressed:f,isHovered:m,tabIndex:p?0:-1,isFocusVisible:b,..._(),children:[p&&!x&&!q&&(0,d.jsx)(s.default,{...g}),l]})}));a.__DEV__&&(u.displayName="NextUI.Card"),u.toString=()=>".nextui-card";var l=u;exports.default=l,module.exports=exports.default;
|
package/cjs/card/use-card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useCard=void 0;var s=require("@react-aria/focus"),
|
|
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"))
|
|
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;
|
package/cjs/popover/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.
|
|
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.
|
|
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.
|
|
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;
|
package/esm/button/button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{useMemo as o}from"react";import{useFocusRing as
|
|
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"});
|
package/esm/card/card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import r from"react";import
|
|
1
|
+
import r from"react";import s from"../utils/drip";import{useCard as e}from"./use-card";import{StyledCard as i}from"./card.styles";import{__DEV__ as t}from"../utils/assertion";import{jsx as o}from"react/jsx-runtime";import{jsxs as a}from"react/jsx-runtime";const d=r.forwardRef((({...r},t)=>{const{as:d,css:n,children:m,...c}=r,{cardRef:l,variant:p,isFocusVisible:f,isPressable:b,isPressed:u,disableAnimation:x,disableRipple:g,borderWeight:P,isHovered:h,getCardProps:j,dripBindings:v}=e({...c,ref:t});return a(i,{ref:l,as:d,css:n,variant:p,role:b?"button":"section",borderWeight:P,disableAnimation:x,isPressable:b,isPressed:u,isHovered:h,tabIndex:b?0:-1,isFocusVisible:f,...j(),children:[b&&!x&&!g&&o(s,{...v}),m]})}));t&&(d.displayName="NextUI.Card"),d.toString=()=>".nextui-card";export default d;
|
package/esm/card/use-card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
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:
|
|
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;
|
package/esm/popover/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"./popover";import
|
|
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
|
|
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
|
|
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.
|
|
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",
|
|
@@ -32,33 +32,33 @@
|
|
|
32
32
|
"scripts": {},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "7.9.6",
|
|
35
|
-
"@react-aria/button": "3.
|
|
36
|
-
"@react-aria/checkbox": "3.
|
|
37
|
-
"@react-aria/dialog": "3.
|
|
38
|
-
"@react-aria/focus": "3.
|
|
39
|
-
"@react-aria/i18n": "3.
|
|
40
|
-
"@react-aria/interactions": "3.
|
|
41
|
-
"@react-aria/label": "3.
|
|
42
|
-
"@react-aria/menu": "3.
|
|
43
|
-
"@react-aria/overlays": "3.
|
|
44
|
-
"@react-aria/radio": "3.
|
|
45
|
-
"@react-aria/ssr": "3.
|
|
46
|
-
"@react-aria/table": "3.
|
|
47
|
-
"@react-aria/utils": "3.
|
|
48
|
-
"@react-aria/visually-hidden": "3.
|
|
49
|
-
"@react-stately/checkbox": "3.0
|
|
50
|
-
"@react-stately/data": "3.
|
|
51
|
-
"@react-stately/overlays": "3.
|
|
52
|
-
"@react-stately/radio": "3.
|
|
53
|
-
"@react-stately/table": "3.
|
|
54
|
-
"@react-stately/toggle": "3.
|
|
55
|
-
"@react-stately/tree": "3.
|
|
56
|
-
"@react-types/button": "^3.
|
|
57
|
-
"@react-types/checkbox": "3.
|
|
58
|
-
"@react-types/grid": "3.0
|
|
59
|
-
"@react-types/menu": "3.
|
|
60
|
-
"@react-types/overlays": "3.
|
|
61
|
-
"@react-types/shared": "3.
|
|
35
|
+
"@react-aria/button": "3.5.0",
|
|
36
|
+
"@react-aria/checkbox": "3.4.0",
|
|
37
|
+
"@react-aria/dialog": "3.2.0",
|
|
38
|
+
"@react-aria/focus": "3.6.0",
|
|
39
|
+
"@react-aria/i18n": "3.4.0",
|
|
40
|
+
"@react-aria/interactions": "3.9.0",
|
|
41
|
+
"@react-aria/label": "3.3.0",
|
|
42
|
+
"@react-aria/menu": "3.5.0",
|
|
43
|
+
"@react-aria/overlays": "3.9.0",
|
|
44
|
+
"@react-aria/radio": "3.2.0",
|
|
45
|
+
"@react-aria/ssr": "3.2.0",
|
|
46
|
+
"@react-aria/table": "3.3.0",
|
|
47
|
+
"@react-aria/utils": "3.13.0",
|
|
48
|
+
"@react-aria/visually-hidden": "3.3.0",
|
|
49
|
+
"@react-stately/checkbox": "3.1.0",
|
|
50
|
+
"@react-stately/data": "3.5.0",
|
|
51
|
+
"@react-stately/overlays": "3.3.0",
|
|
52
|
+
"@react-stately/radio": "3.4.0",
|
|
53
|
+
"@react-stately/table": "3.2.0",
|
|
54
|
+
"@react-stately/toggle": "3.3.0",
|
|
55
|
+
"@react-stately/tree": "3.3.0",
|
|
56
|
+
"@react-types/button": "^3.5.0",
|
|
57
|
+
"@react-types/checkbox": "3.3.0",
|
|
58
|
+
"@react-types/grid": "3.1.0",
|
|
59
|
+
"@react-types/menu": "3.6.0",
|
|
60
|
+
"@react-types/overlays": "3.6.0",
|
|
61
|
+
"@react-types/shared": "3.13.0",
|
|
62
62
|
"@stitches/react": "1.2.8"
|
|
63
63
|
},
|
|
64
64
|
"peerDependencies": {
|
package/types/card/use-card.d.ts
CHANGED
|
@@ -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;
|
|
@@ -17,266 +19,6 @@ export declare type UseCardProps = Props & NativeAttrs;
|
|
|
17
19
|
* @internal
|
|
18
20
|
*/
|
|
19
21
|
export declare const useCard: (props: UseCardProps) => {
|
|
20
|
-
onPressStart?: ((e: PressEvent) => void) | undefined;
|
|
21
|
-
onPressEnd?: ((e: PressEvent) => void) | undefined;
|
|
22
|
-
onPressChange?: ((isPressed: boolean) => void) | undefined;
|
|
23
|
-
onPressUp?: ((e: PressEvent) => void) | undefined;
|
|
24
|
-
onFocus?: ((e: React.FocusEvent<Element, Element>) => void) | undefined;
|
|
25
|
-
onBlur?: ((e: React.FocusEvent<Element, Element>) => void) | undefined;
|
|
26
|
-
onFocusChange?: ((isFocused: boolean) => void) | undefined;
|
|
27
|
-
onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
|
|
28
|
-
onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
|
|
29
|
-
slot?: string | undefined;
|
|
30
|
-
style?: React.CSSProperties | undefined;
|
|
31
|
-
title?: string | undefined;
|
|
32
|
-
color?: string | undefined;
|
|
33
|
-
translate?: "yes" | "no" | undefined;
|
|
34
|
-
hidden?: boolean | undefined;
|
|
35
|
-
className?: string | undefined;
|
|
36
|
-
children?: React.ReactNode;
|
|
37
|
-
dir?: string | undefined;
|
|
38
|
-
id?: string | undefined;
|
|
39
|
-
onChange?: React.FormEventHandler<unknown> | undefined;
|
|
40
|
-
defaultChecked?: boolean | undefined;
|
|
41
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
42
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
43
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
44
|
-
accessKey?: string | undefined;
|
|
45
|
-
contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
|
|
46
|
-
contextMenu?: string | undefined;
|
|
47
|
-
draggable?: (boolean | "true" | "false") | undefined;
|
|
48
|
-
lang?: string | undefined;
|
|
49
|
-
placeholder?: string | undefined;
|
|
50
|
-
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
51
|
-
tabIndex?: number | undefined;
|
|
52
|
-
radioGroup?: string | undefined;
|
|
53
|
-
role?: React.AriaRole | undefined;
|
|
54
|
-
about?: string | undefined;
|
|
55
|
-
datatype?: string | undefined;
|
|
56
|
-
inlist?: any;
|
|
57
|
-
prefix?: string | undefined;
|
|
58
|
-
property?: string | undefined;
|
|
59
|
-
resource?: string | undefined;
|
|
60
|
-
typeof?: string | undefined;
|
|
61
|
-
vocab?: string | undefined;
|
|
62
|
-
autoCapitalize?: string | undefined;
|
|
63
|
-
autoCorrect?: string | undefined;
|
|
64
|
-
autoSave?: string | undefined;
|
|
65
|
-
itemProp?: string | undefined;
|
|
66
|
-
itemScope?: boolean | undefined;
|
|
67
|
-
itemType?: string | undefined;
|
|
68
|
-
itemID?: string | undefined;
|
|
69
|
-
itemRef?: string | undefined;
|
|
70
|
-
results?: number | undefined;
|
|
71
|
-
security?: string | undefined;
|
|
72
|
-
unselectable?: "on" | "off" | undefined;
|
|
73
|
-
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
74
|
-
is?: string | undefined;
|
|
75
|
-
'aria-activedescendant'?: string | undefined;
|
|
76
|
-
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
77
|
-
'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
|
|
78
|
-
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
79
|
-
'aria-checked'?: boolean | "mixed" | "true" | "false" | undefined;
|
|
80
|
-
'aria-colcount'?: number | undefined;
|
|
81
|
-
'aria-colindex'?: number | undefined;
|
|
82
|
-
'aria-colspan'?: number | undefined;
|
|
83
|
-
'aria-controls'?: string | undefined;
|
|
84
|
-
'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
|
|
85
|
-
'aria-describedby'?: string | undefined;
|
|
86
|
-
'aria-details'?: string | undefined;
|
|
87
|
-
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
88
|
-
'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
89
|
-
'aria-errormessage'?: string | undefined;
|
|
90
|
-
'aria-expanded'?: (boolean | "true" | "false") | undefined;
|
|
91
|
-
'aria-flowto'?: string | undefined;
|
|
92
|
-
'aria-grabbed'?: (boolean | "true" | "false") | undefined;
|
|
93
|
-
'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "true" | "false" | "tree" | undefined;
|
|
94
|
-
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
95
|
-
'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
96
|
-
'aria-keyshortcuts'?: string | undefined;
|
|
97
|
-
'aria-label'?: string | undefined;
|
|
98
|
-
'aria-labelledby'?: string | undefined;
|
|
99
|
-
'aria-level'?: number | undefined;
|
|
100
|
-
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
101
|
-
'aria-modal'?: (boolean | "true" | "false") | undefined;
|
|
102
|
-
'aria-multiline'?: (boolean | "true" | "false") | undefined;
|
|
103
|
-
'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
|
|
104
|
-
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
|
105
|
-
'aria-owns'?: string | undefined;
|
|
106
|
-
'aria-placeholder'?: string | undefined;
|
|
107
|
-
'aria-posinset'?: number | undefined;
|
|
108
|
-
'aria-pressed'?: boolean | "mixed" | "true" | "false" | undefined;
|
|
109
|
-
'aria-readonly'?: (boolean | "true" | "false") | undefined;
|
|
110
|
-
'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
111
|
-
'aria-required'?: (boolean | "true" | "false") | undefined;
|
|
112
|
-
'aria-roledescription'?: string | undefined;
|
|
113
|
-
'aria-rowcount'?: number | undefined;
|
|
114
|
-
'aria-rowindex'?: number | undefined;
|
|
115
|
-
'aria-rowspan'?: number | undefined;
|
|
116
|
-
'aria-selected'?: (boolean | "true" | "false") | undefined;
|
|
117
|
-
'aria-setsize'?: number | undefined;
|
|
118
|
-
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
119
|
-
'aria-valuemax'?: number | undefined;
|
|
120
|
-
'aria-valuemin'?: number | undefined;
|
|
121
|
-
'aria-valuenow'?: number | undefined;
|
|
122
|
-
'aria-valuetext'?: string | undefined;
|
|
123
|
-
dangerouslySetInnerHTML?: {
|
|
124
|
-
__html: string;
|
|
125
|
-
} | undefined;
|
|
126
|
-
onCopy?: React.ClipboardEventHandler<unknown> | undefined;
|
|
127
|
-
onCopyCapture?: React.ClipboardEventHandler<unknown> | undefined;
|
|
128
|
-
onCut?: React.ClipboardEventHandler<unknown> | undefined;
|
|
129
|
-
onCutCapture?: React.ClipboardEventHandler<unknown> | undefined;
|
|
130
|
-
onPaste?: React.ClipboardEventHandler<unknown> | undefined;
|
|
131
|
-
onPasteCapture?: React.ClipboardEventHandler<unknown> | undefined;
|
|
132
|
-
onCompositionEnd?: React.CompositionEventHandler<unknown> | undefined;
|
|
133
|
-
onCompositionEndCapture?: React.CompositionEventHandler<unknown> | undefined;
|
|
134
|
-
onCompositionStart?: React.CompositionEventHandler<unknown> | undefined;
|
|
135
|
-
onCompositionStartCapture?: React.CompositionEventHandler<unknown> | undefined;
|
|
136
|
-
onCompositionUpdate?: React.CompositionEventHandler<unknown> | undefined;
|
|
137
|
-
onCompositionUpdateCapture?: React.CompositionEventHandler<unknown> | undefined;
|
|
138
|
-
onFocusCapture?: React.FocusEventHandler<unknown> | undefined;
|
|
139
|
-
onBlurCapture?: React.FocusEventHandler<unknown> | undefined;
|
|
140
|
-
onChangeCapture?: React.FormEventHandler<unknown> | undefined;
|
|
141
|
-
onBeforeInput?: React.FormEventHandler<unknown> | undefined;
|
|
142
|
-
onBeforeInputCapture?: React.FormEventHandler<unknown> | undefined;
|
|
143
|
-
onInput?: React.FormEventHandler<unknown> | undefined;
|
|
144
|
-
onInputCapture?: React.FormEventHandler<unknown> | undefined;
|
|
145
|
-
onReset?: React.FormEventHandler<unknown> | undefined;
|
|
146
|
-
onResetCapture?: React.FormEventHandler<unknown> | undefined;
|
|
147
|
-
onSubmit?: React.FormEventHandler<unknown> | undefined;
|
|
148
|
-
onSubmitCapture?: React.FormEventHandler<unknown> | undefined;
|
|
149
|
-
onInvalid?: React.FormEventHandler<unknown> | undefined;
|
|
150
|
-
onInvalidCapture?: React.FormEventHandler<unknown> | undefined;
|
|
151
|
-
onLoad?: React.ReactEventHandler<unknown> | undefined;
|
|
152
|
-
onLoadCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
153
|
-
onError?: React.ReactEventHandler<unknown> | undefined;
|
|
154
|
-
onErrorCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
155
|
-
onKeyDownCapture?: React.KeyboardEventHandler<unknown> | undefined;
|
|
156
|
-
onKeyPress?: React.KeyboardEventHandler<unknown> | undefined;
|
|
157
|
-
onKeyPressCapture?: React.KeyboardEventHandler<unknown> | undefined;
|
|
158
|
-
onKeyUpCapture?: React.KeyboardEventHandler<unknown> | undefined;
|
|
159
|
-
onAbort?: React.ReactEventHandler<unknown> | undefined;
|
|
160
|
-
onAbortCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
161
|
-
onCanPlay?: React.ReactEventHandler<unknown> | undefined;
|
|
162
|
-
onCanPlayCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
163
|
-
onCanPlayThrough?: React.ReactEventHandler<unknown> | undefined;
|
|
164
|
-
onCanPlayThroughCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
165
|
-
onDurationChange?: React.ReactEventHandler<unknown> | undefined;
|
|
166
|
-
onDurationChangeCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
167
|
-
onEmptied?: React.ReactEventHandler<unknown> | undefined;
|
|
168
|
-
onEmptiedCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
169
|
-
onEncrypted?: React.ReactEventHandler<unknown> | undefined;
|
|
170
|
-
onEncryptedCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
171
|
-
onEnded?: React.ReactEventHandler<unknown> | undefined;
|
|
172
|
-
onEndedCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
173
|
-
onLoadedData?: React.ReactEventHandler<unknown> | undefined;
|
|
174
|
-
onLoadedDataCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
175
|
-
onLoadedMetadata?: React.ReactEventHandler<unknown> | undefined;
|
|
176
|
-
onLoadedMetadataCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
177
|
-
onLoadStart?: React.ReactEventHandler<unknown> | undefined;
|
|
178
|
-
onLoadStartCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
179
|
-
onPause?: React.ReactEventHandler<unknown> | undefined;
|
|
180
|
-
onPauseCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
181
|
-
onPlay?: React.ReactEventHandler<unknown> | undefined;
|
|
182
|
-
onPlayCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
183
|
-
onPlaying?: React.ReactEventHandler<unknown> | undefined;
|
|
184
|
-
onPlayingCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
185
|
-
onProgress?: React.ReactEventHandler<unknown> | undefined;
|
|
186
|
-
onProgressCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
187
|
-
onRateChange?: React.ReactEventHandler<unknown> | undefined;
|
|
188
|
-
onRateChangeCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
189
|
-
onSeeked?: React.ReactEventHandler<unknown> | undefined;
|
|
190
|
-
onSeekedCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
191
|
-
onSeeking?: React.ReactEventHandler<unknown> | undefined;
|
|
192
|
-
onSeekingCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
193
|
-
onStalled?: React.ReactEventHandler<unknown> | undefined;
|
|
194
|
-
onStalledCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
195
|
-
onSuspend?: React.ReactEventHandler<unknown> | undefined;
|
|
196
|
-
onSuspendCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
197
|
-
onTimeUpdate?: React.ReactEventHandler<unknown> | undefined;
|
|
198
|
-
onTimeUpdateCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
199
|
-
onVolumeChange?: React.ReactEventHandler<unknown> | undefined;
|
|
200
|
-
onVolumeChangeCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
201
|
-
onWaiting?: React.ReactEventHandler<unknown> | undefined;
|
|
202
|
-
onWaitingCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
203
|
-
onAuxClick?: React.MouseEventHandler<unknown> | undefined;
|
|
204
|
-
onAuxClickCapture?: React.MouseEventHandler<unknown> | undefined;
|
|
205
|
-
onClickCapture?: React.MouseEventHandler<unknown> | undefined;
|
|
206
|
-
onContextMenu?: React.MouseEventHandler<unknown> | undefined;
|
|
207
|
-
onContextMenuCapture?: React.MouseEventHandler<unknown> | undefined;
|
|
208
|
-
onDoubleClick?: React.MouseEventHandler<unknown> | undefined;
|
|
209
|
-
onDoubleClickCapture?: React.MouseEventHandler<unknown> | undefined;
|
|
210
|
-
onDrag?: React.DragEventHandler<unknown> | undefined;
|
|
211
|
-
onDragCapture?: React.DragEventHandler<unknown> | undefined;
|
|
212
|
-
onDragEnd?: React.DragEventHandler<unknown> | undefined;
|
|
213
|
-
onDragEndCapture?: React.DragEventHandler<unknown> | undefined;
|
|
214
|
-
onDragEnter?: React.DragEventHandler<unknown> | undefined;
|
|
215
|
-
onDragEnterCapture?: React.DragEventHandler<unknown> | undefined;
|
|
216
|
-
onDragExit?: React.DragEventHandler<unknown> | undefined;
|
|
217
|
-
onDragExitCapture?: React.DragEventHandler<unknown> | undefined;
|
|
218
|
-
onDragLeave?: React.DragEventHandler<unknown> | undefined;
|
|
219
|
-
onDragLeaveCapture?: React.DragEventHandler<unknown> | undefined;
|
|
220
|
-
onDragOver?: React.DragEventHandler<unknown> | undefined;
|
|
221
|
-
onDragOverCapture?: React.DragEventHandler<unknown> | undefined;
|
|
222
|
-
onDragStart?: React.DragEventHandler<unknown> | undefined;
|
|
223
|
-
onDragStartCapture?: React.DragEventHandler<unknown> | undefined;
|
|
224
|
-
onDrop?: React.DragEventHandler<unknown> | undefined;
|
|
225
|
-
onDropCapture?: React.DragEventHandler<unknown> | undefined;
|
|
226
|
-
onMouseDown?: React.MouseEventHandler<unknown> | undefined;
|
|
227
|
-
onMouseDownCapture?: React.MouseEventHandler<unknown> | undefined;
|
|
228
|
-
onMouseEnter?: React.MouseEventHandler<unknown> | undefined;
|
|
229
|
-
onMouseLeave?: React.MouseEventHandler<unknown> | undefined;
|
|
230
|
-
onMouseMove?: React.MouseEventHandler<unknown> | undefined;
|
|
231
|
-
onMouseMoveCapture?: React.MouseEventHandler<unknown> | undefined;
|
|
232
|
-
onMouseOut?: React.MouseEventHandler<unknown> | undefined;
|
|
233
|
-
onMouseOutCapture?: React.MouseEventHandler<unknown> | undefined;
|
|
234
|
-
onMouseOver?: React.MouseEventHandler<unknown> | undefined;
|
|
235
|
-
onMouseOverCapture?: React.MouseEventHandler<unknown> | undefined;
|
|
236
|
-
onMouseUp?: React.MouseEventHandler<unknown> | undefined;
|
|
237
|
-
onMouseUpCapture?: React.MouseEventHandler<unknown> | undefined;
|
|
238
|
-
onSelect?: React.ReactEventHandler<unknown> | undefined;
|
|
239
|
-
onSelectCapture?: React.ReactEventHandler<unknown> | undefined;
|
|
240
|
-
onTouchCancel?: React.TouchEventHandler<unknown> | undefined;
|
|
241
|
-
onTouchCancelCapture?: React.TouchEventHandler<unknown> | undefined;
|
|
242
|
-
onTouchEnd?: React.TouchEventHandler<unknown> | undefined;
|
|
243
|
-
onTouchEndCapture?: React.TouchEventHandler<unknown> | undefined;
|
|
244
|
-
onTouchMove?: React.TouchEventHandler<unknown> | undefined;
|
|
245
|
-
onTouchMoveCapture?: React.TouchEventHandler<unknown> | undefined;
|
|
246
|
-
onTouchStart?: React.TouchEventHandler<unknown> | undefined;
|
|
247
|
-
onTouchStartCapture?: React.TouchEventHandler<unknown> | undefined;
|
|
248
|
-
onPointerDown?: React.PointerEventHandler<unknown> | undefined;
|
|
249
|
-
onPointerDownCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
250
|
-
onPointerMove?: React.PointerEventHandler<unknown> | undefined;
|
|
251
|
-
onPointerMoveCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
252
|
-
onPointerUp?: React.PointerEventHandler<unknown> | undefined;
|
|
253
|
-
onPointerUpCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
254
|
-
onPointerCancel?: React.PointerEventHandler<unknown> | undefined;
|
|
255
|
-
onPointerCancelCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
256
|
-
onPointerEnter?: React.PointerEventHandler<unknown> | undefined;
|
|
257
|
-
onPointerEnterCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
258
|
-
onPointerLeave?: React.PointerEventHandler<unknown> | undefined;
|
|
259
|
-
onPointerLeaveCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
260
|
-
onPointerOver?: React.PointerEventHandler<unknown> | undefined;
|
|
261
|
-
onPointerOverCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
262
|
-
onPointerOut?: React.PointerEventHandler<unknown> | undefined;
|
|
263
|
-
onPointerOutCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
264
|
-
onGotPointerCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
265
|
-
onGotPointerCaptureCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
266
|
-
onLostPointerCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
267
|
-
onLostPointerCaptureCapture?: React.PointerEventHandler<unknown> | undefined;
|
|
268
|
-
onScroll?: React.UIEventHandler<unknown> | undefined;
|
|
269
|
-
onScrollCapture?: React.UIEventHandler<unknown> | undefined;
|
|
270
|
-
onWheel?: React.WheelEventHandler<unknown> | undefined;
|
|
271
|
-
onWheelCapture?: React.WheelEventHandler<unknown> | undefined;
|
|
272
|
-
onAnimationStart?: React.AnimationEventHandler<unknown> | undefined;
|
|
273
|
-
onAnimationStartCapture?: React.AnimationEventHandler<unknown> | undefined;
|
|
274
|
-
onAnimationEnd?: React.AnimationEventHandler<unknown> | undefined;
|
|
275
|
-
onAnimationEndCapture?: React.AnimationEventHandler<unknown> | undefined;
|
|
276
|
-
onAnimationIteration?: React.AnimationEventHandler<unknown> | undefined;
|
|
277
|
-
onAnimationIterationCapture?: React.AnimationEventHandler<unknown> | undefined;
|
|
278
|
-
onTransitionEnd?: React.TransitionEventHandler<unknown> | undefined;
|
|
279
|
-
onTransitionEndCapture?: React.TransitionEventHandler<unknown> | undefined;
|
|
280
22
|
cardRef: React.RefObject<HTMLDivElement>;
|
|
281
23
|
variant: "flat" | "shadow" | "bordered";
|
|
282
24
|
borderWeight: "light" | "normal" | "bold" | "extrabold" | "black";
|
|
@@ -285,17 +27,15 @@ export declare const useCard: (props: UseCardProps) => {
|
|
|
285
27
|
isPressed: boolean;
|
|
286
28
|
disableAnimation: boolean;
|
|
287
29
|
disableRipple: boolean;
|
|
288
|
-
pressProps: React.HTMLAttributes<HTMLElement>;
|
|
289
|
-
hoverProps: React.HTMLAttributes<HTMLElement>;
|
|
290
30
|
dripBindings: {
|
|
291
31
|
visible: boolean;
|
|
292
32
|
x: number;
|
|
293
33
|
y: number;
|
|
294
34
|
onCompleted: () => void;
|
|
295
35
|
};
|
|
296
|
-
focusProps: Omit<React.HTMLAttributes<HTMLElement>, "css">;
|
|
297
36
|
onDripClickHandler: (event: React.MouseEvent<HTMLElement, MouseEvent> | PressEvent) => void;
|
|
298
37
|
isFocusVisible: boolean;
|
|
38
|
+
getCardProps: (props?: any) => any;
|
|
299
39
|
};
|
|
300
40
|
export declare type UseCardReturn = ReturnType<typeof useCard>;
|
|
301
41
|
export {};
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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;
|
package/types/popover/index.d.ts
CHANGED
|
@@ -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
|
|
4
|
+
export { StyledPopoverContent as StyledPopoverContent } from './popover.styles';
|
|
5
5
|
export default Popover;
|