@carbon/ibm-products 2.80.0-rc.0 → 2.81.0-rc.0

package/lib/components/EmptyStates/index.d.ts

@@ -1,22 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 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.
- */
-export { EmptyState } from './EmptyState';
-export { EmptyStateV2 } from './EmptyStateV2.deprecated';
-export { ErrorEmptyState } from './ErrorEmptyState';
-export { NoDataEmptyState } from './NoDataEmptyState';
-export { NoTagsEmptyState } from './NoTagsEmptyState';
-export { NotFoundEmptyState } from './NotFoundEmptyState';
-export { NotificationsEmptyState } from './NotificationsEmptyState';
-export { UnauthorizedEmptyState } from './UnauthorizedEmptyState';
-export type { EmptyStateProps } from './EmptyState';
-export type { EmptyStateV2Props } from './EmptyStateV2.deprecated';
-export type { ErrorEmptyStateProps } from './ErrorEmptyState';
-export type { NoDataEmptyStateProps } from './NoDataEmptyState';
-export type { NoTagsEmptyStateProps } from './NoTagsEmptyState';
-export type { NotFoundEmptyStateProps } from './NotFoundEmptyState';
-export type { NotificationsEmptyStateProps } from './NotificationsEmptyState';
-export type { UnauthorizedEmptyStateProps } from './UnauthorizedEmptyState';

package/lib/components/ExportModal/ExportModal.d.ts

@@ -1,116 +0,0 @@
-import { ComposedModal } from '@carbon/react';
-import React, { ReactNode, RefObject } from 'react';
-type InputType = 'text' | 'password';
-type PreformattedExtensions = {
-    extension?: string;
-    description?: string;
-};
-export interface ExportModalProps extends React.ComponentProps<typeof ComposedModal> {
-    /**
-     * Body content for the modal
-     */
-    body?: string;
-    /**
-     * Optional class name
-     */
-    className?: string;
-    /**
-     * specify if an error occurred
-     */
-    error?: boolean;
-    /**
-     * messaging to display in the event of an error
-     */
-    errorMessage?: string;
-    /**
-     * name of the file being exported
-     */
-    filename: string;
-    /**
-     * label text that's displayed when hovering over visibility toggler to hide key
-     */
-    hidePasswordLabel?: string;
-    /**
-     * label for the text input
-     */
-    inputLabel?: string;
-    /**
-     * specify the type of text input
-     */
-    inputType: InputType;
-    /**
-     * text for an invalid input
-     */
-    invalidInputText?: string;
-    /**
-     * specify if the modal is in a loading state
-     */
-    loading?: boolean;
-    /**
-     * message to display during the loading state
-     */
-    loadingMessage?: string;
-    /**
-     * Specify a handler for closing modal
-     */
-    onClose?: () => void;
-    /**
-     * Specify a handler for "submitting" modal. Returns the file name
-     */
-    onRequestSubmit?: (value?: string) => void;
-    /**
-     * Specify whether the Modal is currently open
-     */
-    open?: boolean;
-    /**
-     * The DOM node the tearsheet should be rendered within. Defaults to document.body.
-     */
-    portalTarget?: ReactNode;
-    /**
-     * Array of extensions to display as radio buttons
-     */
-    preformattedExtensions: readonly PreformattedExtensions[];
-    /**
-     * Label for the preformatted label form group
-     */
-    preformattedExtensionsLabel?: string;
-    /**
-     * Specify the text for the primary button
-     */
-    primaryButtonText: string;
-    /**
-     * Specify the text for the secondary button
-     */
-    secondaryButtonText: string;
-    /**
-     * label text that's displayed when hovering over visibility toggler to show key
-     */
-    showPasswordLabel?: string;
-    /**
-     * messaging to display if the export was successful
-     */
-    successMessage?: string;
-    /**
-     * specify if the export was successful
-     */
-    successful?: boolean;
-    /**
-     * The text displayed at the top of the modal
-     */
-    title: string;
-    /**
-     * Reference to trigger button
-     */
-    triggerButtonRef?: RefObject<any>;
-    /**
-     * array of valid extensions the file can have
-     */
-    validExtensions: readonly any[];
-}
-/**
- * Modal dialog version of the export pattern
- */
-export declare const ExportModal: React.ForwardRefExoticComponent<ExportModalProps & {
-    children?: ReactNode | undefined;
-} & React.RefAttributes<unknown>>;
-export {};

package/lib/components/ExportModal/ExportModal.js

@@ -1,302 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 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.
- */
-
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var react = require('@carbon/react');
-var icons = require('@carbon/react/icons');
-var React = require('react');
-var index = require('../../_virtual/index.js');
-var cx = require('classnames');
-var devtools = require('../../global/js/utils/devtools.js');
-var settings = require('../../settings.js');
-var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
-
-var _Loading;
-const componentName = 'ExportModal';
-
-// Default values for props
-const defaults = {
-  preformattedExtensions: Object.freeze([]),
-  validExtensions: Object.freeze([])
-};
-/**
- * Modal dialog version of the export pattern
- */
-const ExportModal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    // The component props, in alphabetical order (for consistency).
-
-    body,
-    className,
-    error,
-    errorMessage,
-    filename,
-    hidePasswordLabel,
-    inputLabel,
-    inputType = 'text',
-    invalidInputText,
-    loading,
-    loadingMessage,
-    onClose,
-    onRequestSubmit,
-    open,
-    portalTarget: portalTargetIn,
-    preformattedExtensions = defaults.preformattedExtensions,
-    preformattedExtensionsLabel,
-    primaryButtonText,
-    secondaryButtonText,
-    showPasswordLabel,
-    successMessage,
-    successful,
-    title,
-    triggerButtonRef,
-    validExtensions = defaults.validExtensions,
-    // Collect any other property values passed in.
-    ...rest
-  } = _ref;
-  const blockClass = `${settings.pkg.prefix}--export-modal`;
-  const [name, setName] = React.useState('');
-  const [dirtyInput, setDirtyInput] = React.useState(false);
-  // by default (if it exists) use the first extension in the extension array
-  const [extension, setExtension] = React.useState('');
-  const renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
-  const carbonPrefix = react.usePrefix();
-  React.useEffect(() => {
-    setName(filename);
-    if (preformattedExtensions && preformattedExtensions.length > 0 && preformattedExtensions[0]?.extension) {
-      setExtension(preformattedExtensions?.[0]?.extension);
-    }
-  }, [filename, preformattedExtensions, open]);
-  React.useEffect(() => {
-    if (successful) {
-      const button = document.querySelector(`.${blockClass} .${carbonPrefix}--modal-close-button button`);
-      button?.focus();
-    }
-  }, [successful, blockClass, carbonPrefix]);
-  const onNameChangeHandler = evt => {
-    setName(evt.target.value);
-  };
-  const onExtensionChangeHandler = value => {
-    setExtension(value);
-  };
-  const onBlurHandler = () => {
-    setDirtyInput(true);
-  };
-  const onSubmitHandler = () => {
-    const returnName = extension ? `${filename}.${extension.toLocaleLowerCase()}` : name;
-    onRequestSubmit?.(returnName);
-  };
-  const hasInvalidExtension = () => {
-    if (!dirtyInput || !validExtensions || !validExtensions.length) {
-      return false;
-    }
-    if (!name.includes('.')) {
-      return true;
-    }
-    const ext = name.split('.').pop();
-    if (!validExtensions.includes(ext)) {
-      return true;
-    }
-    return false;
-  };
-  const internalId = React.useRef(uuidv4.default());
-  const primaryButtonDisabled = loading || !name || hasInvalidExtension();
-  const submitted = loading || error || successful;
-  const commonInputProps = {
-    id: `text-input--${internalId.current}`,
-    value: name,
-    onChange: onNameChangeHandler,
-    labelText: inputLabel,
-    invalid: hasInvalidExtension(),
-    invalidText: invalidInputText,
-    onBlur: onBlurHandler,
-    ['data-modal-primary-focus']: true
-  };
-  return renderPortalUse(/*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
-    enableExperimentalFocusWrapWithoutSentinels: true
-  }, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
-    className: cx(blockClass, className),
-    "aria-label": title,
-    size: "sm",
-    preventCloseOnClickOutside: true,
-    launcherButtonRef: triggerButtonRef,
-    open,
-    ref,
-    onClose
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.ModalHeader, {
-    className: `${blockClass}__header`,
-    closeModal: onClose,
-    title: title
-  }), /*#__PURE__*/React.createElement(react.ModalBody, {
-    className: `${blockClass}__body-container`
-  }, !submitted && /*#__PURE__*/React.createElement(React.Fragment, null, body && /*#__PURE__*/React.createElement("p", {
-    className: `${blockClass}__body`
-  }, body), preformattedExtensions.length ? /*#__PURE__*/React.createElement(react.FormGroup, {
-    legendText: preformattedExtensionsLabel
-  }, /*#__PURE__*/React.createElement(react.RadioButtonGroup, {
-    orientation: "vertical",
-    onChange: onExtensionChangeHandler,
-    valueSelected: extension,
-    name: "extensions",
-    "aria-label": "extensions"
-  }, preformattedExtensions.map(o => /*#__PURE__*/React.createElement(react.RadioButton, {
-    key: o.extension,
-    id: o.extension,
-    value: o.extension,
-    labelText: `${o.extension} (${o.description})`,
-    "data-modal-primary-focus": true
-  })))) : /*#__PURE__*/React.createElement("div", {
-    className: `${blockClass}__input-container`
-  }, inputType === 'text' ? /*#__PURE__*/React.createElement(react.TextInput, commonInputProps) : /*#__PURE__*/React.createElement(react.PasswordInput, _rollupPluginBabelHelpers.extends({}, commonInputProps, {
-    showPasswordLabel: showPasswordLabel,
-    hidePasswordLabel: hidePasswordLabel,
-    tooltipPosition: "left"
-  })))), /*#__PURE__*/React.createElement("div", {
-    "aria-live": "polite",
-    className: `${blockClass}__messaging`
-  }, loading && /*#__PURE__*/React.createElement(React.Fragment, null, _Loading || (_Loading = /*#__PURE__*/React.createElement(react.Loading, {
-    "aria-live": "off",
-    description: "",
-    small: true,
-    withOverlay: false
-  })), /*#__PURE__*/React.createElement("p", null, loadingMessage)), successful && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(icons.CheckmarkFilled, {
-    size: 16,
-    className: `${blockClass}__checkmark-icon`
-  }), /*#__PURE__*/React.createElement("p", null, successMessage)), error && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(icons.ErrorFilled, {
-    size: 16,
-    className: `${blockClass}__error-icon`
-  }), /*#__PURE__*/React.createElement("p", null, errorMessage)))), !submitted && /*#__PURE__*/React.createElement(react.ModalFooter, {
-    className: `${blockClass}__footer`
-  }, /*#__PURE__*/React.createElement(react.Button, {
-    type: "button",
-    kind: "secondary",
-    onClick: onClose
-  }, secondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
-    type: "submit",
-    kind: "primary",
-    onClick: onSubmitHandler,
-    disabled: primaryButtonDisabled
-  }, primaryButtonText)))));
-});
-
-// Return a placeholder if not released and not enabled by feature flag
-
-ExportModal.propTypes = {
-  /**
-   * Body content for the modal
-   */
-  /**@ts-ignore*/
-  body: index.default.string,
-  /**
-   * Optional class name
-   */
-  className: index.default.string,
-  /**
-   * specify if an error occurred
-   */
-  error: index.default.bool,
-  /**
-   * messaging to display in the event of an error
-   */
-  errorMessage: index.default.string,
-  /**
-   * name of the file being exported
-   */
-  filename: index.default.string.isRequired,
-  /**
-   * label text that's displayed when hovering over visibility toggler to hide key
-   */
-  hidePasswordLabel: index.default.string,
-  /**
-   * label for the text input
-   */
-  inputLabel: index.default.string,
-  /**
-   * specify the type of text input
-   */
-  /**@ts-ignore */
-  inputType: index.default.oneOf(['text', 'password']),
-  /**
-   * text for an invalid input
-   */
-  invalidInputText: index.default.string,
-  /**
-   * specify if the modal is in a loading state
-   */
-  loading: index.default.bool,
-  /**
-   * message to display during the loading state
-   */
-  loadingMessage: index.default.string,
-  /**
-   * Specify a handler for closing modal
-   */
-  onClose: index.default.func,
-  /**
-   * Specify a handler for "submitting" modal. Returns the file name
-   */
-  onRequestSubmit: index.default.func,
-  /**
-   * Specify whether the Modal is currently open
-   */
-  open: index.default.bool,
-  /**
-   * The DOM node the tearsheet should be rendered within. Defaults to document.body.
-   */
-  portalTarget: index.default.node,
-  /**
-   * Array of extensions to display as radio buttons
-   */
-  /**@ts-ignore */
-  preformattedExtensions: index.default.arrayOf(index.default.shape({
-    extension: index.default.string,
-    description: index.default.string
-  })),
-  /**
-   * Label for the preformatted label form group
-   */
-  preformattedExtensionsLabel: index.default.string,
-  /**
-   * Specify the text for the primary button
-   */
-  primaryButtonText: index.default.string.isRequired,
-  /**
-   * Specify the text for the secondary button
-   */
-  secondaryButtonText: index.default.string.isRequired,
-  /**
-   * label text that's displayed when hovering over visibility toggler to show key
-   */
-  showPasswordLabel: index.default.string,
-  /**
-   * messaging to display if the export was successful
-   */
-  successMessage: index.default.string,
-  /**
-   * specify if the export was successful
-   */
-  successful: index.default.bool,
-  /**
-   * The text displayed at the top of the modal
-   */
-  title: index.default.string.isRequired,
-  /**
-   * Sets the trigger button ref
-   */
-  triggerButtonRef: index.default.any,
-  /**
-   * array of valid extensions the file can have
-   */
-  /**@ts-ignore */
-  validExtensions: index.default.array
-};
-ExportModal.displayName = componentName;
-
-exports.ExportModal = ExportModal;

package/lib/components/ExportModal/index.d.ts

@@ -1,2 +0,0 @@
-export { ExportModal } from './ExportModal';
-export type { ExportModalProps } from './ExportModal';

package/lib/components/ExpressiveCard/ExpressiveCard.d.ts

@@ -1,95 +0,0 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
-import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
-import { ActionIcon } from '../Card/Card';
-export interface ExpressiveCardProps extends PropsWithChildren {
-    /**
-     * Icons that are displayed on the card. Refer to design documentation for implementation guidelines. Note: href is deprecated. Set link.href for href functionality. If you are setting link object, href is a required property. link object supports all anchor element properties. Precedence: link.href > href. If link.href or href is set => anchor element, else button.
-     */
-    actionIcons?: ActionIcon[];
-    /**
-     * Content that shows in the body of the card
-     */
-    /**
-     * Optional user provided class
-     */
-    className?: string;
-    /**
-     * Optional prop that allows you to pass any component.
-     */
-    decorator?: ReactNode | boolean;
-    /**
-     * Optional header description
-     */
-    description?: string | object | ReactNode;
-    /**
-     * Optional label for the top of the card
-     */
-    label?: string | object | ReactNode;
-    /**
-     * Optional media content like an image to be placed in the card
-     */
-    media?: ReactNode;
-    /**
-     * Establishes the position of the media in the card
-     */
-    mediaPosition?: 'top' | 'left';
-    /**
-     * Provides the callback for a clickable card
-     */
-    onClick?: () => void;
-    /**
-     * Function that's called from the primary button or action icon
-     */
-    onPrimaryButtonClick?: () => void;
-    /**
-     * Function that's called from the secondary button
-     */
-    onSecondaryButtonClick?: () => void;
-    /**
-     * Provides the icon that's displayed at the top of the card
-     */
-    pictogram?: CarbonIconType;
-    /**
-     * Optionally specify an href for your Button to become an <a> element
-     */
-    primaryButtonHref?: string;
-    /**
-     * Optional prop to allow overriding the icon rendering. Can be a React component class
-     */
-    primaryButtonIcon?: () => void | object;
-    /**
-     * Establishes the kind of button displayed for the primary button
-     */
-    primaryButtonKind?: 'primary' | 'ghost';
-    /**
-     * The text that's displayed in the primary button
-     */
-    primaryButtonText?: string;
-    /**
-     * Optionally specify an href for your Button to become an <a> element
-     */
-    secondaryButtonHref?: string;
-    /**
-     * Optional prop to allow overriding the icon rendering. Can be a React component class
-     */
-    secondaryButtonIcon?: () => void | object;
-    /**
-     * Establishes the kind of button displayed for the secondary button
-     */
-    secondaryButtonKind?: 'secondary' | 'ghost';
-    /**
-     * The text that's displayed in the secondary button
-     */
-    secondaryButtonText?: string;
-    /**
-     * **Experimental:** For all cases a `Slug` component can be provided.
-     * Clickable tiles only accept a boolean value of true and display a hollow slug.
-     * @deprecated please use the `decorator` prop
-     */
-    slug?: ReactNode | boolean;
-    /**
-     * Title that's displayed at the top of the card
-     */
-    title?: string | object | ReactNode;
-}
-export declare const ExpressiveCard: React.ForwardRefExoticComponent<ExpressiveCardProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/ExpressiveCard/ExpressiveCard.js

@@ -1,138 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 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.
- */
-
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var index = require('../../_virtual/index.js');
-var devtools = require('../../global/js/utils/devtools.js');
-var propsHelper = require('../../global/js/utils/props-helper.js');
-var Card = require('../Card/Card.js');
-
-const componentName = 'ExpressiveCard';
-const ExpressiveCard = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const validProps = propsHelper.prepareProps(props, ['actionIconsPosition', 'overflowActions', 'productive', 'titleSize']);
-  return /*#__PURE__*/React.createElement(Card.Card, _rollupPluginBabelHelpers.extends({
-    ref: ref
-  }, validProps, devtools.getDevtoolsProps(componentName)));
-});
-
-// Return a placeholder if not released and not enabled by feature flag
-
-ExpressiveCard.propTypes = {
-  /**
-   * Icons that are displayed on the card. Refer to design documentation for implementation guidelines. Note: href is deprecated. Set link.href for href functionality. If you are setting link object, href is a required property. link object supports all anchor element properties. Precedence: link.href > href. If link.href or href is set => anchor element, else button.
-   */
-  /**@ts-ignore */
-  actionIcons: index.default.arrayOf(index.default.shape({
-    id: index.default.string,
-    icon: index.default.oneOfType([index.default.func, index.default.object]),
-    onKeyDown: index.default.func,
-    onClick: index.default.func,
-    iconDescription: index.default.string,
-    /**
-     * @deprecated please use the `link.href` instead
-     */
-    href: index.default.string,
-    link: index.default.shape({
-      href: index.default.string.isRequired
-    })
-  })),
-  /**
-   * Content that shows in the body of the card
-   */
-  children: index.default.node,
-  /**
-   * Optional user provided class
-   */
-  className: index.default.string,
-  /**
-   * Optional prop that allows you to pass any component.
-   */
-  decorator: index.default.oneOfType([index.default.node, index.default.bool]),
-  /**
-   * Optional header description
-   */
-  description: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),
-  /**
-   * Optional label for the top of the card
-   */
-  label: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),
-  /**
-   * Optional media content like an image to be placed in the card
-   */
-  media: index.default.node,
-  /**
-   * Establishes the position of the media in the card
-   */
-  mediaPosition: index.default.oneOf(['top', 'left']),
-  /**
-   * Provides the callback for a clickable card
-   */
-  onClick: index.default.func,
-  /**
-   * Function that's called from the primary button or action icon
-   */
-  onPrimaryButtonClick: index.default.func,
-  /**
-   * Function that's called from the secondary button
-   */
-  onSecondaryButtonClick: index.default.func,
-  /**
-   * Provides the icon that's displayed at the top of the card
-   */
-  /**@ts-ignore */
-  pictogram: index.default.oneOfType([index.default.func, index.default.object]),
-  /**
-   * Optionally specify an href for your Button to become an <a> element
-   */
-  primaryButtonHref: index.default.string,
-  /**
-   * Optional prop to allow overriding the icon rendering. Can be a React component class
-   */
-  /**@ts-ignore */
-  primaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
-  /**
-   * Establishes the kind of button displayed for the primary button
-   */
-  primaryButtonKind: index.default.oneOf(['primary', 'ghost']),
-  /**
-   * The text that's displayed in the primary button
-   */
-  primaryButtonText: index.default.string,
-  /**
-   * Optionally specify an href for your Button to become an <a> element
-   */
-  secondaryButtonHref: index.default.string,
-  /**
-   * Optional prop to allow overriding the icon rendering. Can be a React component class
-   */
-  /**@ts-ignore */
-  secondaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
-  /**
-   * Establishes the kind of button displayed for the secondary button
-   */
-  secondaryButtonKind: index.default.oneOf(['secondary', 'ghost']),
-  /**
-   * The text that's displayed in the secondary button
-   */
-  secondaryButtonText: index.default.string,
-  /**
-   * **Experimental:** For all cases a `Slug` component can be provided.
-   * Clickable tiles only accept a boolean value of true and display a hollow slug.
-   * @deprecated please use the `decorator` prop
-   */
-  slug: index.default.oneOfType([index.default.node, index.default.bool]),
-  /**
-   * Title that's displayed at the top of the card
-   */
-  title: index.default.oneOfType([index.default.string, index.default.object, index.default.node])
-};
-ExpressiveCard.displayName = componentName;
-
-exports.ExpressiveCard = ExpressiveCard;

package/lib/components/ExpressiveCard/index.d.ts

@@ -1,2 +0,0 @@
-export { ExpressiveCard } from './ExpressiveCard';
-export type { ExpressiveCardProps } from './ExpressiveCard';