@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/Modal/ModalPresence.js

@@ -1,55 +1,57 @@
 /**
- * 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_usePresenceContext = require('../../internal/usePresenceContext.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-var React = require('react');
-var usePresenceContext = require('../../internal/usePresenceContext.js');
-
-const ModalPresence = ({
-  open,
-  _presenceId: presenceId,
-  _autoEnablePresence: autoEnablePresence = true,
-  children
-}) => {
-  const [isPresent, context] = usePresenceContext.usePresenceContext(open, presenceId);
-  const contextValue = React.useMemo(() => ({
-    autoEnablePresence,
-    ...context
-  }), [autoEnablePresence, context]);
-  if (!isPresent) return null;
-  return /*#__PURE__*/React.createElement(ModalPresenceContext.Provider, {
-    value: contextValue
-  }, children);
+//#region src/components/Modal/ModalPresence.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.
+*/
+const ModalPresence = ({ open, _presenceId: presenceId, _autoEnablePresence: autoEnablePresence = true, children }) => {
+	const [isPresent, context] = require_usePresenceContext.usePresenceContext(open, presenceId);
+	const contextValue = (0, react.useMemo)(() => ({
+		autoEnablePresence,
+		...context
+	}), [autoEnablePresence, context]);
+	if (!isPresent) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalPresenceContext.Provider, {
+		value: contextValue,
+		children
+	});
 };
-const ModalPresenceContext = /*#__PURE__*/React.createContext(undefined);
-
+const ModalPresenceContext = (0, react.createContext)(void 0);
 /**
- * Handles occurrences where only a single modal must consume a context.
- */
-const useExclusiveModalPresenceContext = id => {
-  const ctx = React.useContext(ModalPresenceContext);
-  return ctx?.isPresenceExclusive(id) ? ctx : undefined;
+* Handles occurrences where only a single modal must consume a context.
+*/
+const useExclusiveModalPresenceContext = (id) => {
+	const ctx = (0, react.useContext)(ModalPresenceContext);
+	return ctx?.isPresenceExclusive(id) ? ctx : void 0;
 };
 /**
- * Higher-order function that wraps a component with ModalPresence
- */
-const withModalPresence = Component => {
-  const WithModalPresence = ({
-    open,
-    ...componentProps
-  }) => /*#__PURE__*/React.createElement(ModalPresence, {
-    open: open
-  }, /*#__PURE__*/React.createElement(Component, componentProps));
-  WithModalPresence.displayName = `withModalPresence(${Component.displayName || Component.name || 'Component'})`;
-  return WithModalPresence;
+* Higher-order function that wraps a component with ModalPresence
+*/
+const withModalPresence = (Component) => {
+	const WithModalPresence = ({ open, ...componentProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalPresence, {
+		open,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { ...componentProps })
+	});
+	WithModalPresence.displayName = `withModalPresence(${Component.displayName || Component.name || "Component"})`;
+	return WithModalPresence;
 };
 
+//#endregion
 exports.ModalPresence = ModalPresence;
 exports.ModalPresenceContext = ModalPresenceContext;
 exports.useExclusiveModalPresenceContext = useExclusiveModalPresenceContext;
-exports.withModalPresence = withModalPresence;
+exports.withModalPresence = withModalPresence;

package/lib/components/Modal/index.js

@@ -1,18 +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 Modal = require('./Modal.js');
-require('react');
-
+const require_ModalPresence = require('./ModalPresence.js');
+const require_Modal = require('./Modal.js');
 
+//#region src/components/Modal/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 Modal_default = require_Modal.default;
 
-exports.Modal = Modal.default;
-exports.default = Modal.default;
+//#endregion
+exports.default = Modal_default;

package/lib/components/ModalWrapper/ModalWrapper.d.ts

@@ -1,5 +1,5 @@
 /**
- * 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.
@@ -36,7 +36,7 @@ interface ModelWrapperState {
     isOpen: boolean;
 }
 export default class ModalWrapper extends React.Component<ModalWrapperProps, ModelWrapperState> {
-    if(isDev: any): void;
+    constructor(props: ModalWrapperProps);
     static propTypes: {
         buttonTriggerClassName: PropTypes.Requireable<string>;
         buttonTriggerText: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -1,143 +1,121 @@
 /**
- * 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 PropTypes = require('prop-types');
-var React = require('react');
-var Modal = require('../Modal/Modal.js');
-var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
-var warning = require('../../internal/warning.js');
-var noopFn = require('../../internal/noopFn.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_keys = require('../../internal/keyboard/keys.js');
+const require_match = require('../../internal/keyboard/match.js');
+const require_noopFn = require('../../internal/noopFn.js');
+const require_warning = require('../../internal/warning.js');
+const require_Button = require('../Button/Button.js');
+const require_index = require('../Button/index.js');
+const require_index$1 = require('../Modal/index.js');
+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/ModalWrapper/ModalWrapper.tsx
+/**
+* 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.
+*/
 let didWarnAboutDeprecation = false;
-// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-process.env.NODE_ENV !== 'production';
-class ModalWrapper extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _rollupPluginBabelHelpers.defineProperty(this, "triggerButton", /*#__PURE__*/React.createRef());
-    _rollupPluginBabelHelpers.defineProperty(this, "modal", /*#__PURE__*/React.createRef());
-    _rollupPluginBabelHelpers.defineProperty(this, "state", {
-      isOpen: false
-    });
-    _rollupPluginBabelHelpers.defineProperty(this, "handleOpen", () => {
-      this.setState({
-        isOpen: true
-      });
-    });
-    _rollupPluginBabelHelpers.defineProperty(this, "handleClose", evt => {
-      const innerModal = this.modal.current?.querySelector('div');
-      if (this.modal.current && evt && !innerModal?.contains(evt.target) && this.props.preventCloseOnClickOutside) {
-        return;
-      } else {
-        this.setState({
-          isOpen: false
-        }, () => this.triggerButton.current?.focus());
-      }
-    });
-    _rollupPluginBabelHelpers.defineProperty(this, "handleOnRequestSubmit", evt => {
-      const {
-        handleSubmit,
-        shouldCloseAfterSubmit
-      } = this.props;
-      if (handleSubmit && shouldCloseAfterSubmit) {
-        handleSubmit(evt);
-        this.handleClose(evt);
-      }
-      handleSubmit?.(evt);
-    });
-  }
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-  if(isDev) {
-    process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, '`<ModalWrapper>` has been deprecated in favor of `<ComposedModal/>` and will be removed in the next major version, `@carbon/react@v2.x`') : void 0;
-    didWarnAboutDeprecation = true;
-  }
-  render() {
-    const {
-      children,
-      onKeyDown = noopFn.noopFn,
-      buttonTriggerText,
-      buttonTriggerClassName,
-      renderTriggerButtonIcon,
-      primaryButtonText = 'Save',
-      secondaryButtonText = 'Cancel',
-      triggerButtonIconDescription = 'Provide icon description if icon is used',
-      triggerButtonKind = 'primary',
-      disabled = false,
-      handleSubmit,
-      // eslint-disable-line @typescript-eslint/no-unused-vars
-      shouldCloseAfterSubmit = true,
-      // eslint-disable-line @typescript-eslint/no-unused-vars
-      selectorPrimaryFocus = '[data-modal-primary-focus]',
-      preventCloseOnClickOutside = false,
-      // eslint-disable-line @typescript-eslint/no-unused-vars
-      ...other
-    } = this.props;
-    const props = {
-      ...other,
-      selectorPrimaryFocus,
-      open: this.state.isOpen,
-      onRequestClose: this.handleClose,
-      onRequestSubmit: this.handleOnRequestSubmit
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      role: "presentation",
-      onKeyDown: evt => {
-        if (match.match(evt, keys.Escape)) {
-          this.handleClose(evt);
-          onKeyDown(evt);
-        }
-      }
-    }, /*#__PURE__*/React.createElement(Button.default, {
-      className: buttonTriggerClassName,
-      disabled: disabled,
-      kind: triggerButtonKind,
-      renderIcon: renderTriggerButtonIcon,
-      iconDescription: triggerButtonIconDescription,
-      onClick: this.handleOpen,
-      ref: this.triggerButton
-    }, buttonTriggerText), /*#__PURE__*/React.createElement(Modal.default, _rollupPluginBabelHelpers.extends({
-      ref: this.modal,
-      primaryButtonText: primaryButtonText,
-      secondaryButtonText: secondaryButtonText
-    }, props), children));
-  }
-}
-_rollupPluginBabelHelpers.defineProperty(ModalWrapper, "propTypes", {
-  buttonTriggerClassName: PropTypes.string,
-  buttonTriggerText: PropTypes.node,
-  children: PropTypes.node,
-  disabled: PropTypes.bool,
-  handleOpen: PropTypes.func,
-  handleSubmit: PropTypes.func,
-  id: PropTypes.string,
-  modalBeforeContent: PropTypes.bool,
-  modalHeading: PropTypes.string,
-  modalLabel: PropTypes.string,
-  modalText: PropTypes.string,
-  onKeyDown: PropTypes.func,
-  passiveModal: PropTypes.bool,
-  preventCloseOnClickOutside: PropTypes.bool,
-  primaryButtonText: PropTypes.string,
-  renderTriggerButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  secondaryButtonText: PropTypes.string,
-  selectorPrimaryFocus: PropTypes.string,
-  shouldCloseAfterSubmit: PropTypes.bool,
-  status: PropTypes.string,
-  triggerButtonIconDescription: PropTypes.string,
-  triggerButtonKind: PropTypes.oneOf(Button.ButtonKinds),
-  withHeader: PropTypes.bool
-});
+const isDev = process.env.NODE_ENV !== "production";
+var ModalWrapper = class extends react.default.Component {
+	constructor(props) {
+		super(props);
+		this.triggerButton = react.default.createRef();
+		this.modal = react.default.createRef();
+		this.state = { isOpen: false };
+		this.handleOpen = () => {
+			this.setState({ isOpen: true });
+		};
+		this.handleClose = (evt) => {
+			const innerModal = this.modal.current?.querySelector("div");
+			if (this.modal.current && evt && !innerModal?.contains(evt.target) && this.props.preventCloseOnClickOutside) return;
+			else this.setState({ isOpen: false }, () => this.triggerButton.current?.focus());
+		};
+		this.handleOnRequestSubmit = (evt) => {
+			const { handleSubmit, shouldCloseAfterSubmit } = this.props;
+			if (handleSubmit && shouldCloseAfterSubmit) {
+				handleSubmit(evt);
+				this.handleClose(evt);
+			}
+			handleSubmit?.(evt);
+		};
+		if (isDev) {
+			require_warning.warning(didWarnAboutDeprecation, "`<ModalWrapper>` has been deprecated in favor of `<ComposedModal/>` and will be removed in the next major version, `@carbon/react@v2.x`");
+			didWarnAboutDeprecation = true;
+		}
+	}
+	render() {
+		const { children, onKeyDown = require_noopFn.noopFn, buttonTriggerText, buttonTriggerClassName, renderTriggerButtonIcon, primaryButtonText = "Save", secondaryButtonText = "Cancel", triggerButtonIconDescription = "Provide icon description if icon is used", triggerButtonKind = "primary", disabled = false, handleSubmit, shouldCloseAfterSubmit, selectorPrimaryFocus = "[data-modal-primary-focus]", preventCloseOnClickOutside, ...other } = this.props;
+		const props = {
+			...other,
+			selectorPrimaryFocus,
+			open: this.state.isOpen,
+			onRequestClose: this.handleClose,
+			onRequestSubmit: this.handleOnRequestSubmit
+		};
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			role: "presentation",
+			onKeyDown: (evt) => {
+				if (require_match.match(evt, require_keys.Escape)) {
+					this.handleClose(evt);
+					onKeyDown(evt);
+				}
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+				className: buttonTriggerClassName,
+				disabled,
+				kind: triggerButtonKind,
+				renderIcon: renderTriggerButtonIcon,
+				iconDescription: triggerButtonIconDescription,
+				onClick: this.handleOpen,
+				ref: this.triggerButton,
+				children: buttonTriggerText
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
+				ref: this.modal,
+				primaryButtonText,
+				secondaryButtonText,
+				...props,
+				children
+			})]
+		});
+	}
+};
+ModalWrapper.propTypes = {
+	buttonTriggerClassName: prop_types.default.string,
+	buttonTriggerText: prop_types.default.node,
+	children: prop_types.default.node,
+	disabled: prop_types.default.bool,
+	handleOpen: prop_types.default.func,
+	handleSubmit: prop_types.default.func,
+	id: prop_types.default.string,
+	modalBeforeContent: prop_types.default.bool,
+	modalHeading: prop_types.default.string,
+	modalLabel: prop_types.default.string,
+	modalText: prop_types.default.string,
+	onKeyDown: prop_types.default.func,
+	passiveModal: prop_types.default.bool,
+	preventCloseOnClickOutside: prop_types.default.bool,
+	primaryButtonText: prop_types.default.string,
+	renderTriggerButtonIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object]),
+	secondaryButtonText: prop_types.default.string,
+	selectorPrimaryFocus: prop_types.default.string,
+	shouldCloseAfterSubmit: prop_types.default.bool,
+	status: prop_types.default.string,
+	triggerButtonIconDescription: prop_types.default.string,
+	triggerButtonKind: prop_types.default.oneOf(require_Button.ButtonKinds),
+	withHeader: prop_types.default.bool
+};
 
-exports.default = ModalWrapper;
+//#endregion
+exports.default = ModalWrapper;