@itwin/itwinui-react 3.13.4 → 3.14.1

package/DEV-cjs/core/ExpandableBlock/ExpandableBlock.js

@@ -1,151 +1,221 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "ExpandableBlock", {
-    enumerable: true,
-    get: function() {
-        return ExpandableBlock;
-    }
+Object.defineProperty(exports, 'ExpandableBlock', {
+  enumerable: true,
+  get: function () {
+    return ExpandableBlock;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _classnames = _interop_require_default._(require("classnames"));
-const _react = _interop_require_wildcard._(require("react"));
-const _index = require("../../utils/index.js");
-const _Icon = require("../Icon/Icon.js");
-const _LinkAction = require("../LinkAction/LinkAction.js");
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _Icon = require('../Icon/Icon.js');
+const _LinkAction = require('../LinkAction/LinkAction.js');
 const ExpandableBlockContext = _react.createContext(void 0);
 ExpandableBlockContext.displayName = 'ExpandableBlockContext';
-const ExpandableBlockComponent = _react.forwardRef((props, forwardedRef)=>{
-    let { children, title, caption, endIcon, ...rest } = props;
-    return _react.createElement(ExpandableBlock.Wrapper, {
-        ...rest,
-        ref: forwardedRef
-    }, _react.createElement(ExpandableBlock.Trigger, {
-        label: title,
-        caption: caption,
-        endIcon: endIcon
-    }), _react.createElement(ExpandableBlock.Content, null, children));
+const ExpandableBlockComponent = _react.forwardRef((props, forwardedRef) => {
+  let { children, title, caption, endIcon, ...rest } = props;
+  return _react.createElement(
+    ExpandableBlock.Wrapper,
+    {
+      ...rest,
+      ref: forwardedRef,
+    },
+    _react.createElement(ExpandableBlock.Trigger, {
+      label: title,
+      caption: caption,
+      endIcon: endIcon,
+    }),
+    _react.createElement(ExpandableBlock.Content, null, children),
+  );
 });
 ExpandableBlockComponent.displayName = 'ExpandableBlock';
-const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef)=>{
-    let { children, className, onToggle, style, isExpanded, status, size = 'default', styleType = 'default', disabled = false, ...rest } = props;
-    let [expandedState, setExpanded] = _react.useState(isExpanded ?? false);
-    let expanded = isExpanded ?? expandedState;
-    let [descriptionId, setDescriptionId] = _react.useState(void 0);
-    return _react.createElement(ExpandableBlockContext.Provider, {
-        value: {
-            status,
-            isExpanded: expanded,
-            onToggle,
-            size,
-            styleType,
-            disabled,
-            setExpanded,
-            children,
-            descriptionId,
-            setDescriptionId
-        }
-    }, _react.createElement(_index.Box, {
+const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
+  let {
+    children,
+    className,
+    onToggle,
+    style,
+    isExpanded,
+    status,
+    size = 'default',
+    styleType = 'default',
+    disabled = false,
+    ...rest
+  } = props;
+  let [expandedState, setExpanded] = _react.useState(isExpanded ?? false);
+  let expanded = isExpanded ?? expandedState;
+  let [descriptionId, setDescriptionId] = _react.useState(void 0);
+  return _react.createElement(
+    ExpandableBlockContext.Provider,
+    {
+      value: {
+        status,
+        isExpanded: expanded,
+        onToggle,
+        size,
+        styleType,
+        disabled,
+        setExpanded,
+        children,
+        descriptionId,
+        setDescriptionId,
+      },
+    },
+    _react.createElement(
+      _index.Box,
+      {
         className: (0, _classnames.default)('iui-expandable-block', className),
-        "data-iui-expanded": expanded,
-        "data-iui-size": size,
-        "data-iui-variant": 'default' !== styleType ? styleType : void 0,
+        'data-iui-expanded': expanded,
+        'data-iui-size': size,
+        'data-iui-variant': 'default' !== styleType ? styleType : void 0,
         style: style,
         ref: forwardedRef,
-        ...rest
-    }, children));
+        ...rest,
+      },
+      children,
+    ),
+  );
 });
 ExpandableBlockWrapper.displayName = 'ExpandableBlock.Wrapper';
-const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef)=>{
-    let { className, children, label, caption, expandIcon, endIcon, ...rest } = props;
-    let { disabled, status } = (0, _index.useSafeContext)(ExpandableBlockContext);
-    return _react.createElement(_LinkAction.LinkBox, {
-        className: (0, _classnames.default)('iui-expandable-header', className),
-        "data-iui-disabled": disabled ? 'true' : void 0,
-        ref: forwardedRef,
-        ...rest
-    }, children ?? _react.createElement(_react.Fragment, null, expandIcon ?? _react.createElement(ExpandableBlock.ExpandIcon, null), _react.createElement(ExpandableBlock.LabelArea, null, _react.createElement(ExpandableBlock.Title, null, label), caption && _react.createElement(ExpandableBlock.Caption, null, caption)), endIcon || status ? _react.createElement(ExpandableBlock.EndIcon, null, endIcon) : null));
+const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef) => {
+  let { className, children, label, caption, expandIcon, endIcon, ...rest } =
+    props;
+  let { disabled, status } = (0, _index.useSafeContext)(ExpandableBlockContext);
+  return _react.createElement(
+    _LinkAction.LinkBox,
+    {
+      className: (0, _classnames.default)('iui-expandable-header', className),
+      'data-iui-disabled': disabled ? 'true' : void 0,
+      ref: forwardedRef,
+      ...rest,
+    },
+    children ??
+      _react.createElement(
+        _react.Fragment,
+        null,
+        expandIcon ?? _react.createElement(ExpandableBlock.ExpandIcon, null),
+        _react.createElement(
+          ExpandableBlock.LabelArea,
+          null,
+          _react.createElement(ExpandableBlock.Title, null, label),
+          caption &&
+            _react.createElement(ExpandableBlock.Caption, null, caption),
+        ),
+        endIcon || status
+          ? _react.createElement(ExpandableBlock.EndIcon, null, endIcon)
+          : null,
+      ),
+  );
 });
 ExpandableBlockTrigger.displayName = 'ExpandableBlock.Trigger';
-const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef)=>{
-    let { className, children, ...rest } = props;
-    return _react.createElement(_Icon.Icon, {
-        className: (0, _classnames.default)('iui-expandable-block-icon', className),
-        ref: forwardedRef,
-        ...rest
-    }, children ?? _react.createElement(_index.SvgChevronRight, {
-        "aria-hidden": true
-    }));
+const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef) => {
+  let { className, children, ...rest } = props;
+  return _react.createElement(
+    _Icon.Icon,
+    {
+      className: (0, _classnames.default)(
+        'iui-expandable-block-icon',
+        className,
+      ),
+      ref: forwardedRef,
+      ...rest,
+    },
+    children ??
+      _react.createElement(_index.SvgChevronRight, {
+        'aria-hidden': true,
+      }),
+  );
 });
 ExpandableBlockExpandIcon.displayName = 'ExpandableBlock.ExpandIcon';
-const ExpandableBlockLabelArea = _index.polymorphic.span('iui-expandable-block-label');
+const ExpandableBlockLabelArea = _index.polymorphic.span(
+  'iui-expandable-block-label',
+);
 ExpandableBlockLabelArea.displayName = 'ExpandableBlock.LabelArea';
-const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef)=>{
-    let { className, children, onClick: onClickProp, ...rest } = props;
-    let { isExpanded, setExpanded, disabled, onToggle, descriptionId } = (0, _index.useSafeContext)(ExpandableBlockContext);
-    return _react.createElement(_index.ButtonBase, {
-        className: (0, _classnames.default)('iui-expandable-block-title', 'iui-link-action', className),
-        "aria-expanded": isExpanded,
-        "aria-disabled": disabled,
-        onClick: (0, _index.mergeEventHandlers)(onClickProp, ()=>{
-            if (disabled) return;
-            setExpanded(!isExpanded);
-            onToggle?.(!isExpanded);
-        }),
-        ref: forwardedRef,
-        "aria-describedby": descriptionId,
-        ...rest
-    }, children);
+const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef) => {
+  let { className, children, onClick: onClickProp, ...rest } = props;
+  let { isExpanded, setExpanded, disabled, onToggle, descriptionId } = (0,
+  _index.useSafeContext)(ExpandableBlockContext);
+  return _react.createElement(
+    _index.ButtonBase,
+    {
+      className: (0, _classnames.default)(
+        'iui-expandable-block-title',
+        'iui-link-action',
+        className,
+      ),
+      'aria-expanded': isExpanded,
+      'aria-disabled': disabled,
+      onClick: (0, _index.mergeEventHandlers)(onClickProp, () => {
+        if (disabled) return;
+        setExpanded(!isExpanded);
+        onToggle?.(!isExpanded);
+      }),
+      ref: forwardedRef,
+      'aria-describedby': descriptionId,
+      ...rest,
+    },
+    children,
+  );
 });
 ExpandableBlockTitle.displayName = 'ExpandableBlock.Title';
-const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef)=>{
-    let fallbackId = (0, _index.useId)();
-    let { setDescriptionId } = (0, _index.useSafeContext)(ExpandableBlockContext);
-    _react.useEffect(()=>{
-        setDescriptionId(props.id || fallbackId);
-        return ()=>setDescriptionId(void 0);
-    }, [
-        props.id,
-        fallbackId,
-        setDescriptionId
-    ]);
-    return _react.createElement(_index.Box, {
-        ref: forwardedRef,
-        id: fallbackId,
-        ...props,
-        className: (0, _classnames.default)('iui-expandable-block-caption', props?.className)
-    });
+const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef) => {
+  let fallbackId = (0, _index.useId)();
+  let { setDescriptionId } = (0, _index.useSafeContext)(ExpandableBlockContext);
+  _react.useEffect(() => {
+    setDescriptionId(props.id || fallbackId);
+    return () => setDescriptionId(void 0);
+  }, [props.id, fallbackId, setDescriptionId]);
+  return _react.createElement(_index.Box, {
+    ref: forwardedRef,
+    id: fallbackId,
+    ...props,
+    className: (0, _classnames.default)(
+      'iui-expandable-block-caption',
+      props?.className,
+    ),
+  });
 });
 ExpandableBlockCaption.displayName = 'ExpandableBlock.Caption';
-const ExpandableBlockEndIcon = _react.forwardRef((props, forwardedRef)=>{
-    let { children, ...rest } = props;
-    let { status } = (0, _index.useSafeContext)(ExpandableBlockContext);
-    let icon = children ?? (status && _index.StatusIconMap[status]());
-    return _react.createElement(_Icon.Icon, {
-        fill: status,
-        ref: forwardedRef,
-        ...rest
-    }, icon);
+const ExpandableBlockEndIcon = _react.forwardRef((props, forwardedRef) => {
+  let { children, ...rest } = props;
+  let { status } = (0, _index.useSafeContext)(ExpandableBlockContext);
+  let icon = children ?? (status && _index.StatusIconMap[status]());
+  return _react.createElement(
+    _Icon.Icon,
+    {
+      fill: status,
+      ref: forwardedRef,
+      ...rest,
+    },
+    icon,
+  );
 });
 ExpandableBlockEndIcon.displayName = 'ExpandableBlock.EndIcon';
-const ExpandableBlockContent = _react.forwardRef((props, forwardedRef)=>{
-    let { className, children, innerProps, ...rest } = props;
-    return _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-expandable-content', className),
-        ref: forwardedRef,
-        ...rest
-    }, _react.createElement(_index.Box, innerProps, children));
+const ExpandableBlockContent = _react.forwardRef((props, forwardedRef) => {
+  let { className, children, innerProps, ...rest } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-expandable-content', className),
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(_index.Box, innerProps, children),
+  );
 });
 ExpandableBlockContent.displayName = 'ExpandableBlock.Content';
 const ExpandableBlock = Object.assign(ExpandableBlockComponent, {
-    Wrapper: ExpandableBlockWrapper,
-    Trigger: ExpandableBlockTrigger,
-    ExpandIcon: ExpandableBlockExpandIcon,
-    LabelArea: ExpandableBlockLabelArea,
-    Title: ExpandableBlockTitle,
-    Caption: ExpandableBlockCaption,
-    EndIcon: ExpandableBlockEndIcon,
-    Content: ExpandableBlockContent
+  Wrapper: ExpandableBlockWrapper,
+  Trigger: ExpandableBlockTrigger,
+  ExpandIcon: ExpandableBlockExpandIcon,
+  LabelArea: ExpandableBlockLabelArea,
+  Title: ExpandableBlockTitle,
+  Caption: ExpandableBlockCaption,
+  EndIcon: ExpandableBlockEndIcon,
+  Content: ExpandableBlockContent,
 });

package/DEV-cjs/core/Fieldset/Fieldset.js

@@ -1,27 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Fieldset", {
-    enumerable: true,
-    get: function() {
-        return Fieldset;
-    }
+Object.defineProperty(exports, 'Fieldset', {
+  enumerable: true,
+  get: function () {
+    return Fieldset;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _index = require("../../utils/index.js");
-const _classnames = _interop_require_default._(require("classnames"));
-const Fieldset = _react.forwardRef((props, ref)=>{
-    let { children, className, disabled, legend, ...rest } = props;
-    return _react.createElement(_index.FieldsetBase, {
-        className: (0, _classnames.default)('iui-fieldset', className),
-        disabled: disabled,
-        ref: ref,
-        ...rest
-    }, legend && _react.createElement("legend", null, legend), disabled ? _react.Children.map(children, (child)=>_react.isValidElement(child) ? _react.cloneElement(child, {
-            disabled: true
-        }) : child) : children);
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _classnames = _interop_require_default._(require('classnames'));
+const Fieldset = _react.forwardRef((props, ref) => {
+  let { children, className, disabled, legend, ...rest } = props;
+  return _react.createElement(
+    _index.FieldsetBase,
+    {
+      className: (0, _classnames.default)('iui-fieldset', className),
+      disabled: disabled,
+      ref: ref,
+      ...rest,
+    },
+    legend && _react.createElement('legend', null, legend),
+    disabled
+      ? _react.Children.map(children, (child) =>
+          _react.isValidElement(child)
+            ? _react.cloneElement(child, {
+                disabled: true,
+              })
+            : child,
+        )
+      : children,
+  );
 });
 Fieldset.displayName = 'Fieldset';

package/DEV-cjs/core/FileUpload/FileEmptyCard.js

@@ -1,35 +1,54 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "FileEmptyCard", {
-    enumerable: true,
-    get: function() {
-        return FileEmptyCard;
-    }
+Object.defineProperty(exports, 'FileEmptyCard', {
+  enumerable: true,
+  get: function () {
+    return FileEmptyCard;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _index = require("../../utils/index.js");
-const _classnames = _interop_require_default._(require("classnames"));
-const _FileUploadCard = require("./FileUploadCard.js");
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _classnames = _interop_require_default._(require('classnames'));
+const _FileUploadCard = require('./FileUploadCard.js');
 const FileEmptyCardIcon = _index.polymorphic.span('iui-file-card-empty-icon', {
-    children: _react.createElement(_index.SvgUpload, null)
+  children: _react.createElement(_index.SvgUpload, null),
 });
 FileEmptyCardIcon.displayName = 'FileEmptyCard.Icon';
 const FileEmptyCardText = _index.polymorphic.span('iui-file-card-empty-action');
 FileEmptyCardText.displayName = 'FileEmptyCard.Text';
-const FileEmptyCardComponent = _react.forwardRef((props, ref)=>{
-    let { children, className, ...rest } = props;
-    return _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-file-card-empty', className),
-        ref: ref,
-        ...rest
-    }, children ?? _react.createElement(_react.Fragment, null, _react.createElement(FileEmptyCard.Icon, null), _react.createElement(FileEmptyCard.Text, null, _react.createElement(_FileUploadCard.FileUploadCard.InputLabel, null, "Choose a file"), _react.createElement("div", null, "to upload."))));
+const FileEmptyCardComponent = _react.forwardRef((props, ref) => {
+  let { children, className, ...rest } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-file-card-empty', className),
+      ref: ref,
+      ...rest,
+    },
+    children ??
+      _react.createElement(
+        _react.Fragment,
+        null,
+        _react.createElement(FileEmptyCard.Icon, null),
+        _react.createElement(
+          FileEmptyCard.Text,
+          null,
+          _react.createElement(
+            _FileUploadCard.FileUploadCard.InputLabel,
+            null,
+            'Choose a file',
+          ),
+          _react.createElement('div', null, 'to upload.'),
+        ),
+      ),
+  );
 });
 FileEmptyCardComponent.displayName = 'FileEmptyCard';
 const FileEmptyCard = Object.assign(FileEmptyCardComponent, {
-    Icon: FileEmptyCardIcon,
-    Text: FileEmptyCardText
+  Icon: FileEmptyCardIcon,
+  Text: FileEmptyCardText,
 });

package/DEV-cjs/core/FileUpload/FileUpload.js

@@ -1,61 +1,98 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "FileUpload", {
-    enumerable: true,
-    get: function() {
-        return FileUpload;
-    }
+Object.defineProperty(exports, 'FileUpload', {
+  enumerable: true,
+  get: function () {
+    return FileUpload;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _classnames = _interop_require_default._(require("classnames"));
-const _index = require("../../utils/index.js");
-const FileUpload = _react.forwardRef((props, forwardedRef)=>{
-    let { dragContent, children, onFileDropped, contentProps, ...rest } = props;
-    let [isDragActive, setIsDragActive] = _react.useState(false);
-    let onDragOverHandler = (e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-    };
-    let onDragEnterHandler = (e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        if (!isDragActive && e.dataTransfer?.items?.[0]?.kind === 'file') setIsDragActive(true);
-    };
-    let onDragLeaveHandler = (e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        if (isDragActive && !e.currentTarget?.contains(e.relatedTarget)) setIsDragActive(false);
-    };
-    let onDropHandler = (e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        if (isDragActive) {
-            setIsDragActive(false);
-            onFileDropped(e.dataTransfer?.files, e);
-        }
-    };
-    return _react.createElement(_index.Box, {
-        ...rest,
-        className: (0, _classnames.default)('iui-file-upload', {
-            'iui-drag': isDragActive
-        }, props?.className),
-        ref: forwardedRef,
-        onDragEnter: (0, _index.mergeEventHandlers)(props.onDragEnter, onDragEnterHandler),
-        onDragOver: (0, _index.mergeEventHandlers)(props.onDragOver, onDragOverHandler),
-        onDragLeave: (0, _index.mergeEventHandlers)(props.onDragLeave, onDragLeaveHandler),
-        onDrop: (0, _index.mergeEventHandlers)(props.onDrop, onDropHandler)
-    }, dragContent ? children : _react.createElement(_index.Box, {
-        as: "div",
-        ...contentProps,
-        className: (0, _classnames.default)('iui-content', contentProps?.className)
-    }, children), dragContent && _react.createElement(_index.Box, {
-        as: "div",
-        ...contentProps,
-        className: (0, _classnames.default)('iui-content', contentProps?.className)
-    }, dragContent));
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const FileUpload = _react.forwardRef((props, forwardedRef) => {
+  let { dragContent, children, onFileDropped, contentProps, ...rest } = props;
+  let [isDragActive, setIsDragActive] = _react.useState(false);
+  let onDragOverHandler = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  };
+  let onDragEnterHandler = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!isDragActive && e.dataTransfer?.items?.[0]?.kind === 'file')
+      setIsDragActive(true);
+  };
+  let onDragLeaveHandler = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (isDragActive && !e.currentTarget?.contains(e.relatedTarget))
+      setIsDragActive(false);
+  };
+  let onDropHandler = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (isDragActive) {
+      setIsDragActive(false);
+      onFileDropped(e.dataTransfer?.files, e);
+    }
+  };
+  return _react.createElement(
+    _index.Box,
+    {
+      ...rest,
+      className: (0, _classnames.default)(
+        'iui-file-upload',
+        {
+          'iui-drag': isDragActive,
+        },
+        props?.className,
+      ),
+      ref: forwardedRef,
+      onDragEnter: (0, _index.mergeEventHandlers)(
+        props.onDragEnter,
+        onDragEnterHandler,
+      ),
+      onDragOver: (0, _index.mergeEventHandlers)(
+        props.onDragOver,
+        onDragOverHandler,
+      ),
+      onDragLeave: (0, _index.mergeEventHandlers)(
+        props.onDragLeave,
+        onDragLeaveHandler,
+      ),
+      onDrop: (0, _index.mergeEventHandlers)(props.onDrop, onDropHandler),
+    },
+    dragContent
+      ? children
+      : _react.createElement(
+          _index.Box,
+          {
+            as: 'div',
+            ...contentProps,
+            className: (0, _classnames.default)(
+              'iui-content',
+              contentProps?.className,
+            ),
+          },
+          children,
+        ),
+    dragContent &&
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'div',
+          ...contentProps,
+          className: (0, _classnames.default)(
+            'iui-content',
+            contentProps?.className,
+          ),
+        },
+        dragContent,
+      ),
+  );
 });
 FileUpload.displayName = 'FileUpload';