@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/Dropdown/index.js

@@ -1,19 +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.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Dropdown = require('./Dropdown.js');
-var Dropdown_Skeleton = require('./Dropdown.Skeleton.js');
-
+const require_Dropdown = require('./Dropdown.js');
+const require_Dropdown_Skeleton = require('./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 = require_Dropdown.default;
 
-exports.Dropdown = Dropdown.default;
-exports.default = Dropdown.default;
-exports.DropdownSkeleton = Dropdown_Skeleton.DropdownSkeleton;
+//#endregion
+exports.default = Dropdown_default;

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -1,71 +1,48 @@
 /**
- * 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.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var ErrorBoundaryContext = require('./ErrorBoundaryContext.js');
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_ErrorBoundaryContext = require('./ErrorBoundaryContext.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(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);
-    _rollupPluginBabelHelpers.defineProperty(this, "context", void 0);
-    _rollupPluginBabelHelpers.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;
-  }
-}
-_rollupPluginBabelHelpers.defineProperty(ErrorBoundary, "propTypes", {
-  children: PropTypes.node,
-  fallback: PropTypes.node
-});
-_rollupPluginBabelHelpers.defineProperty(ErrorBoundary, "contextType", ErrorBoundaryContext.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.default.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: prop_types.default.node,
+	fallback: prop_types.default.node
+};
+ErrorBoundary.contextType = require_ErrorBoundaryContext.ErrorBoundaryContext;
 
-exports.default = ErrorBoundary;
+//#endregion
+exports.default = ErrorBoundary;

package/lib/components/ErrorBoundary/ErrorBoundaryContext.js

@@ -1,19 +1,23 @@
 /**
- * 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.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+let react = require("react");
 
-var React = require('react');
-
-const ErrorBoundaryContext = /*#__PURE__*/React.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 = (0, react.createContext)({ log(error, info) {
+	console.log(info.componentStack);
+} });
 
-exports.ErrorBoundaryContext = ErrorBoundaryContext;
+//#endregion
+exports.ErrorBoundaryContext = ErrorBoundaryContext;

package/lib/components/ExpandableSearch/ExpandableSearch.js

@@ -1,82 +1,72 @@
 /**
- * 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.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_keys = require('../../internal/keyboard/keys.js');
+const require_match = require('../../internal/keyboard/match.js');
+const require_events = require('../../tools/events.js');
+const require_mergeRefs = require('../../tools/mergeRefs.js');
+const require_utils = require('../Search/utils.js');
+const require_index = require('../Search/index.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var cx = require('classnames');
-var Search = require('../Search/Search.js');
-require('../Search/Search.Skeleton.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var events = require('../../tools/events.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
-var mergeRefs = require('../../tools/mergeRefs.js');
-var utils = require('../Search/utils.js');
-
-const frFn = React.forwardRef;
-const ExpandableSearch = frFn((props, forwardedRef) => {
-  const {
-    onBlur,
-    onChange,
-    onExpand,
-    onKeyDown,
-    defaultValue,
-    isExpanded,
-    ...rest
-  } = props;
-  const [expanded, setExpanded] = React.useState(isExpanded || false);
-  const [hasContent, setHasContent] = React.useState(utils.isSearchValuePresent(defaultValue));
-  const searchRef = React.useRef(null);
-  const prefix = usePrefix.usePrefix();
-  function handleBlur(evt) {
-    const relatedTargetIsAllowed = evt.relatedTarget && evt.relatedTarget.classList.contains(`${prefix}--search-close`);
-    if (expanded && !relatedTargetIsAllowed && !hasContent && !isExpanded) {
-      setExpanded(false);
-    }
-  }
-  React.useEffect(() => {
-    setExpanded(!!isExpanded);
-  }, [isExpanded]);
-  function handleChange(evt) {
-    setHasContent(evt.target.value !== '');
-  }
-  function handleExpand() {
-    setExpanded(true);
-    searchRef.current?.focus?.();
-  }
-  function handleKeyDown(evt) {
-    if (expanded && match.match(evt, keys.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.default, _rollupPluginBabelHelpers.extends({}, rest, {
-    defaultValue: defaultValue,
-    isExpanded: expanded,
-    ref: mergeRefs.mergeRefs(searchRef, forwardedRef),
-    className: classes,
-    onBlur: events.composeEventHandlers([onBlur, handleBlur]),
-    onChange: events.composeEventHandlers([onChange, handleChange]),
-    onExpand: events.composeEventHandlers([onExpand, handleExpand]),
-    onKeyDown: events.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 = (0, react.forwardRef)((props, forwardedRef) => {
+	const { onBlur, onChange, onExpand, onKeyDown, defaultValue, isExpanded, ...rest } = props;
+	const [expanded, setExpanded] = (0, react.useState)(isExpanded || false);
+	const [hasContent, setHasContent] = (0, react.useState)(require_utils.isSearchValuePresent(defaultValue));
+	const searchRef = (0, react.useRef)(null);
+	const prefix = require_usePrefix.usePrefix();
+	function handleBlur(evt) {
+		const relatedTargetIsAllowed = evt.relatedTarget && evt.relatedTarget.classList.contains(`${prefix}--search-close`);
+		if (expanded && !relatedTargetIsAllowed && !hasContent && !isExpanded) setExpanded(false);
+	}
+	(0, react.useEffect)(() => {
+		setExpanded(!!isExpanded);
+	}, [isExpanded]);
+	function handleChange(evt) {
+		setHasContent(evt.target.value !== "");
+	}
+	function handleExpand() {
+		setExpanded(true);
+		searchRef.current?.focus?.();
+	}
+	function handleKeyDown(evt) {
+		if (expanded && require_match.match(evt, require_keys.Escape)) {
+			evt.stopPropagation();
+			if (!evt.target?.value && !isExpanded) setExpanded(false);
+		}
+	}
+	const classes = (0, classnames.default)(`${prefix}--search--expandable`, { [`${prefix}--search--expanded`]: expanded }, rest.className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		...rest,
+		defaultValue,
+		isExpanded: expanded,
+		ref: require_mergeRefs.mergeRefs(searchRef, forwardedRef),
+		className: classes,
+		onBlur: require_events.composeEventHandlers([onBlur, handleBlur]),
+		onChange: require_events.composeEventHandlers([onChange, handleChange]),
+		onExpand: require_events.composeEventHandlers([onExpand, handleExpand]),
+		onKeyDown: require_events.composeEventHandlers([onKeyDown, handleKeyDown])
+	});
 });
-ExpandableSearch.propTypes = Search.default.propTypes;
-ExpandableSearch.displayName = 'ExpandableSearch';
+ExpandableSearch.propTypes = require_index.default.propTypes;
+ExpandableSearch.displayName = "ExpandableSearch";
 
-exports.default = ExpandableSearch;
+//#endregion
+exports.default = ExpandableSearch;

package/lib/components/ExpandableSearch/index.js

@@ -1,17 +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.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ExpandableSearch = require('./ExpandableSearch.js');
-
+const require_ExpandableSearch = require('./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 = require_ExpandableSearch.default;
 
-exports.ExpandableSearch = ExpandableSearch.default;
-exports.default = ExpandableSearch.default;
+//#endregion
+exports.default = ExpandableSearch_default;

package/lib/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/lib/components/FeatureFlags/index.js

@@ -1,97 +1,100 @@
 /**
- * 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.
  */
 
-'use strict';
-
-var featureFlags = require('@carbon/feature-flags');
-var PropTypes = require('prop-types');
-var React = require('react');
-var deprecate = require('../../prop-types/deprecate.js');
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_deprecate = require('../../prop-types/deprecate.js');
+let _carbon_feature_flags = require("@carbon/feature-flags");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("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__*/React.createContext(featureFlags.FeatureFlags);
-
+* 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 = React.useContext(FeatureFlagContext);
-  const scope = React.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 = featureFlags.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 = (0, react.createContext)(_carbon_feature_flags.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 = ({ children, flags = {}, enableV12TileDefaultIcons = false, enableV12TileRadioIcons = false, enableV12Overflowmenu = false, enableTreeviewControllable = false, enableExperimentalFocusWrapWithoutSentinels = false, enableFocusWrapWithoutSentinels = false, enableDialogElement = false, enableV12DynamicFloatingStyles = false, enableEnhancedFileUploader = false, enablePresence = false }) => {
+	const parentScope = (0, react.useContext)(FeatureFlagContext);
+	const scope = (0, react.useMemo)(() => {
+		const scope = (0, _carbon_feature_flags.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__ */ (0, react_jsx_runtime.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.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
+	children: prop_types.default.node,
+	flags: require_deprecate.deprecate(prop_types.default.objectOf(prop_types.default.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: prop_types.default.bool,
+	enableV12TileRadioIcons: prop_types.default.bool,
+	enableV12Overflowmenu: prop_types.default.bool,
+	enableTreeviewControllable: prop_types.default.bool,
+	enableExperimentalFocusWrapWithoutSentinels: prop_types.default.bool,
+	enableFocusWrapWithoutSentinels: prop_types.default.bool,
+	enableDialogElement: prop_types.default.bool,
+	enableV12DynamicFloatingStyles: prop_types.default.bool,
+	enableEnhancedFileUploader: prop_types.default.bool,
+	enablePresence: prop_types.default.bool
 };
-
 /**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- */
-const useFeatureFlag = flag => {
-  const scope = React.useContext(FeatureFlagContext);
-  return scope.enabled(flag);
+* Access whether a given flag is enabled or disabled in a given
+* FeatureFlagContext
+*/
+const useFeatureFlag = (flag) => {
+	return (0, react.useContext)(FeatureFlagContext).enabled(flag);
 };
-
 /**
- * Access all feature flag information for the given FeatureFlagContext
- */
-const useFeatureFlags = () => React.useContext(FeatureFlagContext);
+* Access all feature flag information for the given FeatureFlagContext
+*/
+const useFeatureFlags = () => (0, react.useContext)(FeatureFlagContext);
 
+//#endregion
 exports.FeatureFlags = FeatureFlags;
 exports.useFeatureFlag = useFeatureFlag;
-exports.useFeatureFlags = useFeatureFlags;
+exports.useFeatureFlags = useFeatureFlags;