@carbon/react 1.103.0 → 1.104.0

package/lib/components/FileUploader/FileUploaderItem.js

@@ -1,172 +1,153 @@
 /**
- * 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_Text = require('../Text/Text.js');
+const require_keys = require('../../internal/keyboard/keys.js');
+const require_match = require('../../internal/keyboard/match.js');
+const require_useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
+const require_useId = require('../../internal/useId.js');
+const require_noopFn = require('../../internal/noopFn.js');
+const require_Tooltip = require('../Tooltip/Tooltip.js');
+const require_Filename = require('./Filename.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+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");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var Filename = require('./Filename.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
-var useId = require('../../internal/useId.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var noopFn = require('../../internal/noopFn.js');
-var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
-var Text = require('../Text/Text.js');
-require('../Text/TextDirection.js');
-require('../Tooltip/DefinitionTooltip.js');
-var Tooltip = require('../Tooltip/Tooltip.js');
-
-function FileUploaderItem({
-  uuid,
-  name,
-  status = 'uploading',
-  iconDescription,
-  onDelete = noopFn.noopFn,
-  invalid,
-  errorSubject,
-  errorBody,
-  size,
-  className,
-  ...other
-}) {
-  const textRef = React.useRef(null);
-  const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
-  const prefix = usePrefix.usePrefix();
-  const generatedId = useId.useId();
-  const {
-    current: id
-  } = React.useRef(uuid || generatedId);
-  const classes = cx(`${prefix}--file__selected-file`, className, {
-    [`${prefix}--file__selected-file--invalid`]: invalid,
-    [`${prefix}--file__selected-file--md`]: size === 'md',
-    [`${prefix}--file__selected-file--sm`]: size === 'sm'
-  });
-  const isInvalid = invalid ? `${prefix}--file-filename-container-wrap-invalid` : `${prefix}--file-filename-container-wrap`;
-  const filterSpaceName = name => {
-    return name?.replace(/\s+/g, '');
-  };
-  const isEllipsisActive = element => {
-    if (!element) {
-      setIsEllipsisApplied(false);
-      return false;
-    }
-    const isActive = element.offsetWidth < element.scrollWidth;
-    setIsEllipsisApplied(isActive);
-    return isActive;
-  };
-  useIsomorphicEffect.default(() => {
-    isEllipsisActive(textRef.current);
-  }, [prefix, name]);
-  return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({
-    className: classes
-  }, other), isEllipsisApplied ? /*#__PURE__*/React.createElement("div", {
-    className: isInvalid
-  }, /*#__PURE__*/React.createElement(Tooltip.Tooltip, {
-    label: name,
-    align: "bottom",
-    className: `${prefix}--file-filename-tooltip`
-  }, /*#__PURE__*/React.createElement("button", {
-    className: `${prefix}--file-filename-button`,
-    type: "button"
-  }, /*#__PURE__*/React.createElement(Text.Text, {
-    ref: textRef,
-    as: "p",
-    title: name,
-    className: `${prefix}--file-filename-button`,
-    id: filterSpaceName(name)
-  }, name)))) : /*#__PURE__*/React.createElement(Text.Text, {
-    ref: textRef,
-    as: "p",
-    title: name,
-    className: `${prefix}--file-filename`,
-    id: filterSpaceName(name)
-  }, name), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--file-container-item`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--file__state-container`
-  }, /*#__PURE__*/React.createElement(Filename.default, {
-    name: name,
-    iconDescription: iconDescription,
-    status: status,
-    invalid: invalid,
-    "aria-describedby": invalid && errorSubject ? `${filterSpaceName(name)}-id-error` : undefined,
-    onKeyDown: evt => {
-      if (match.matches(evt, [keys.Enter, keys.Space])) {
-        if (status === 'edit') {
-          evt.preventDefault();
-          onDelete(evt, {
-            uuid: id
-          });
-        }
-      }
-    },
-    onClick: evt => {
-      if (status === 'edit') {
-        onDelete(evt, {
-          uuid: id
-        });
-      }
-    }
-  }))), invalid && errorSubject && /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`,
-    role: "alert",
-    id: `${filterSpaceName(name)}-id-error`
-  }, /*#__PURE__*/React.createElement(Text.Text, {
-    as: "div",
-    className: `${prefix}--form-requirement__title`
-  }, errorSubject), errorBody && /*#__PURE__*/React.createElement(Text.Text, {
-    as: "p",
-    className: `${prefix}--form-requirement__supplement`
-  }, errorBody)));
+//#region src/components/FileUploader/FileUploaderItem.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.
+*/
+function FileUploaderItem({ uuid, name, status = "uploading", iconDescription, onDelete = require_noopFn.noopFn, invalid, errorSubject, errorBody, size, className, ...other }) {
+	const textRef = (0, react.useRef)(null);
+	const [isEllipsisApplied, setIsEllipsisApplied] = (0, react.useState)(false);
+	const prefix = require_usePrefix.usePrefix();
+	const generatedId = require_useId.useId();
+	const { current: id } = (0, react.useRef)(uuid || generatedId);
+	const classes = (0, classnames.default)(`${prefix}--file__selected-file`, className, {
+		[`${prefix}--file__selected-file--invalid`]: invalid,
+		[`${prefix}--file__selected-file--md`]: size === "md",
+		[`${prefix}--file__selected-file--sm`]: size === "sm"
+	});
+	const isInvalid = invalid ? `${prefix}--file-filename-container-wrap-invalid` : `${prefix}--file-filename-container-wrap`;
+	const filterSpaceName = (name) => {
+		return name?.replace(/\s+/g, "");
+	};
+	const isEllipsisActive = (element) => {
+		if (!element) {
+			setIsEllipsisApplied(false);
+			return false;
+		}
+		const isActive = element.offsetWidth < element.scrollWidth;
+		setIsEllipsisApplied(isActive);
+		return isActive;
+	};
+	require_useIsomorphicEffect.default(() => {
+		isEllipsisActive(textRef.current);
+	}, [prefix, name]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: classes,
+		...other,
+		children: [
+			isEllipsisApplied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: isInvalid,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
+					label: name,
+					align: "bottom",
+					className: `${prefix}--file-filename-tooltip`,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						className: `${prefix}--file-filename-button`,
+						type: "button",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+							ref: textRef,
+							as: "p",
+							title: name,
+							className: `${prefix}--file-filename-button`,
+							id: filterSpaceName(name),
+							children: name
+						})
+					})
+				})
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				ref: textRef,
+				as: "p",
+				title: name,
+				className: `${prefix}--file-filename`,
+				id: filterSpaceName(name),
+				children: name
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--file-container-item`,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefix}--file__state-container`,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Filename.default, {
+						name,
+						iconDescription,
+						status,
+						invalid,
+						"aria-describedby": invalid && errorSubject ? `${filterSpaceName(name)}-id-error` : void 0,
+						onKeyDown: (evt) => {
+							if (require_match.matches(evt, [require_keys.Enter, require_keys.Space])) {
+								if (status === "edit") {
+									evt.preventDefault();
+									onDelete(evt, { uuid: id });
+								}
+							}
+						},
+						onClick: (evt) => {
+							if (status === "edit") onDelete(evt, { uuid: id });
+						}
+					})
+				})
+			}),
+			invalid && errorSubject && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefix}--form-requirement`,
+				role: "alert",
+				id: `${filterSpaceName(name)}-id-error`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+					as: "div",
+					className: `${prefix}--form-requirement__title`,
+					children: errorSubject
+				}), errorBody && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+					as: "p",
+					className: `${prefix}--form-requirement__supplement`,
+					children: errorBody
+				})]
+			})
+		]
+	});
 }
 FileUploaderItem.propTypes = {
-  /**
-   * Error message body for an invalid file upload
-   */
-  errorBody: PropTypes.string,
-  /**
-   * Error message subject for an invalid file upload
-   */
-  errorSubject: PropTypes.string,
-  /**
-   * Description of status icon (displayed in native tooltip)
-   */
-  iconDescription: PropTypes.string,
-  /**
-   * Specify if the currently uploaded file is invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Name of the uploaded file
-   */
-  name: PropTypes.string,
-  /**
-   * Event handler that is called after removing a file from the file uploader
-   * The event handler signature looks like `onDelete(evt, { uuid })`
-   */
-  onDelete: PropTypes.func,
-  /**
-   * Specify the size of the FileUploaderButton, from a list of available
-   * sizes.
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
-  /**
-   * Status of the file upload
-   */
-  status: PropTypes.oneOf(['uploading', 'edit', 'complete']),
-  /**
-   * Unique identifier for the file object
-   */
-  uuid: PropTypes.string
+	errorBody: prop_types.default.string,
+	errorSubject: prop_types.default.string,
+	iconDescription: prop_types.default.string,
+	invalid: prop_types.default.bool,
+	name: prop_types.default.string,
+	onDelete: prop_types.default.func,
+	size: prop_types.default.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	status: prop_types.default.oneOf([
+		"uploading",
+		"edit",
+		"complete"
+	]),
+	uuid: prop_types.default.string
 };
 
-exports.default = FileUploaderItem;
+//#endregion
+exports.default = FileUploaderItem;

package/lib/components/FileUploader/Filename.d.ts

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 import React, { type HTMLAttributes } from 'react';
 export type FilenameStatus = 'edit' | 'complete' | 'uploading';
-type SVGAttr = React.SVGAttributes<React.ReactSVGElement>;
+type SVGAttr = React.SVGAttributes<SVGSVGElement>;
 export interface FilenameProps extends Omit<HTMLAttributes<HTMLElement> & SVGAttr, 'tabIndex' | 'type'> {
     /**
      * Specify an id that describes the error to be read by screen readers when the filename is invalid

package/lib/components/FileUploader/Filename.js

@@ -1,87 +1,67 @@
 /**
- * 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_index = require('../Loading/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");
+let _carbon_icons_react = require("@carbon/icons-react");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var iconsReact = require('@carbon/icons-react');
-var PropTypes = require('prop-types');
-var React = require('react');
-var Loading = require('../Loading/Loading.js');
-var usePrefix = require('../../internal/usePrefix.js');
-
-var _Close;
-function Filename({
-  iconDescription = 'Uploading file',
-  status = 'uploading',
-  invalid,
-  name,
-  tabIndex = 0,
-  ['aria-describedby']: ariaDescribedBy,
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  switch (status) {
-    case 'uploading':
-      return /*#__PURE__*/React.createElement(Loading.default, {
-        description: iconDescription,
-        small: true,
-        withOverlay: false,
-        className: `${prefix}--file-loading`
-      });
-    case 'edit':
-      return /*#__PURE__*/React.createElement(React.Fragment, null, invalid && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
-        className: `${prefix}--file-invalid`
-      }), /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
-        "aria-label": `${iconDescription} - ${name}`,
-        className: `${prefix}--file-close`,
-        type: "button",
-        tabIndex: tabIndex
-      }, rest, {
-        "aria-describedby": invalid ? ariaDescribedBy : undefined
-      }), _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, null))));
-    case 'complete':
-      return /*#__PURE__*/React.createElement(iconsReact.CheckmarkFilled, _rollupPluginBabelHelpers.extends({
-        "aria-label": iconDescription,
-        className: `${prefix}--file-complete`
-      }, rest, {
-        tabIndex: -1
-      }), iconDescription && /*#__PURE__*/React.createElement("title", null, iconDescription));
-    default:
-      return null;
-  }
+//#region src/components/FileUploader/Filename.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 Filename({ iconDescription = "Uploading file", status = "uploading", invalid, name, tabIndex = 0, ["aria-describedby"]: ariaDescribedBy, ...rest }) {
+	const prefix = require_usePrefix.usePrefix();
+	switch (status) {
+		case "uploading": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			description: iconDescription,
+			small: true,
+			withOverlay: false,
+			className: `${prefix}--file-loading`
+		});
+		case "edit": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [invalid && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.WarningFilled, { className: `${prefix}--file-invalid` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			"aria-label": `${iconDescription} - ${name}`,
+			className: `${prefix}--file-close`,
+			type: "button",
+			tabIndex,
+			...rest,
+			"aria-describedby": invalid ? ariaDescribedBy : void 0,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, {})
+		})] });
+		case "complete": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.CheckmarkFilled, {
+			"aria-label": iconDescription,
+			className: `${prefix}--file-complete`,
+			...rest,
+			tabIndex: -1,
+			children: iconDescription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: iconDescription })
+		});
+		default: return null;
+	}
 }
 Filename.propTypes = {
-  /**
-   * Specify an id that describes the error to be read by screen readers when the filename is invalid
-   */
-  ['aria-describedby']: PropTypes.string,
-  /**
-   * Provide a description of the SVG icon to denote file upload status
-   */
-  iconDescription: PropTypes.string,
-  /**
-   * Specify if the file is invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Name of the uploaded file
-   */
-  name: PropTypes.string,
-  /**
-   * Status of the file upload
-   */
-  status: PropTypes.oneOf(['edit', 'complete', 'uploading']),
-  /**
-   * Provide a custom tabIndex value for the `<Filename>`
-   */
-  tabIndex: PropTypes.number
+	["aria-describedby"]: prop_types.default.string,
+	iconDescription: prop_types.default.string,
+	invalid: prop_types.default.bool,
+	name: prop_types.default.string,
+	status: prop_types.default.oneOf([
+		"edit",
+		"complete",
+		"uploading"
+	]),
+	tabIndex: prop_types.default.number
 };
 
-exports.default = Filename;
+//#endregion
+exports.default = Filename;

package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js

@@ -1,41 +1,39 @@
 /**
- * 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');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+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");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const FluidComboBoxSkeleton = ({
-  className,
-  ...rest
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: wrapperClasses
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--skeleton ${prefix}--list-box`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--list-box__label`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--list-box__field`
-  })));
-};
-FluidComboBoxSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string
+//#region src/components/FluidComboBox/FluidComboBox.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.
+*/
+const FluidComboBoxSkeleton = ({ className, ...rest }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)(className, `${prefix}--list-box__wrapper--fluid`),
+		...rest,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefix}--skeleton ${prefix}--list-box`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `${prefix}--list-box__label` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `${prefix}--list-box__field` })]
+		})
+	});
 };
+FluidComboBoxSkeleton.propTypes = { className: prop_types.default.string };
 
-exports.default = FluidComboBoxSkeleton;
+//#endregion
+exports.default = FluidComboBoxSkeleton;