@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

package/es/components/Dropdown/index.js

@@ -1,13 +1,21 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import Dropdown from './Dropdown.js';
-export { DropdownSkeleton } from './Dropdown.Skeleton.js';
-
+import Dropdown from "./Dropdown.js";
+import DropdownSkeleton from "./Dropdown.Skeleton.js";
 
+//#region src/components/Dropdown/index.ts
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var Dropdown_default = Dropdown;
 
-export { Dropdown, Dropdown as default };
+//#endregion
+export { Dropdown_default as default };

package/es/components/ErrorBoundary/ErrorBoundary.js

@@ -1,67 +1,45 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import PropTypes from 'prop-types';
-import { ErrorBoundaryContext } from './ErrorBoundaryContext.js';
+import { ErrorBoundaryContext } from "./ErrorBoundaryContext.js";
+import React from "react";
+import PropTypes from "prop-types";
 
+//#region src/components/ErrorBoundary/ErrorBoundary.tsx
 /**
- * React introduced additional lifecycle methods in v16 for capturing errors
- * that occur in a specific sub-tree of components. This component helps to
- * consolidate some of the duplication that occurs when using these lifecycle
- * methods across a codebase. In addition, it allows you to specify the fallback
- * UI to display when an error occurs in the sub-tree through the `fallback`
- * prop.
- *
- * This component roughly follows the React.js docs example code for these
- * methods. In addition, it takes advantage of an `ErrorBoundaryContext` so that
- * consumers can specify their own logic for logging errors. For example,
- * reporting an error in the UI to an external service for every `ErrorBoundary`
- * used.
- *
- * Reference:
- * https://reactjs.org/docs/error-boundaries.html#introducing-error-boundaries
- */
-
-class ErrorBoundary extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "context", void 0);
-    _defineProperty(this, "state", {
-      hasError: false
-    });
-  }
-  static getDerivedStateFromError() {
-    return {
-      hasError: true
-    };
-  }
-  componentDidCatch(error, info) {
-    this.context.log(error, info);
-  }
-  componentDidUpdate(prevProps) {
-    if (prevProps.children !== this.props.children) {
-      this.setState({
-        hasError: false
-      });
-    }
-  }
-  render() {
-    if (this.state.hasError) {
-      return this.props.fallback;
-    }
-    return this.props.children;
-  }
-}
-_defineProperty(ErrorBoundary, "propTypes", {
-  children: PropTypes.node,
-  fallback: PropTypes.node
-});
-_defineProperty(ErrorBoundary, "contextType", ErrorBoundaryContext);
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var ErrorBoundary = class extends React.Component {
+	constructor(..._args) {
+		super(..._args);
+		this.state = { hasError: false };
+	}
+	static getDerivedStateFromError() {
+		return { hasError: true };
+	}
+	componentDidCatch(error, info) {
+		this.context.log(error, info);
+	}
+	componentDidUpdate(prevProps) {
+		if (prevProps.children !== this.props.children) this.setState({ hasError: false });
+	}
+	render() {
+		if (this.state.hasError) return this.props.fallback;
+		return this.props.children;
+	}
+};
+ErrorBoundary.propTypes = {
+	children: PropTypes.node,
+	fallback: PropTypes.node
+};
+ErrorBoundary.contextType = ErrorBoundaryContext;
 
-export { ErrorBoundary as default };
+//#endregion
+export { ErrorBoundary as default };

package/es/components/ErrorBoundary/ErrorBoundaryContext.js

@@ -1,17 +1,22 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { createContext } from 'react';
+import { createContext } from "react";
 
-const ErrorBoundaryContext = /*#__PURE__*/createContext({
-  log(error, info) {
-    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
-    console.log(info.componentStack);
-  }
-});
+//#region src/components/ErrorBoundary/ErrorBoundaryContext.ts
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const ErrorBoundaryContext = createContext({ log(error, info) {
+	console.log(info.componentStack);
+} });
 
-export { ErrorBoundaryContext };
+//#endregion
+export { ErrorBoundaryContext };

package/es/components/ExpandableSearch/ExpandableSearch.js

@@ -1,78 +1,69 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, useRef, useEffect, forwardRef } from 'react';
-import cx from 'classnames';
-import Search from '../Search/Search.js';
-import '../Search/Search.Skeleton.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { composeEventHandlers } from '../../tools/events.js';
-import { Escape } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
-import { mergeRefs } from '../../tools/mergeRefs.js';
-import { isSearchValuePresent } from '../Search/utils.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { Escape } from "../../internal/keyboard/keys.js";
+import { match } from "../../internal/keyboard/match.js";
+import { composeEventHandlers } from "../../tools/events.js";
+import { mergeRefs } from "../../tools/mergeRefs.js";
+import { isSearchValuePresent } from "../Search/utils.js";
+import Search_default from "../Search/index.js";
+import classNames from "classnames";
+import React, { forwardRef, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 
-const frFn = forwardRef;
-const ExpandableSearch = frFn((props, forwardedRef) => {
-  const {
-    onBlur,
-    onChange,
-    onExpand,
-    onKeyDown,
-    defaultValue,
-    isExpanded,
-    ...rest
-  } = props;
-  const [expanded, setExpanded] = useState(isExpanded || false);
-  const [hasContent, setHasContent] = useState(isSearchValuePresent(defaultValue));
-  const searchRef = useRef(null);
-  const prefix = usePrefix();
-  function handleBlur(evt) {
-    const relatedTargetIsAllowed = evt.relatedTarget && evt.relatedTarget.classList.contains(`${prefix}--search-close`);
-    if (expanded && !relatedTargetIsAllowed && !hasContent && !isExpanded) {
-      setExpanded(false);
-    }
-  }
-  useEffect(() => {
-    setExpanded(!!isExpanded);
-  }, [isExpanded]);
-  function handleChange(evt) {
-    setHasContent(evt.target.value !== '');
-  }
-  function handleExpand() {
-    setExpanded(true);
-    searchRef.current?.focus?.();
-  }
-  function handleKeyDown(evt) {
-    if (expanded && match(evt, Escape)) {
-      evt.stopPropagation();
-
-      // escape key only clears if the input is empty, otherwise it clears the input
-      if (!evt.target?.value && !isExpanded) {
-        setExpanded(false);
-      }
-    }
-  }
-  const classes = cx(`${prefix}--search--expandable`, {
-    [`${prefix}--search--expanded`]: expanded
-  }, rest.className);
-  return /*#__PURE__*/React.createElement(Search, _extends({}, rest, {
-    defaultValue: defaultValue,
-    isExpanded: expanded,
-    ref: mergeRefs(searchRef, forwardedRef),
-    className: classes,
-    onBlur: composeEventHandlers([onBlur, handleBlur]),
-    onChange: composeEventHandlers([onChange, handleChange]),
-    onExpand: composeEventHandlers([onExpand, handleExpand]),
-    onKeyDown: composeEventHandlers([onKeyDown, handleKeyDown])
-  }));
+//#region src/components/ExpandableSearch/ExpandableSearch.tsx
+/**
+* Copyright IBM Corp. 2021, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const ExpandableSearch = forwardRef((props, forwardedRef) => {
+	const { onBlur, onChange, onExpand, onKeyDown, defaultValue, isExpanded, ...rest } = props;
+	const [expanded, setExpanded] = useState(isExpanded || false);
+	const [hasContent, setHasContent] = useState(isSearchValuePresent(defaultValue));
+	const searchRef = useRef(null);
+	const prefix = usePrefix();
+	function handleBlur(evt) {
+		const relatedTargetIsAllowed = evt.relatedTarget && evt.relatedTarget.classList.contains(`${prefix}--search-close`);
+		if (expanded && !relatedTargetIsAllowed && !hasContent && !isExpanded) setExpanded(false);
+	}
+	useEffect(() => {
+		setExpanded(!!isExpanded);
+	}, [isExpanded]);
+	function handleChange(evt) {
+		setHasContent(evt.target.value !== "");
+	}
+	function handleExpand() {
+		setExpanded(true);
+		searchRef.current?.focus?.();
+	}
+	function handleKeyDown(evt) {
+		if (expanded && match(evt, Escape)) {
+			evt.stopPropagation();
+			if (!evt.target?.value && !isExpanded) setExpanded(false);
+		}
+	}
+	const classes = classNames(`${prefix}--search--expandable`, { [`${prefix}--search--expanded`]: expanded }, rest.className);
+	return /* @__PURE__ */ jsx(Search_default, {
+		...rest,
+		defaultValue,
+		isExpanded: expanded,
+		ref: mergeRefs(searchRef, forwardedRef),
+		className: classes,
+		onBlur: composeEventHandlers([onBlur, handleBlur]),
+		onChange: composeEventHandlers([onChange, handleChange]),
+		onExpand: composeEventHandlers([onExpand, handleExpand]),
+		onKeyDown: composeEventHandlers([onKeyDown, handleKeyDown])
+	});
 });
-ExpandableSearch.propTypes = Search.propTypes;
-ExpandableSearch.displayName = 'ExpandableSearch';
+ExpandableSearch.propTypes = Search_default.propTypes;
+ExpandableSearch.displayName = "ExpandableSearch";
 
-export { ExpandableSearch as default };
+//#endregion
+export { ExpandableSearch as default };

package/es/components/ExpandableSearch/index.js

@@ -1,12 +1,20 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import ExpandableSearch from './ExpandableSearch.js';
-
+import ExpandableSearch from "./ExpandableSearch.js";
 
+//#region src/components/ExpandableSearch/index.ts
+/**
+* Copyright IBM Corp. 2021
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var ExpandableSearch_default = ExpandableSearch;
 
-export { ExpandableSearch, ExpandableSearch as default };
+//#endregion
+export { ExpandableSearch_default as default };

package/es/components/FeatureFlags/index.d.ts

@@ -49,8 +49,17 @@ export declare const FeatureFlags: {
  * Access whether a given flag is enabled or disabled in a given
  * FeatureFlagContext
  */
-export declare const useFeatureFlag: (flag: string) => boolean;
+export declare const useFeatureFlag: (flag: string) => any;
 /**
  * Access all feature flag information for the given FeatureFlagContext
  */
-export declare const useFeatureFlags: () => import("@carbon/feature-flags/types/FeatureFlagScope").FeatureFlagScope;
+export declare const useFeatureFlags: () => {
+    flags: Map<any, any>;
+    checkForFlag(name: any): void;
+    add(name: any, enabled: any): void;
+    enable(name: any): void;
+    disable(name: any): void;
+    merge(flags: any): void;
+    mergeWithScope(scope: any): void;
+    enabled(name: any): any;
+};

package/es/components/FeatureFlags/index.js

@@ -1,93 +1,95 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { FeatureFlags as FeatureFlags$1, createScope } from '@carbon/feature-flags';
-import PropTypes from 'prop-types';
-import React, { useContext, createContext, useMemo } from 'react';
-import { deprecate } from '../../prop-types/deprecate.js';
+import { deprecate } from "../../prop-types/deprecate.js";
+import { FeatureFlags, createScope } from "@carbon/feature-flags";
+import React, { createContext, useContext, useMemo } from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
+//#region src/components/FeatureFlags/index.tsx
 /**
- * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
- * or disable feature flags in a given React tree
- */
-const FeatureFlagContext = /*#__PURE__*/createContext(FeatureFlags$1);
-
+* Copyright IBM Corp. 2015, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 /**
- * Supports an object of feature flag values with the `flags` prop, merging them
- * along with the current `FeatureFlagContext` to provide consumers to check if
- * a feature flag is enabled or disabled in a given React tree
- */
-const FeatureFlags = ({
-  children,
-  flags = {},
-  enableV12TileDefaultIcons = false,
-  enableV12TileRadioIcons = false,
-  enableV12Overflowmenu = false,
-  enableTreeviewControllable = false,
-  enableExperimentalFocusWrapWithoutSentinels = false,
-  enableFocusWrapWithoutSentinels = false,
-  enableDialogElement = false,
-  enableV12DynamicFloatingStyles = false,
-  enableEnhancedFileUploader = false,
-  enablePresence = false
-}) => {
-  const parentScope = useContext(FeatureFlagContext);
-  const scope = useMemo(() => {
-    const combinedFlags = {
-      'enable-v12-tile-default-icons': enableV12TileDefaultIcons,
-      'enable-v12-tile-radio-icons': enableV12TileRadioIcons,
-      'enable-v12-overflowmenu': enableV12Overflowmenu,
-      'enable-treeview-controllable': enableTreeviewControllable,
-      'enable-experimental-focus-wrap-without-sentinels': enableExperimentalFocusWrapWithoutSentinels,
-      'enable-focus-wrap-without-sentinels': enableFocusWrapWithoutSentinels,
-      'enable-dialog-element': enableDialogElement,
-      'enable-v12-dynamic-floating-styles': enableV12DynamicFloatingStyles,
-      'enable-enhanced-file-uploader': enableEnhancedFileUploader,
-      'enable-presence': enablePresence,
-      ...flags
-    };
-    const scope = createScope(combinedFlags);
-    scope.mergeWithScope(parentScope);
-    return scope;
-  }, [enableV12TileDefaultIcons, enableV12TileRadioIcons, enableV12Overflowmenu, enableTreeviewControllable, enableExperimentalFocusWrapWithoutSentinels, enableFocusWrapWithoutSentinels, enableDialogElement, enableV12DynamicFloatingStyles, enableEnhancedFileUploader, enablePresence, flags, parentScope]);
-  return /*#__PURE__*/React.createElement(FeatureFlagContext.Provider, {
-    value: scope
-  }, children);
+* Our FeatureFlagContext is used alongside the FeatureFlags component to enable
+* or disable feature flags in a given React tree
+*/
+const FeatureFlagContext = createContext(FeatureFlags);
+/**
+* Supports an object of feature flag values with the `flags` prop, merging them
+* along with the current `FeatureFlagContext` to provide consumers to check if
+* a feature flag is enabled or disabled in a given React tree
+*/
+const FeatureFlags$1 = ({ children, flags = {}, enableV12TileDefaultIcons = false, enableV12TileRadioIcons = false, enableV12Overflowmenu = false, enableTreeviewControllable = false, enableExperimentalFocusWrapWithoutSentinels = false, enableFocusWrapWithoutSentinels = false, enableDialogElement = false, enableV12DynamicFloatingStyles = false, enableEnhancedFileUploader = false, enablePresence = false }) => {
+	const parentScope = useContext(FeatureFlagContext);
+	const scope = useMemo(() => {
+		const scope = createScope({
+			"enable-v12-tile-default-icons": enableV12TileDefaultIcons,
+			"enable-v12-tile-radio-icons": enableV12TileRadioIcons,
+			"enable-v12-overflowmenu": enableV12Overflowmenu,
+			"enable-treeview-controllable": enableTreeviewControllable,
+			"enable-experimental-focus-wrap-without-sentinels": enableExperimentalFocusWrapWithoutSentinels,
+			"enable-focus-wrap-without-sentinels": enableFocusWrapWithoutSentinels,
+			"enable-dialog-element": enableDialogElement,
+			"enable-v12-dynamic-floating-styles": enableV12DynamicFloatingStyles,
+			"enable-enhanced-file-uploader": enableEnhancedFileUploader,
+			"enable-presence": enablePresence,
+			...flags
+		});
+		scope.mergeWithScope(parentScope);
+		return scope;
+	}, [
+		enableV12TileDefaultIcons,
+		enableV12TileRadioIcons,
+		enableV12Overflowmenu,
+		enableTreeviewControllable,
+		enableExperimentalFocusWrapWithoutSentinels,
+		enableFocusWrapWithoutSentinels,
+		enableDialogElement,
+		enableV12DynamicFloatingStyles,
+		enableEnhancedFileUploader,
+		enablePresence,
+		flags,
+		parentScope
+	]);
+	return /* @__PURE__ */ jsx(FeatureFlagContext.Provider, {
+		value: scope,
+		children
+	});
 };
-FeatureFlags.propTypes = {
-  children: PropTypes.node,
-  /**
-   * Provide the feature flags to enabled or disabled in the current Rea,ct tree
-   */
-  flags: deprecate(PropTypes.objectOf(PropTypes.bool), 'The `flags` prop for `FeatureFlag` has ' + 'been deprecated. Please run the `featureflag-deprecate-flags-prop` codemod to migrate to individual boolean props.' + `npx @carbon/upgrade migrate featureflag-deprecate-flags-prop --write`),
-  enableV12TileDefaultIcons: PropTypes.bool,
-  enableV12TileRadioIcons: PropTypes.bool,
-  enableV12Overflowmenu: PropTypes.bool,
-  enableTreeviewControllable: PropTypes.bool,
-  enableExperimentalFocusWrapWithoutSentinels: PropTypes.bool,
-  enableFocusWrapWithoutSentinels: PropTypes.bool,
-  enableDialogElement: PropTypes.bool,
-  enableV12DynamicFloatingStyles: PropTypes.bool,
-  enableEnhancedFileUploader: PropTypes.bool,
-  enablePresence: PropTypes.bool
+FeatureFlags$1.propTypes = {
+	children: PropTypes.node,
+	flags: deprecate(PropTypes.objectOf(PropTypes.bool), "The `flags` prop for `FeatureFlag` has been deprecated. Please run the `featureflag-deprecate-flags-prop` codemod to migrate to individual boolean props.npx @carbon/upgrade migrate featureflag-deprecate-flags-prop --write"),
+	enableV12TileDefaultIcons: PropTypes.bool,
+	enableV12TileRadioIcons: PropTypes.bool,
+	enableV12Overflowmenu: PropTypes.bool,
+	enableTreeviewControllable: PropTypes.bool,
+	enableExperimentalFocusWrapWithoutSentinels: PropTypes.bool,
+	enableFocusWrapWithoutSentinels: PropTypes.bool,
+	enableDialogElement: PropTypes.bool,
+	enableV12DynamicFloatingStyles: PropTypes.bool,
+	enableEnhancedFileUploader: PropTypes.bool,
+	enablePresence: PropTypes.bool
 };
-
 /**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- */
-const useFeatureFlag = flag => {
-  const scope = useContext(FeatureFlagContext);
-  return scope.enabled(flag);
+* Access whether a given flag is enabled or disabled in a given
+* FeatureFlagContext
+*/
+const useFeatureFlag = (flag) => {
+	return useContext(FeatureFlagContext).enabled(flag);
 };
-
 /**
- * Access all feature flag information for the given FeatureFlagContext
- */
+* Access all feature flag information for the given FeatureFlagContext
+*/
 const useFeatureFlags = () => useContext(FeatureFlagContext);
 
-export { FeatureFlags, useFeatureFlag, useFeatureFlags };
+//#endregion
+export { FeatureFlags$1 as FeatureFlags, useFeatureFlag, useFeatureFlags };

package/es/components/FileUploader/FileUploader.Skeleton.js

@@ -1,39 +1,44 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-import cx from 'classnames';
-import SkeletonText from '../SkeletonText/SkeletonText.js';
-import { ButtonSkeleton } from '../Button/Button.Skeleton.js';
-import { usePrefix } from '../../internal/usePrefix.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import SkeletonText_default from "../SkeletonText/index.js";
+import ButtonSkeleton from "../Button/Button.Skeleton.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
 
-var _SkeletonText, _ButtonSkeleton;
-function FileUploaderSkeleton({
-  className,
-  ...rest
-}) {
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cx(`${prefix}--form-item`, className)
-  }, rest), _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText, {
-    heading: true,
-    width: "100px"
-  })), /*#__PURE__*/React.createElement(SkeletonText, {
-    width: "225px",
-    className: `${prefix}--label-description`
-  }), _ButtonSkeleton || (_ButtonSkeleton = /*#__PURE__*/React.createElement(ButtonSkeleton, null)));
+//#region src/components/FileUploader/FileUploader.Skeleton.tsx
+/**
+* Copyright IBM Corp. 2016, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+function FileUploaderSkeleton({ className, ...rest }) {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames(`${prefix}--form-item`, className),
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(SkeletonText_default, {
+				heading: true,
+				width: "100px"
+			}),
+			/* @__PURE__ */ jsx(SkeletonText_default, {
+				width: "225px",
+				className: `${prefix}--label-description`
+			}),
+			/* @__PURE__ */ jsx(ButtonSkeleton, {})
+		]
+	});
 }
-FileUploaderSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string
-};
+FileUploaderSkeleton.propTypes = { className: PropTypes.string };
 
-export { FileUploaderSkeleton, FileUploaderSkeleton as default };
+//#endregion
+export { FileUploaderSkeleton as default };