Add isDisabled to RAC DropZone render props (#6311)

* add isDisabled to render props in RAC DropZone

* fix lint

Author: yihuiliao

packages/react-aria-components/src/DropZone.tsx

@@ -45,15 +45,15 @@ export interface DropZoneRenderProps {
    * Whether the dropzone is disabled.
    * @selector [data-disabled]
    */
-  isDisabled?: boolean
+  isDisabled: boolean
 }
 
 export interface DropZoneProps extends Omit<DropOptions, 'getDropOperationForPoint' | 'ref' | 'hasDropButton'>, HoverEvents, RenderProps<DropZoneRenderProps>, SlotProps, AriaLabelingProps {}
 
 export const DropZoneContext = createContext<ContextValue<DropZoneProps, HTMLDivElement>>(null);
 
 function DropZone(props: DropZoneProps, ref: ForwardedRef<HTMLDivElement>) {
-  let {isDisabled} = props;
+  let {isDisabled = false} = props;
   [props, ref] = useContextProps(props, ref, DropZoneContext);
   let dropzoneRef = useObjectRef(ref);
   let buttonRef = useRef<HTMLButtonElement>(null);
@@ -83,7 +83,7 @@ function DropZone(props: DropZoneProps, ref: ForwardedRef<HTMLDivElement>) {
 
   let renderProps = useRenderProps({
     ...props,
-    values: {isHovered, isFocused, isFocusVisible, isDropTarget},
+    values: {isHovered, isFocused, isFocusVisible, isDropTarget, isDisabled},
     defaultClassName: 'react-aria-DropZone'
   });
   let DOMProps = filterDOMProps(props);

packages/react-aria-components/stories/Dropzone.stories.tsx

@@ -147,7 +147,7 @@ const DropzoneWithRenderPropsExample = (props) => (
       onDrop={action('OnDrop')}
       onDropEnter={action('OnDropEnter')}
       onDropExit={action('OnDropExit')}>
-      {({isHovered, isFocused, isFocusVisible, isDropTarget}) => (
+      {({isHovered, isFocused, isFocusVisible, isDropTarget, isDisabled}) => (
         <div>
           <Text slot="label">
             DropzoneArea
@@ -156,6 +156,7 @@ const DropzoneWithRenderPropsExample = (props) => (
           <div>isFocused: {isFocused ? 'true' : 'false'}</div>
           <div>isFocusVisible: {isFocusVisible ? 'true' : 'false'}</div>
           <div>isDropTarget: {isDropTarget ? 'true' : 'false'}</div>
+          <div>isDisabled: {isDisabled ? 'true' : 'false'}</div>
         </div>
       )}
     </DropZone>