@nextui-org/react 1.0.0-beta.12 → 1.0.0-beta.13
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/card/card.js +1 -1
- package/cjs/checkbox/checkbox.js +1 -1
- package/cjs/input/input.js +1 -1
- package/cjs/radio/radio.js +1 -1
- package/cjs/textarea/textarea.js +1 -1
- package/cjs/use-pagination/index.js +1 -1
- package/esm/card/card.js +1 -1
- package/esm/checkbox/checkbox.js +1 -1
- package/esm/input/input.js +1 -1
- package/esm/radio/radio.js +1 -1
- package/esm/textarea/textarea.js +1 -1
- package/esm/use-pagination/index.js +1 -1
- package/package.json +1 -1
- package/types/dropdown/dropdown-context.d.ts +2 -2
- package/types/dropdown/use-dropdown.d.ts +1 -1
- package/types/table/table.d.ts +2 -1
- package/types/textarea/utils.d.ts +1 -1
- package/umd/nextui.js +9510 -14584
- package/umd/nextui.min.js +1 -1
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=e(require("../utils/drip")),i=require("../utils/assertion"),
|
|
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("../utils/assertion"),a=require("./use-card"),t=require("./card.styles"),d=require("react/jsx-runtime");const u=r.default.forwardRef((({...e},r)=>{const{as:i,css:u,children:l,...o}=e,{cardRef:n,variant:c,isFocusVisible:b,isPressable:p,isPressed:f,disableAnimation:x,disableRipple:q,borderWeight:v,isHovered:g,getCardProps:m,dripBindings:_}=(0,a.useCard)({...o,ref:r});return(0,d.jsxs)(t.StyledCard,{ref:n,as:i,borderWeight:v,css:u,disableAnimation:x,isFocusVisible:b,isHovered:g,isPressable:p,isPressed:f,role:p?"button":"region",tabIndex:p?0:-1,variant:c,...m(),children:[p&&!x&&!q&&(0,d.jsx)(s.default,{..._}),l]})}));i.__DEV__&&(u.displayName="NextUI.Card"),u.toString=()=>".nextui-card";var l=u;exports.default=l,module.exports=exports.default;
|
package/cjs/checkbox/checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var i=function(e,i){if(!i&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var s=h(i);if(s&&s.has(e))return s.get(e);var r={},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var t in e)if("default"!==t&&Object.prototype.hasOwnProperty.call(e,t)){var
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var i=function(e,i){if(!i&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var s=h(i);if(s&&s.has(e))return s.get(e);var r={},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var t in e)if("default"!==t&&Object.prototype.hasOwnProperty.call(e,t)){var a=c?Object.getOwnPropertyDescriptor(e,t):null;a&&(a.get||a.set)?Object.defineProperty(r,t,a):r[t]=e[t]}r.default=e,s&&s.set(e,r);return r}(require("react")),s=require("@react-aria/utils"),r=require("@react-aria/focus"),c=require("@react-aria/interactions"),t=require("@react-aria/visually-hidden"),a=e(require("../utils/clsx")),n=require("../utils/assertion"),o=require("../utils/dom"),l=require("./use-checkbox"),d=require("./checkbox.styles"),u=require("react/jsx-runtime");function h(e){if("function"!=typeof WeakMap)return null;var i=new WeakMap,s=new WeakMap;return(h=function(e){return e?s:i})(e)}const b=i.default.forwardRef(((e,n)=>{const{className:h,as:b,css:x,children:k,label:p,...f}=e,{size:m,color:y,labelColor:C,isRounded:j,lineThrough:v,disableAnimation:q,isIndeterminate:P,inputRef:N,inputProps:g,containerCss:D}=(0,l.useCheckbox)({...f,children:null!=k?k:p}),I=(0,o.useFocusableRef)(n,N),{hoverProps:O,isHovered:S}=(0,c.useHover)({isDisabled:g.disabled}),{pressProps:A}=(0,c.usePress)({isDisabled:g.disabled}),{focusProps:M,isFocusVisible:_}=(0,r.useFocusRing)({autoFocus:g.autoFocus}),F=(0,i.useMemo)((()=>S?"hovered":P&&g.checked?"mixed":g.checked?"checked":"unchecked"),[S,P,g.checked]);return(0,u.jsxs)(d.StyledCheckboxLabel,{ref:I,...(0,s.mergeProps)(O,A,(0,s.filterDOMProps)(f,{labelable:!0})),as:b,className:(0,a.default)("nextui-checkbox-label",`nextui-checkbox--${F}`,h),css:x,disableAnimation:q,isDisabled:g.disabled,size:m,children:[(0,u.jsxs)(d.StyledCheckboxContainer,{className:"nextui-checkbox-container",color:y,css:D,disableAnimation:q,isDisabled:g.disabled,isFocusVisible:_,isHovered:S,isRounded:j,...M,children:[(0,u.jsx)(t.VisuallyHidden,{children:(0,u.jsx)("input",{ref:N,className:"nextui-checkbox-input",...(0,s.mergeProps)(g,M)})}),(0,u.jsx)(d.StyledCheckboxMask,{className:"nextui-checkbox-mask",disableAnimation:q,isChecked:g.checked,isIndeterminate:P,children:(0,u.jsxs)(d.StyledIconCheck,{className:"nextui-icon-check",disableAnimation:q,isChecked:g.checked,isIndeterminate:P,size:m,children:[(0,u.jsx)(d.StyledIconCheckFirstLine,{className:"nextui-icon-check-line1",disableAnimation:q,isChecked:g.checked,isIndeterminate:P}),(0,u.jsx)(d.StyledIconCheckSecondLine,{className:"nextui-icon-check-line2",disableAnimation:q,isChecked:g.checked,isIndeterminate:P})]})})]}),(k||p)&&(0,u.jsx)(d.StyledCheckboxText,{className:"nextui-checkbox-text",color:C,disableAnimation:q,isChecked:g.checked,isDisabled:g.disabled,lineThrough:v,children:k||p})]})}));n.__DEV__&&(b.displayName="NextUI.Checkbox"),b.toString=()=>".nextui-checkbox";var x=b;exports.default=x,module.exports=exports.default;
|
package/cjs/input/input.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 a=p(t);if(a&&a.has(e))return a.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var i=l?Object.getOwnPropertyDescriptor(e,n):null;i&&(i.get||i.set)?Object.defineProperty(r,n,i):r[n]=e[n]}r.default=e,a&&a.set(e,r);return r}(require("react")),a=require("@react-aria/label"),r=require("@react-aria/focus"),l=e(require("../use-theme")),n=require("../utils/console"),i=e(require("../utils/clear-icon")),o=e(require("../utils/clsx")),s=require("../utils/assertion"),d=require("./input.styles"),u=require("./input-props"),c=require("react/jsx-runtime");function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(p=function(e){return e?a:t})(e)}const f="nextui-input",h=t.default.forwardRef((({as:e="input",label:u,labelPlaceholder:p,labelLeft:h,labelRight:b,size:m,helperText:y,color:x,helperColor:$,status:g,contentLeft:C,contentRight:v,contentClickable:w,contentLeftStyling:S,contentRightStyling:j,onContentClick:I,initialValue:k,onChange:q,readOnly:N,value:P,onClearClick:M,clearable:O,shadow:R,animated:D,required:L,width:F,className:T,onBlur:W,onFocus:_,autoComplete:V,placeholder:B,fullWidth:E,borderWeight:H,disabled:U,bordered:z,underlined:A,rounded:G,css:J,...K},Q)=>{const X=(0,t.useRef)(null);(0,t.useImperativeHandle)(Q,(()=>X.current));const[Y,Z]=(0,t.useState)(k),[ee,te]=(0,t.useState)(!1),{isDark:ae}=(0,l.default)(),re=(0,t.useMemo)((()=>void 0!==P),[P]),le=(0,t.useMemo)((()=>u||p),[u,p]),ne=(0,t.useMemo)((()=>p?"":B),[B,p]),ie=(0,t.useMemo)((()=>E?"100%":F||"initial"),[E,F]);A&&s.__DEV__&&(z&&(0,n.warn)("Using underlined and bordered at the same time will have no effect."),G&&(0,n.warn)("Using underlined and rounded at the same time will have no effect."));const oe=(e,t)=>{U||I&&I(e,t)};(0,t.useEffect)((()=>{re&&Z(P)}),[re,P]);const se=(0,t.useMemo)((()=>"textarea"===e),[e]),de={...K,...re?{value:
|
|
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 a=p(t);if(a&&a.has(e))return a.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var i=l?Object.getOwnPropertyDescriptor(e,n):null;i&&(i.get||i.set)?Object.defineProperty(r,n,i):r[n]=e[n]}r.default=e,a&&a.set(e,r);return r}(require("react")),a=require("@react-aria/label"),r=require("@react-aria/focus"),l=e(require("../use-theme")),n=require("../utils/console"),i=e(require("../utils/clear-icon")),o=e(require("../utils/clsx")),s=require("../utils/assertion"),d=require("./input.styles"),u=require("./input-props"),c=require("react/jsx-runtime");function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(p=function(e){return e?a:t})(e)}const f="nextui-input",h=t.default.forwardRef((({as:e="input",label:u,labelPlaceholder:p,labelLeft:h,labelRight:b,size:m,helperText:y,color:x,helperColor:$,status:g,contentLeft:C,contentRight:v,contentClickable:w,contentLeftStyling:S,contentRightStyling:j,onContentClick:I,initialValue:k,onChange:q,readOnly:N,value:P,onClearClick:M,clearable:O,shadow:R,animated:D,required:L,width:F,className:T,onBlur:W,onFocus:_,autoComplete:V,placeholder:B,fullWidth:E,borderWeight:H,disabled:U,bordered:z,underlined:A,rounded:G,css:J,...K},Q)=>{const X=(0,t.useRef)(null);(0,t.useImperativeHandle)(Q,(()=>X.current));const[Y,Z]=(0,t.useState)(k),[ee,te]=(0,t.useState)(!1),{isDark:ae}=(0,l.default)(),re=(0,t.useMemo)((()=>void 0!==P),[P]),le=(0,t.useMemo)((()=>u||p),[u,p]),ne=(0,t.useMemo)((()=>p?"":B),[B,p]),ie=(0,t.useMemo)((()=>E?"100%":F||"initial"),[E,F]);A&&s.__DEV__&&(z&&(0,n.warn)("Using underlined and bordered at the same time will have no effect."),G&&(0,n.warn)("Using underlined and rounded at the same time will have no effect."));const oe=(e,t)=>{U||I&&I(e,t)};(0,t.useEffect)((()=>{re&&Z(P)}),[re,P]);const se=(0,t.useMemo)((()=>"textarea"===e),[e]),de={...K,...re?{value:P}:{defaultValue:k}},{isFocusVisible:ue,focusProps:ce}=(0,r.useFocusRing)(),{labelProps:pe,fieldProps:fe}=(0,a.useLabel)({...de,label:le}),he=(0,t.useMemo)((()=>ee?"hover":U?"disabled":N?"read-only":Y?"with-value":"normal"),[ee,U,N,Y]);return(0,c.jsxs)(d.StyledInputMainContainer,{borderWeight:H,className:(0,o.default)(`${f}-main-container`,`${f}-main-container--${he}`),color:x,css:{width:ie,...J},"data-state":he,disabled:U,helperColor:$,rounded:G,size:m,status:g,children:[le&&(0,c.jsx)(d.StyledInputBlockLabel,{animated:D,asPlaceholder:!!p,bordered:z,className:`${f}-block-label`,focused:ee,hasContentLeft:!!C,htmlFor:"htmlFor"in pe?pe.htmlFor:"",id:pe.id,isTextarea:se,rounded:G,underlined:A,withValue:!!Y,children:le}),(0,c.jsx)(d.StyledInputContainer,{animated:D,className:(0,o.default)(`${f}-container`,`${f}-container--${he}`,{[`${f}-container--input`]:!se,[`${f}-container--textarea`]:se,[`${f}-container--read-only`]:N},T),focused:ee,isReadOnly:N,isTextarea:se,underlined:A,children:(0,c.jsxs)(d.StyledInputWrapper,{animated:D,as:le?"div":"label",bordered:z,className:(0,o.default)(`${f}-wrapper`,`${f}-wrapper--${he}`,{[`${f}-wrapper--bordered`]:z,[`${f}-wrapper--underlined`]:A,[`${f}-wrapper--shadow`]:R}),disabled:U,focused:ee,isReadOnly:N,isTextarea:se,shadow:R,underlined:A,children:[!le&&B&&(0,c.jsx)(d.StyledInputPlaceholder,{className:`${f}-placeholder`,children:B}),h&&(0,c.jsx)(d.StyledInputLabel,{bordered:z,className:`${f}-label--left`,isDark:ae,isDefaultStatus:"default"===g,underlined:A,children:h}),C&&(0,c.jsx)(d.StyledInputContent,{applyStyles:S,className:(0,o.default)(`${f}-content`,`${f}-content--left`),clickable:w,onClick:e=>oe("left",e),children:C}),(0,c.jsx)(d.StyledInput,{ref:X,"aria-multiline":se,"aria-placeholder":ne,"aria-readonly":N,"aria-required":L,as:e,autoComplete:V,bordered:z,className:(0,o.default)({[`${f}`]:!se,[`${f}-textarea`]:se,[`${f}-disabled`]:U,[`${f}-rounded`]:G,[`${f}-${f}-right-content`]:v,[`${f}-left-content`]:C}),"data-state":he,disabled:U,focused:ee,hasLeftContent:!!C,hasRightContent:!!v,isTextarea:se,placeholder:ne,readOnly:N,required:L,type:"text",onBlur:e=>{te(!1),W&&W(e)},onChange:e=>{U||N||(re||Z(e.target.value),q&&q(e))},onFocus:e=>{te(!0),_&&_(e)},...de,...fe}),O&&(0,c.jsx)(d.StyledInputClearButton,{animated:D,"aria-label":"clear",className:`${f}-clear-button`,disabled:U||N,hasContentRight:!!v,lang:"en",type:"button",underlined:A,visible:Boolean(Y),onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),re||Z(""),M&&M(e),!X.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(X.current,e);t.target.value="",q&&q(t),X.current.focus()},...ce,children:(0,c.jsx)(d.StyledInputClearButtonIconWrapper,{isFocusVisible:ue,children:(0,c.jsx)(i.default,{fill:"currentColor"})})}),v&&(0,c.jsx)(d.StyledInputContent,{applyStyles:j,className:(0,o.default)(`${f}-content`,`${f}-content--right`),clickable:w,onClick:e=>oe("right",e),children:v}),b&&(0,c.jsx)(d.StyledInputLabel,{bordered:z,className:`${f}-label--right`,isDark:ae,isDefaultStatus:"default"===g,isRight:!0,underlined:A,children:b})]})}),(0,c.jsx)(d.StyledHelperTextContainer,{className:`${f}-helper-text-container`,withValue:!!y,children:y&&(0,c.jsx)(d.StyledHelperText,{className:`${f}-helper-text`,children:y})})]})}));h.displayName="NextUI.Input",h.defaultProps=u.defaultProps,h.toString=()=>".nextui-input";var b=h;exports.default=b,module.exports=exports.default;
|
package/cjs/radio/radio.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.Radio=void 0;var i=function(e,i){if(!i&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=c(i);if(r&&r.has(e))return r.get(e);var s={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var t in e)if("default"!==t&&Object.prototype.hasOwnProperty.call(e,t)){var o=a?Object.getOwnPropertyDescriptor(e,t):null;o&&(o.get||o.set)?Object.defineProperty(s,t,o):s[t]=e[t]}s.default=e,r&&r.set(e,s);return s}(require("react")),r=require("@react-aria/utils"),s=require("@react-aria/focus"),a=require("@react-aria/visually-hidden"),t=e(require("../utils/clsx")),o=require("../utils/assertion"),d=require("../utils/dom"),u=require("./use-radio"),l=require("./radio.styles"),n=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var i=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:i})(e)}const p=i.default.forwardRef(((e,o)=>{const{className:c,as:p,css:f,children:x,label:b,description:h,...v}=e,{size:y,color:q,inputRef:m,labelColor:R,isHovered:j,isSquared:P,isInvalid:k,isDisabled:D,autoFocus:N,disableAnimation:O,hoverProps:S,inputProps:_,isRequired:g}=(0,u.useRadio)({...v,children:null!=x?x:b}),w=(0,d.useFocusableRef)(o,m),{focusProps:F,isFocusVisible:M}=(0,s.useFocusRing)({autoFocus:N}),I=(0,i.useMemo)((()=>j?"is-hovered":D?"is-disabled":_.checked?"checked":"
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.Radio=void 0;var i=function(e,i){if(!i&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=c(i);if(r&&r.has(e))return r.get(e);var s={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var t in e)if("default"!==t&&Object.prototype.hasOwnProperty.call(e,t)){var o=a?Object.getOwnPropertyDescriptor(e,t):null;o&&(o.get||o.set)?Object.defineProperty(s,t,o):s[t]=e[t]}s.default=e,r&&r.set(e,s);return s}(require("react")),r=require("@react-aria/utils"),s=require("@react-aria/focus"),a=require("@react-aria/visually-hidden"),t=e(require("../utils/clsx")),o=require("../utils/assertion"),d=require("../utils/dom"),u=require("./use-radio"),l=require("./radio.styles"),n=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var i=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:i})(e)}const p=i.default.forwardRef(((e,o)=>{const{className:c,as:p,css:f,children:x,label:b,description:h,...v}=e,{size:y,color:q,inputRef:m,labelColor:R,isHovered:j,isSquared:P,isInvalid:k,isDisabled:D,autoFocus:N,disableAnimation:O,hoverProps:S,inputProps:_,isRequired:g}=(0,u.useRadio)({...v,children:null!=x?x:b}),w=(0,d.useFocusableRef)(o,m),{focusProps:F,isFocusVisible:M}=(0,s.useFocusRing)({autoFocus:N}),I=(0,i.useMemo)((()=>j?"is-hovered":D?"is-disabled":_.checked?"checked":"unchecked"),[D,_.checked,j]);return(0,n.jsxs)(l.StyledRadioLabel,{ref:w,...S,as:p,className:(0,t.default)("nextui-radio-label",`nextui-radio--${I}`,c),color:q,css:f,"data-state":I,disableAnimation:O,isChecked:_.checked,isDisabled:D,isHovered:j,isInvalid:k,isSquared:P,size:y,children:[(0,n.jsxs)(l.StyledRadioContainer,{className:"nextui-radio-container",children:[(0,n.jsx)(l.StyledRadioPoint,{className:"nextui-radio-point",isFocusVisible:M,...F,children:(0,n.jsx)(a.VisuallyHidden,{children:(0,n.jsx)("input",{ref:m,className:"nextui-radio-input",required:g,...(0,r.mergeProps)(_,F)})})}),(0,n.jsx)(l.StyledRadioText,{className:"nextui-radio-text",color:R,isDisabled:D,isInvalid:k,children:x})]}),h&&(0,n.jsx)(l.StyledRadioDescription,{className:"nextui-radio-description",isDisabled:D,isInvalid:k,children:h})]})}));exports.Radio=p,o.__DEV__&&(p.displayName="NextUI.Radio"),p.toString=()=>".nextui-radio";var f=p;exports.default=f;
|
package/cjs/textarea/textarea.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=f(t);if(r&&r.has(e))return r.get(e);var u={},
|
|
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=f(t);if(r&&r.has(e))return r.get(e);var u={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var s=a?Object.getOwnPropertyDescriptor(e,n):null;s&&(s.get||s.set)?Object.defineProperty(u,n,s):u[n]=e[n]}u.default=e,r&&r.set(e,u);return u}(require("react")),r=e(require("../utils/with-defaults")),u=e(require("../input")),a=e(require("../use-resize")),n=require("../utils/console"),s=require("../utils/prop-types"),i=require("../utils/assertion"),o=require("./utils"),l=require("react/jsx-runtime");function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:t})(e)}const c=t.default.forwardRef(((e,r)=>{const f=(0,t.useRef)(null),c=t.default.useRef(0),p=t.default.useRef(),{cacheMeasurements:d,rows:x,maxRows:y,minRows:g,onChange:h,onHeightChange:m,css:w,...v}=e;Object.keys(v).forEach((e=>{s.excludedInputPropsForTextarea.indexOf(e)>-1&&delete v[e]}));const _=void 0!==v.value;i.__DEV__&&v.style&&("maxHeight"in v.style&&(0,n.warn)("Using `style.maxHeight` for <Textarea/> is not supported. Please use `maxRows`."),"minHeight"in v.style&&(0,n.warn)("Using `style.minHeight` for <Textarea/> is not supported. Please use `minRows`.")),(0,t.useImperativeHandle)(r,(()=>f.current));const q=()=>{const e=f.current,t=d&&p.current?p.current:(0,o.getSizingData)(e);if(!t)return;p.current=t;const[r,u]=(0,o.calculateNodeHeight)(t,_&&v.value||e.value||e.placeholder||"x",x||g,x||y);c.current!==r&&(c.current=r,e.style.setProperty("height",`${r}px`,"important"),m&&m(r,{rowHeight:u}))};return"undefined"!=typeof document&&((0,t.useLayoutEffect)(q),(0,a.default)(q)),(0,l.jsx)(u.default,{ref:f,as:"textarea",css:w,onChange:e=>{q(),h&&h(e)},...v})}));i.__DEV__&&(c.displayName="NextUI.Textarea"),c.toString=()=>".nextui-textarea";var p=(0,r.default)(c,{minRows:3,maxRows:6,cacheMeasurements:!0,initialValue:""});exports.default=p,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.default=exports.DOTS=void 0;var e=require("react"),t=require("../utils/numbers");exports.DOTS="dots";var r=({page:r,total:a,siblings:s=1,boundaries:n=1,initialPage:o=1,onChange:u})=>{const[i,g]=(0,e.useState)(r||o);(0,e.useEffect)((()=>{r&&r!==i&&g(r)}),[r]);const
|
|
1
|
+
exports.__esModule=!0,exports.default=exports.DOTS=void 0;var e=require("react"),t=require("../utils/numbers");exports.DOTS="dots";var r=({page:r,total:a,siblings:s=1,boundaries:n=1,initialPage:o=1,onChange:u})=>{const[i,g]=(0,e.useState)(r||o),l=(0,e.useMemo)((()=>void 0!==r),[r]);(0,e.useEffect)((()=>{r&&r!==i&&g(r)}),[r,i]);const d=(0,e.useCallback)((e=>{l||g(e),null==u||u(e)}),[g,u,l]),c=(0,e.useCallback)((e=>{d(e<=0?1:e>a?a:e)}),[d,a]);return{range:(0,e.useMemo)((()=>{if(2*s+3+2*n>=a)return(0,t.range)(1,a);const e=Math.max(i-s,n),r=Math.min(i+s,a-n),o=e>n+2,u=r<a-(n+1);if(!o&&u){const e=2*s+n+2;return[...(0,t.range)(1,e),"dots",...(0,t.range)(a-(n-1),a)]}if(o&&!u){const e=n+1+2*s;return[...(0,t.range)(1,n),"dots",...(0,t.range)(a-e,a)]}return[...(0,t.range)(1,n),"dots",...(0,t.range)(e,r),"dots",...(0,t.range)(a-n+1,a)]}),[a,s,i]),active:i,setPage:c,next:()=>c(i+1),previous:()=>c(i-1),first:()=>c(1),last:()=>c(a)}};exports.default=r;
|
package/esm/card/card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import r from"react";import s from"../utils/drip";import{__DEV__ as e}from"../utils/assertion";import{useCard as i}from"./use-card";import{StyledCard as t}from"./card.styles";import{jsx as o}from"react/jsx-runtime";import{jsxs as a}from"react/jsx-runtime";const d=r.forwardRef((({...r},e)=>{const{as:d,css:n,children:m,...
|
|
1
|
+
import r from"react";import s from"../utils/drip";import{__DEV__ as e}from"../utils/assertion";import{useCard as i}from"./use-card";import{StyledCard as t}from"./card.styles";import{jsx as o}from"react/jsx-runtime";import{jsxs as a}from"react/jsx-runtime";const d=r.forwardRef((({...r},e)=>{const{as:d,css:n,children:m,...l}=r,{cardRef:c,variant:p,isFocusVisible:f,isPressable:b,isPressed:u,disableAnimation:x,disableRipple:g,borderWeight:P,isHovered:h,getCardProps:j,dripBindings:v}=i({...l,ref:e});return a(t,{ref:c,as:d,borderWeight:P,css:n,disableAnimation:x,isFocusVisible:f,isHovered:h,isPressable:b,isPressed:u,role:b?"button":"region",tabIndex:b?0:-1,variant:p,...j(),children:[b&&!x&&!g&&o(s,{...v}),m]})}));e&&(d.displayName="NextUI.Card"),d.toString=()=>".nextui-card";export default d;
|
package/esm/checkbox/checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useMemo as i}from"react";import{mergeProps as
|
|
1
|
+
import e,{useMemo as i}from"react";import{filterDOMProps as s,mergeProps as c}from"@react-aria/utils";import{useFocusRing as a}from"@react-aria/focus";import{useHover as o,usePress as r}from"@react-aria/interactions";import{VisuallyHidden as t}from"@react-aria/visually-hidden";import n from"../utils/clsx";import{__DEV__ as l}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useCheckbox as m}from"./use-checkbox";import{StyledCheckboxLabel as h,StyledCheckboxContainer as u,StyledCheckboxMask as b,StyledIconCheck as k,StyledIconCheckFirstLine as x,StyledIconCheckSecondLine as p,StyledCheckboxText as f}from"./checkbox.styles";import{jsx as N}from"react/jsx-runtime";import{jsxs as A}from"react/jsx-runtime";const C=e.forwardRef(((e,l)=>{const{className:C,as:I,css:v,children:D,label:j,...F}=e,{size:P,color:R,labelColor:g,isRounded:y,lineThrough:z,disableAnimation:H,isIndeterminate:T,inputRef:V,inputProps:w,containerCss:S}=m({...F,children:null!=D?D:j}),U=d(l,V),{hoverProps:$,isHovered:q}=o({isDisabled:w.disabled}),{pressProps:B}=r({isDisabled:w.disabled}),{focusProps:E,isFocusVisible:G}=a({autoFocus:w.autoFocus}),J=i((()=>q?"hovered":T&&w.checked?"mixed":w.checked?"checked":"unchecked"),[q,T,w.checked]);return A(h,{ref:U,...c($,B,s(F,{labelable:!0})),as:I,className:n("nextui-checkbox-label",`nextui-checkbox--${J}`,C),css:v,disableAnimation:H,isDisabled:w.disabled,size:P,children:[A(u,{className:"nextui-checkbox-container",color:R,css:S,disableAnimation:H,isDisabled:w.disabled,isFocusVisible:G,isHovered:q,isRounded:y,...E,children:[N(t,{children:N("input",{ref:V,className:"nextui-checkbox-input",...c(w,E)})}),N(b,{className:"nextui-checkbox-mask",disableAnimation:H,isChecked:w.checked,isIndeterminate:T,children:A(k,{className:"nextui-icon-check",disableAnimation:H,isChecked:w.checked,isIndeterminate:T,size:P,children:[N(x,{className:"nextui-icon-check-line1",disableAnimation:H,isChecked:w.checked,isIndeterminate:T}),N(p,{className:"nextui-icon-check-line2",disableAnimation:H,isChecked:w.checked,isIndeterminate:T})]})})]}),(D||j)&&N(f,{className:"nextui-checkbox-text",color:g,disableAnimation:H,isChecked:w.checked,isDisabled:w.disabled,lineThrough:z,children:D||j})]})}));l&&(C.displayName="NextUI.Checkbox"),C.toString=()=>".nextui-checkbox";export default C;
|
package/esm/input/input.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useEffect as t,useImperativeHandle as a,useMemo as r,useRef as l,useState as n}from"react";import{useLabel as i}from"@react-aria/label";import{useFocusRing as o}from"@react-aria/focus";import s from"../use-theme";import{warn as d}from"../utils/console";import c from"../utils/clear-icon";import u from"../utils/clsx";import{__DEV__ as p}from"../utils/assertion";import{StyledInput as m,StyledInputMainContainer as h,StyledInputContainer as f,StyledHelperTextContainer as b,StyledHelperText as $,StyledInputWrapper as g,StyledInputPlaceholder as y,StyledInputClearButtonIconWrapper as C,StyledInputClearButton as x,StyledInputBlockLabel as w,StyledInputLabel as N,StyledInputContent as v}from"./input.styles";import{defaultProps as k}from"./input-props";import{jsx as S}from"react/jsx-runtime";import{jsxs as I}from"react/jsx-runtime";const R="nextui-input",P=e.forwardRef((({as:e="input",label:k,labelPlaceholder:P,labelLeft:F,labelRight:L,size:B,helperText:D,color:T,helperColor:V,status:j,contentLeft:O,contentRight:W,contentClickable:q,contentLeftStyling:U,contentRightStyling:z,onContentClick:E,initialValue:A,onChange:G,readOnly:H,value:J,onClearClick:K,clearable:M,shadow:Q,animated:X,required:Y,width:Z,className:_,onBlur:ee,onFocus:te,autoComplete:ae,placeholder:re,fullWidth:le,borderWeight:ne,disabled:ie,bordered:oe,underlined:se,rounded:de,css:ce,...ue},pe)=>{const me=l(null);a(pe,(()=>me.current));const[he,fe]=n(A),[be,$e]=n(!1),{isDark:ge}=s(),ye=r((()=>void 0!==J),[J]),Ce=r((()=>k||P),[k,P]),xe=r((()=>P?"":re),[re,P]),we=r((()=>le?"100%":Z||"initial"),[le,Z]);se&&p&&(oe&&d("Using underlined and bordered at the same time will have no effect."),de&&d("Using underlined and rounded at the same time will have no effect."));const Ne=(e,t)=>{ie||E&&E(e,t)};t((()=>{ye&&fe(J)}),[ye,J]);const ve=r((()=>"textarea"===e),[e]),ke={...ue,...ye?{value:
|
|
1
|
+
import e,{useEffect as t,useImperativeHandle as a,useMemo as r,useRef as l,useState as n}from"react";import{useLabel as i}from"@react-aria/label";import{useFocusRing as o}from"@react-aria/focus";import s from"../use-theme";import{warn as d}from"../utils/console";import c from"../utils/clear-icon";import u from"../utils/clsx";import{__DEV__ as p}from"../utils/assertion";import{StyledInput as m,StyledInputMainContainer as h,StyledInputContainer as f,StyledHelperTextContainer as b,StyledHelperText as $,StyledInputWrapper as g,StyledInputPlaceholder as y,StyledInputClearButtonIconWrapper as C,StyledInputClearButton as x,StyledInputBlockLabel as w,StyledInputLabel as N,StyledInputContent as v}from"./input.styles";import{defaultProps as k}from"./input-props";import{jsx as S}from"react/jsx-runtime";import{jsxs as I}from"react/jsx-runtime";const R="nextui-input",P=e.forwardRef((({as:e="input",label:k,labelPlaceholder:P,labelLeft:F,labelRight:L,size:B,helperText:D,color:T,helperColor:V,status:j,contentLeft:O,contentRight:W,contentClickable:q,contentLeftStyling:U,contentRightStyling:z,onContentClick:E,initialValue:A,onChange:G,readOnly:H,value:J,onClearClick:K,clearable:M,shadow:Q,animated:X,required:Y,width:Z,className:_,onBlur:ee,onFocus:te,autoComplete:ae,placeholder:re,fullWidth:le,borderWeight:ne,disabled:ie,bordered:oe,underlined:se,rounded:de,css:ce,...ue},pe)=>{const me=l(null);a(pe,(()=>me.current));const[he,fe]=n(A),[be,$e]=n(!1),{isDark:ge}=s(),ye=r((()=>void 0!==J),[J]),Ce=r((()=>k||P),[k,P]),xe=r((()=>P?"":re),[re,P]),we=r((()=>le?"100%":Z||"initial"),[le,Z]);se&&p&&(oe&&d("Using underlined and bordered at the same time will have no effect."),de&&d("Using underlined and rounded at the same time will have no effect."));const Ne=(e,t)=>{ie||E&&E(e,t)};t((()=>{ye&&fe(J)}),[ye,J]);const ve=r((()=>"textarea"===e),[e]),ke={...ue,...ye?{value:J}:{defaultValue:A}},{isFocusVisible:Se,focusProps:Ie}=o(),{labelProps:Re,fieldProps:Pe}=i({...ke,label:Ce}),Fe=r((()=>be?"hover":ie?"disabled":H?"read-only":he?"with-value":"normal"),[be,ie,H,he]);return I(h,{borderWeight:ne,className:u(`${R}-main-container`,`${R}-main-container--${Fe}`),color:T,css:{width:we,...ce},"data-state":Fe,disabled:ie,helperColor:V,rounded:de,size:B,status:j,children:[Ce&&S(w,{animated:X,asPlaceholder:!!P,bordered:oe,className:`${R}-block-label`,focused:be,hasContentLeft:!!O,htmlFor:"htmlFor"in Re?Re.htmlFor:"",id:Re.id,isTextarea:ve,rounded:de,underlined:se,withValue:!!he,children:Ce}),S(f,{animated:X,className:u(`${R}-container`,`${R}-container--${Fe}`,{[`${R}-container--input`]:!ve,[`${R}-container--textarea`]:ve,[`${R}-container--read-only`]:H},_),focused:be,isReadOnly:H,isTextarea:ve,underlined:se,children:I(g,{animated:X,as:Ce?"div":"label",bordered:oe,className:u(`${R}-wrapper`,`${R}-wrapper--${Fe}`,{[`${R}-wrapper--bordered`]:oe,[`${R}-wrapper--underlined`]:se,[`${R}-wrapper--shadow`]:Q}),disabled:ie,focused:be,isReadOnly:H,isTextarea:ve,shadow:Q,underlined:se,children:[!Ce&&re&&S(y,{className:`${R}-placeholder`,children:re}),F&&S(N,{bordered:oe,className:`${R}-label--left`,isDark:ge,isDefaultStatus:"default"===j,underlined:se,children:F}),O&&S(v,{applyStyles:U,className:u(`${R}-content`,`${R}-content--left`),clickable:q,onClick:e=>Ne("left",e),children:O}),S(m,{ref:me,"aria-multiline":ve,"aria-placeholder":xe,"aria-readonly":H,"aria-required":Y,as:e,autoComplete:ae,bordered:oe,className:u({[`${R}`]:!ve,[`${R}-textarea`]:ve,[`${R}-disabled`]:ie,[`${R}-rounded`]:de,[`${R}-${R}-right-content`]:W,[`${R}-left-content`]:O}),"data-state":Fe,disabled:ie,focused:be,hasLeftContent:!!O,hasRightContent:!!W,isTextarea:ve,placeholder:xe,readOnly:H,required:Y,type:"text",onBlur:e=>{$e(!1),ee&&ee(e)},onChange:e=>{ie||H||(ye||fe(e.target.value),G&&G(e))},onFocus:e=>{$e(!0),te&&te(e)},...ke,...Pe}),M&&S(x,{animated:X,"aria-label":"clear",className:`${R}-clear-button`,disabled:ie||H,hasContentRight:!!W,lang:"en",type:"button",underlined:se,visible:Boolean(he),onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),ye||fe(""),K&&K(e),!me.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(me.current,e);t.target.value="",G&&G(t),me.current.focus()},...Ie,children:S(C,{isFocusVisible:Se,children:S(c,{fill:"currentColor"})})}),W&&S(v,{applyStyles:z,className:u(`${R}-content`,`${R}-content--right`),clickable:q,onClick:e=>Ne("right",e),children:W}),L&&S(N,{bordered:oe,className:`${R}-label--right`,isDark:ge,isDefaultStatus:"default"===j,isRight:!0,underlined:se,children:L})]})}),S(b,{className:`${R}-helper-text-container`,withValue:!!D,children:D&&S($,{className:`${R}-helper-text`,children:D})})]})}));P.displayName="NextUI.Input",P.defaultProps=k,P.toString=()=>".nextui-input";export default P;
|
package/esm/radio/radio.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import i,{useMemo as e}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as r}from"@react-aria/focus";import{VisuallyHidden as a}from"@react-aria/visually-hidden";import o from"../utils/clsx";import{__DEV__ as t}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useRadio as l}from"./use-radio";import{StyledRadioText as c,StyledRadioPoint as n,StyledRadioLabel as u,StyledRadioDescription as m,StyledRadioContainer as p}from"./radio.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";export const Radio=i.forwardRef(((i,t)=>{const{className:x,as:b,css:v,children:N,label:R,description:k,...I}=i,{size:j,color:q,inputRef:D,labelColor:F,isHovered:y,isSquared:P,isInvalid:S,isDisabled:z,autoFocus:A,disableAnimation:C,hoverProps:H,inputProps:V,isRequired:g}=l({...I,children:null!=N?N:R}),w=d(t,D),{focusProps:U,isFocusVisible:$}=r({autoFocus:A}),B=e((()=>y?"is-hovered":z?"is-disabled":V.checked?"checked":"
|
|
1
|
+
import i,{useMemo as e}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as r}from"@react-aria/focus";import{VisuallyHidden as a}from"@react-aria/visually-hidden";import o from"../utils/clsx";import{__DEV__ as t}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useRadio as l}from"./use-radio";import{StyledRadioText as c,StyledRadioPoint as n,StyledRadioLabel as u,StyledRadioDescription as m,StyledRadioContainer as p}from"./radio.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";export const Radio=i.forwardRef(((i,t)=>{const{className:x,as:b,css:v,children:N,label:R,description:k,...I}=i,{size:j,color:q,inputRef:D,labelColor:F,isHovered:y,isSquared:P,isInvalid:S,isDisabled:z,autoFocus:A,disableAnimation:C,hoverProps:H,inputProps:V,isRequired:g}=l({...I,children:null!=N?N:R}),w=d(t,D),{focusProps:U,isFocusVisible:$}=r({autoFocus:A}),B=e((()=>y?"is-hovered":z?"is-disabled":V.checked?"checked":"unchecked"),[z,V.checked,y]);return h(u,{ref:w,...H,as:b,className:o("nextui-radio-label",`nextui-radio--${B}`,x),color:q,css:v,"data-state":B,disableAnimation:C,isChecked:V.checked,isDisabled:z,isHovered:y,isInvalid:S,isSquared:P,size:j,children:[h(p,{className:"nextui-radio-container",children:[f(n,{className:"nextui-radio-point",isFocusVisible:$,...U,children:f(a,{children:f("input",{ref:D,className:"nextui-radio-input",required:g,...s(V,U)})})}),f(c,{className:"nextui-radio-text",color:F,isDisabled:z,isInvalid:S,children:N})]}),k&&f(m,{className:"nextui-radio-description",isDisabled:z,isInvalid:S,children:k})]})}));t&&(Radio.displayName="NextUI.Radio"),Radio.toString=()=>".nextui-radio";export default Radio;
|
package/esm/textarea/textarea.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useRef as t,useImperativeHandle as r,useLayoutEffect as s}from"react";import o from"../utils/with-defaults";import i from"../input";import n from"../use-resize";import{warn as a}from"../utils/console";import{excludedInputPropsForTextarea as
|
|
1
|
+
import e,{useRef as t,useImperativeHandle as r,useLayoutEffect as s}from"react";import o from"../utils/with-defaults";import i from"../input";import n from"../use-resize";import{warn as a}from"../utils/console";import{excludedInputPropsForTextarea as u}from"../utils/prop-types";import{__DEV__ as m}from"../utils/assertion";import{calculateNodeHeight as l,getSizingData as c}from"./utils";import{jsx as p}from"react/jsx-runtime";const f=e.forwardRef(((o,f)=>{const x=t(null),h=e.useRef(0),d=e.useRef(),{cacheMeasurements:g,rows:y,maxRows:w,minRows:R,onChange:H,onHeightChange:v,css:j,...C}=o;Object.keys(C).forEach((e=>{u.indexOf(e)>-1&&delete C[e]}));const P=void 0!==C.value;m&&C.style&&("maxHeight"in C.style&&a("Using `style.maxHeight` for <Textarea/> is not supported. Please use `maxRows`."),"minHeight"in C.style&&a("Using `style.minHeight` for <Textarea/> is not supported. Please use `minRows`.")),r(f,(()=>x.current));const T=()=>{const e=x.current,t=g&&d.current?d.current:c(e);if(!t)return;d.current=t;const[r,s]=l(t,P&&C.value||e.value||e.placeholder||"x",y||R,y||w);h.current!==r&&(h.current=r,e.style.setProperty("height",`${r}px`,"important"),v&&v(r,{rowHeight:s}))};return"undefined"!=typeof document&&(s(T),n(T)),p(i,{ref:x,as:"textarea",css:j,onChange:e=>{T(),H&&H(e)},...C})}));m&&(f.displayName="NextUI.Textarea"),f.toString=()=>".nextui-textarea";export default o(f,{minRows:3,maxRows:6,cacheMeasurements:!0,initialValue:""});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useMemo as t,useCallback as r,useState as e,useEffect as n}from"react";import{range as i}from"../utils/numbers";export const DOTS="dots";export default({page:o,total:a,siblings:s=1,boundaries:u=1,initialPage:l=1,onChange:c})=>{const[f,m]=e(o||l);n((()=>{o&&o!==f&&m(o)}),[o]);const
|
|
1
|
+
import{useMemo as t,useCallback as r,useState as e,useEffect as n}from"react";import{range as i}from"../utils/numbers";export const DOTS="dots";export default({page:o,total:a,siblings:s=1,boundaries:u=1,initialPage:l=1,onChange:c})=>{const[f,m]=e(o||l),g=t((()=>void 0!==o),[o]);n((()=>{o&&o!==f&&m(o)}),[o,f]);const p=r((t=>{g||m(t),null==c||c(t)}),[m,c,g]),D=r((t=>{p(t<=0?1:t>a?a:t)}),[p,a]);return{range:t((()=>{if(2*s+3+2*u>=a)return i(1,a);const t=Math.max(f-s,u),r=Math.min(f+s,a-u),e=t>u+2,n=r<a-(u+1);if(!e&&n){return[...i(1,2*s+u+2),DOTS,...i(a-(u-1),a)]}if(e&&!n){const t=u+1+2*s;return[...i(1,u),DOTS,...i(a-t,a)]}return[...i(1,u),DOTS,...i(t,r),DOTS,...i(a-u+1,a)]}),[a,s,f]),active:f,setPage:D,next:()=>D(f+1),previous:()=>D(f-1),first:()=>D(1),last:()=>D(a)}};
|
package/package.json
CHANGED
|
@@ -30,6 +30,7 @@ export declare const DropdownProvider: import("react").Provider<{
|
|
|
30
30
|
}) | undefined;
|
|
31
31
|
placement?: import("..").PopoverPlacement | undefined;
|
|
32
32
|
onClose?: (() => void) | undefined;
|
|
33
|
+
scrollRef?: import("react").RefObject<HTMLElement> | undefined;
|
|
33
34
|
disableShadow?: boolean | "true" | ({
|
|
34
35
|
"@xs"?: boolean | "true" | undefined;
|
|
35
36
|
"@sm"?: boolean | "true" | undefined;
|
|
@@ -105,7 +106,6 @@ export declare const DropdownProvider: import("react").Provider<{
|
|
|
105
106
|
} & {
|
|
106
107
|
[x: string]: boolean | "true" | "false" | undefined;
|
|
107
108
|
}) | undefined;
|
|
108
|
-
scrollRef?: import("react").RefObject<HTMLElement> | undefined;
|
|
109
109
|
shouldFlip?: boolean | undefined;
|
|
110
110
|
isDismissable?: boolean | undefined;
|
|
111
111
|
triggerType?: "grid" | "dialog" | "menu" | "listbox" | "tree" | undefined;
|
|
@@ -196,6 +196,7 @@ export declare const DropdownProvider: import("react").Provider<{
|
|
|
196
196
|
}) | undefined;
|
|
197
197
|
placement?: import("..").PopoverPlacement | undefined;
|
|
198
198
|
onClose?: (() => void) | undefined;
|
|
199
|
+
scrollRef?: import("react").RefObject<HTMLElement> | undefined;
|
|
199
200
|
disableShadow?: boolean | "true" | ({
|
|
200
201
|
"@xs"?: boolean | "true" | undefined;
|
|
201
202
|
"@sm"?: boolean | "true" | undefined;
|
|
@@ -271,7 +272,6 @@ export declare const DropdownProvider: import("react").Provider<{
|
|
|
271
272
|
} & {
|
|
272
273
|
[x: string]: boolean | "true" | "false" | undefined;
|
|
273
274
|
}) | undefined;
|
|
274
|
-
scrollRef?: import("react").RefObject<HTMLElement> | undefined;
|
|
275
275
|
shouldFlip?: boolean | undefined;
|
|
276
276
|
isDismissable?: boolean | undefined;
|
|
277
277
|
triggerType?: "grid" | "dialog" | "menu" | "listbox" | "tree" | undefined;
|
|
@@ -58,6 +58,7 @@ export declare function useDropdown(props?: UseDropdownProps): {
|
|
|
58
58
|
}) | undefined;
|
|
59
59
|
placement?: import("../popover").PopoverPlacement | undefined;
|
|
60
60
|
onClose?: (() => void) | undefined;
|
|
61
|
+
scrollRef?: import("react").RefObject<HTMLElement> | undefined;
|
|
61
62
|
disableShadow?: boolean | "true" | ({
|
|
62
63
|
"@xs"?: boolean | "true" | undefined;
|
|
63
64
|
"@sm"?: boolean | "true" | undefined;
|
|
@@ -133,7 +134,6 @@ export declare function useDropdown(props?: UseDropdownProps): {
|
|
|
133
134
|
} & {
|
|
134
135
|
[x: string]: boolean | "true" | "false" | undefined;
|
|
135
136
|
}) | undefined;
|
|
136
|
-
scrollRef?: import("react").RefObject<HTMLElement> | undefined;
|
|
137
137
|
shouldFlip?: boolean | undefined;
|
|
138
138
|
isDismissable?: boolean | undefined;
|
|
139
139
|
triggerType?: "grid" | "dialog" | "menu" | "listbox" | "tree" | undefined;
|
package/types/table/table.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { CSS } from "../theme/stitches.config";
|
|
2
2
|
import React, { RefAttributes, PropsWithoutRef } from "react";
|
|
3
|
+
import { AriaTableProps } from "@react-aria/table";
|
|
3
4
|
import { TableStateProps } from "@react-stately/table";
|
|
4
5
|
import { SelectionMode, SelectionBehavior } from "@react-types/shared";
|
|
5
6
|
import { TableColumn as TableColumnBase, TableCell as TableCellBase, TableRow as TableRowBase, TableBody as TableBodyBase, TableHeader as TableHeaderBase } from "./base";
|
|
@@ -16,7 +17,7 @@ declare type NativeAttrs = Omit<React.TableHTMLAttributes<unknown>, keyof Props<
|
|
|
16
17
|
export declare type TableProps<T = object> = Props<T> & NativeAttrs & Omit<TableVariantsProps, "isMultiple" | "shadow" | "hasPagination"> & TableContainerVariantsProps & {
|
|
17
18
|
css?: CSS;
|
|
18
19
|
containerCss?: CSS;
|
|
19
|
-
}
|
|
20
|
+
} & Pick<AriaTableProps<T>, "onRowAction" | "onCellAction">;
|
|
20
21
|
declare type TableComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
|
|
21
22
|
Cell: typeof TableCellBase;
|
|
22
23
|
Column: typeof TableColumnBase;
|
|
@@ -8,6 +8,6 @@ export declare type SizingData = {
|
|
|
8
8
|
};
|
|
9
9
|
export declare const forceHiddenStyles: (node: HTMLElement) => void;
|
|
10
10
|
export declare const getSizingData: (node: HTMLElement) => SizingData | null;
|
|
11
|
-
export declare type CalculatedNodeHeights = number
|
|
11
|
+
export declare type CalculatedNodeHeights = [height: number, rowHeight: number];
|
|
12
12
|
export declare const calculateNodeHeight: (sizingData: SizingData, value: string, minRows?: number, maxRows?: number) => CalculatedNodeHeights;
|
|
13
13
|
export {};
|