@carbon/ibm-products 2.43.2-canary.31 → 2.43.2-canary.317

package/es/components/AddSelect/AddSelect.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import { AddSelectBody } from './AddSelectBody.js';
 import { normalize, getGlobalFilterValues } from './add-select-utils.js';
 

package/es/components/AddSelect/AddSelectBody.js

@@ -7,9 +7,19 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useState } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { Tag } from '@carbon/react';
+import { Tearsheet } from '../Tearsheet/Tearsheet.js';
+import { TearsheetNarrow } from '../Tearsheet/TearsheetNarrow.js';
+import '../EmptyStates/EmptyState.js';
+import '../EmptyStates/EmptyStateV2.js';
+import '../EmptyStates/ErrorEmptyState/ErrorEmptyState.js';
+import '../EmptyStates/NoDataEmptyState/NoDataEmptyState.js';
+import '../EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js';
+import { NotFoundEmptyState } from '../EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js';
+import '../EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js';
+import '../EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js';
 import { AddSelectSidebar } from './AddSelectSidebar.js';
 import { AddSelectBreadcrumbs } from './AddSelectBreadcrumbs.js';
 import { AddSelectList } from './AddSelectList.js';
@@ -21,9 +31,6 @@ import { useItemSort } from './hooks/useItemSort.js';
 import useParentSelect from './hooks/useParentSelect.js';
 import usePath from './hooks/usePath.js';
 import { pkg } from '../../settings.js';
-import { NotFoundEmptyState } from '../EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js';
-import { Tearsheet } from '../Tearsheet/Tearsheet.js';
-import { TearsheetNarrow } from '../Tearsheet/TearsheetNarrow.js';
 
 var _excluded = ["className", "clearFiltersText", "closeIconDescription", "columnInputPlaceholder", "defaultModifiers", "description", "filterByLabel", "globalFilterOpts", "globalFiltersLabel", "globalFiltersIconDescription", "globalFiltersPlaceholderText", "globalFiltersPrimaryButtonText", "globalFiltersSecondaryButtonText", "globalSearchLabel", "globalSearchPlaceholder", "globalSortBy", "illustrationTheme", "influencerTitle", "items", "itemsLabel", "metaIconDescription", "metaPanelTitle", "multi", "navIconDescription", "noResultsDescription", "noResultsTitle", "noSelectionDescription", "noSelectionTitle", "normalizedItems", "onClose", "onCloseButtonText", "onSubmit", "onSubmitButtonText", "open", "portalTarget", "searchResultsTitle", "sortByLabel", "title", "useNormalizedItems"];
 var blockClass = "".concat(pkg.prefix, "--add-select");

package/es/components/AddSelect/AddSelectBreadcrumbs.d.ts

@@ -2,7 +2,7 @@ export function AddSelectBreadcrumbs({ multi, onClick, path }: {
     multi: any;
     onClick: any;
     path: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectBreadcrumbs {
     export namespace propTypes {
         let multi: PropTypes.Requireable<boolean>;
@@ -11,6 +11,7 @@ export namespace AddSelectBreadcrumbs {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectBreadcrumbs";
 export {};

package/es/components/AddSelect/AddSelectBreadcrumbs.js

@@ -8,7 +8,7 @@
 import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import { Breadcrumb, BreadcrumbItem } from '@carbon/react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
 

package/es/components/AddSelect/AddSelectColumn.d.ts

@@ -10,7 +10,7 @@ export function AddSelectColumn({ columnInputPlaceholder, filterByLabel, header,
     setMultiSelection: any;
     setPath: any;
     sortByLabel: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectColumn {
     export namespace propTypes {
         let columnInputPlaceholder: PropTypes.Requireable<string>;
@@ -26,6 +26,7 @@ export namespace AddSelectColumn {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectColumn";
 export {};

package/es/components/AddSelect/AddSelectColumn.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import { usePrefix, Search, OverflowMenu, Checkbox, Tag } from '@carbon/react';
 import { Filter } from '@carbon/react/icons';
 import { pkg } from '../../settings.js';

package/es/components/AddSelect/AddSelectFilter.d.ts

@@ -14,7 +14,7 @@ export function AddSelectFilter({ appliedFilters, clearFiltersText, filterOpts,
     primaryButtonText: any;
     searchTerm: any;
     secondaryButtonText: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectFilter {
     export namespace propTypes {
         let appliedFilters: PropTypes.Requireable<object>;
@@ -35,6 +35,7 @@ export namespace AddSelectFilter {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectFilter";
 export {};

package/es/components/AddSelect/AddSelectFilter.js

@@ -7,9 +7,9 @@
 
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState } from 'react';
-import { Search, Button, Layer, Dropdown, ButtonSet, Tag } from '@carbon/react';
+import { Search, Button, Layer, Dropdown, ButtonSet, DismissibleTag } from '@carbon/react';
 import cx from 'classnames';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import { Filter } from '@carbon/react/icons';
 import { pkg } from '../../settings.js';
 
@@ -134,15 +134,15 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
   }, primaryButtonText)))), hasFiltersApplied && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "-applied")
   }, Object.keys(appliedFilters).map(function (filterType) {
-    return /*#__PURE__*/React__default.createElement(Tag, {
+    return /*#__PURE__*/React__default.createElement(DismissibleTag, {
       key: filterType,
+      text: "".concat(filterType, ": ").concat(appliedFilters[filterType]),
       type: "gray",
       size: "sm",
       onClose: function onClose() {
         return removeTag(filterType);
-      },
-      filter: true
-    }, "".concat(filterType, ": ").concat(appliedFilters[filterType]));
+      }
+    });
   }), /*#__PURE__*/React__default.createElement(Button, {
     kind: "ghost",
     size: "sm",

package/es/components/AddSelect/AddSelectFormControl.d.ts

@@ -3,7 +3,7 @@ export function AddSelectFormControl({ item, onClick, selected, type }: {
     onClick: any;
     selected: any;
     type: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectFormControl {
     export namespace propTypes {
         let item: PropTypes.Requireable<object>;
@@ -13,6 +13,7 @@ export namespace AddSelectFormControl {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectFormControl";
 export {};

package/es/components/AddSelect/AddSelectFormControl.js

@@ -8,7 +8,7 @@
 import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import { CheckboxCheckedFilled, Checkbox, RadioButtonChecked, RadioButton } from '@carbon/react/icons';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import { pkg } from '../../settings.js';
 import { UserProfileImage } from '../UserProfileImage/UserProfileImage.js';
 

package/es/components/AddSelect/AddSelectList.d.ts

@@ -2,7 +2,7 @@ export function AddSelectList({ filteredItems, multi, ...rest }: {
     [x: string]: any;
     filteredItems: any;
     multi: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectList {
     export namespace propTypes {
         let filteredItems: PropTypes.Requireable<any[]>;
@@ -11,6 +11,7 @@ export namespace AddSelectList {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectList";
 export {};

package/es/components/AddSelect/AddSelectList.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { AddSelectRow } from './AddSelectRow.js';

package/es/components/AddSelect/AddSelectMetaPanel.d.ts

@@ -3,7 +3,7 @@ export function AddSelectMetaPanel({ closeIconDescription, meta, setDisplayMetaP
     meta: any;
     setDisplayMetaPanel: any;
     title: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectMetaPanel {
     export namespace propTypes {
         let closeIconDescription: PropTypes.Validator<string>;
@@ -17,6 +17,7 @@ export namespace AddSelectMetaPanel {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectMetaPanel";
 export {};

package/es/components/AddSelect/AddSelectMetaPanel.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { isValidElement } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import { Close } from '@carbon/react/icons';
 import { Button } from '@carbon/react';
 import { pkg } from '../../settings.js';

package/es/components/AddSelect/AddSelectRow.d.ts

@@ -19,7 +19,7 @@ export function AddSelectRow({ appliedModifiers, displayMetalPanel, index, focus
     setSingleSelection: any;
     setSize: any;
     singleSelection: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectRow {
     export namespace propTypes {
         let appliedModifiers: PropTypes.Requireable<any[]>;
@@ -46,6 +46,7 @@ export namespace AddSelectRow {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectList";
 export {};

package/es/components/AddSelect/AddSelectRow.js

@@ -9,7 +9,7 @@ import { defineProperty as _defineProperty, extends as _extends, toConsumableArr
 import React__default, { useRef, useEffect, useCallback } from 'react';
 import { Layer, Dropdown, Button } from '@carbon/react';
 import { ChevronRight, View } from '@carbon/react/icons';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { AddSelectFormControl } from './AddSelectFormControl.js';

package/es/components/AddSelect/AddSelectSidebar.d.ts

@@ -11,7 +11,7 @@ export function AddSelectSidebar({ appliedModifiers, closeIconDescription, displ
     noSelectionDescription: any;
     noSelectionTitle: any;
     setDisplayMetaPanel: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectSidebar {
     export namespace propTypes {
         let appliedModifiers: PropTypes.Requireable<any[]>;
@@ -29,6 +29,7 @@ export namespace AddSelectSidebar {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectSidebar";
 export {};

package/es/components/AddSelect/AddSelectSidebar.js

@@ -8,10 +8,10 @@
 import { objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import { Tag, Accordion, AccordionItem } from '@carbon/react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
+import { NoDataEmptyState } from '../EmptyStates/NoDataEmptyState/NoDataEmptyState.js';
 import { pkg } from '../../settings.js';
 import { AddSelectMetaPanel } from './AddSelectMetaPanel.js';
-import { NoDataEmptyState } from '../EmptyStates/NoDataEmptyState/NoDataEmptyState.js';
 
 var _excluded = ["meta", "icon", "avatar"];
 var blockClass = "".concat(pkg.prefix, "--add-select__sidebar");

package/es/components/AddSelect/AddSelectSort.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import PropTypes from 'prop-types';
 export interface AddSelectSortProps {
     setSortAttribute?: (attribute: any) => void;
@@ -6,7 +7,7 @@ export interface AddSelectSortProps {
     sortByLabel?: string;
 }
 export declare const AddSelectSort: {
-    ({ setSortAttribute, setSortDirection, sortBy, sortByLabel, }: AddSelectSortProps): import("react/jsx-runtime").JSX.Element;
+    ({ setSortAttribute, setSortDirection, sortBy, sortByLabel, }: AddSelectSortProps): React.JSX.Element;
     propTypes: {
         setSortAttribute: PropTypes.Requireable<(...args: any[]) => any>;
         setSortDirection: PropTypes.Requireable<(...args: any[]) => any>;

package/es/components/AddSelect/AddSelectSort.js

@@ -7,7 +7,7 @@
 
 import { toConsumableArray as _toConsumableArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import { OverflowMenu, OverflowMenuItem } from '@carbon/react';
 import { ArrowUp, ArrowDown, ArrowsVertical } from '@carbon/react/icons';
 import { pkg } from '../../settings.js';

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

@@ -1 +1,2 @@
-export { AddSelect } from "./AddSelect";
+export { AddSelect } from './AddSelect';
+export type { AddSelectProps } from './AddSelect';

package/es/components/AddSelect/types/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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 { ReactNode } from 'react';
 export type Theme = 'light' | 'dark';
 export interface Filter {

package/es/components/BigNumbers/BigNumbers.js

@@ -7,13 +7,13 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { Information, ArrowUp } from '@carbon/react/icons';
 import { Tooltip, SkeletonText } from '@carbon/react';
-import { DefaultLocale, BigNumbersSize, getSupportedLocale, formatValue, Characters, getIconSize } from './constants.js';
+import { BigNumbersSize, getSupportedLocale, formatValue, Characters, getIconSize, DefaultLocale } from './constants.js';
 import { TooltipTrigger } from '../TooltipTrigger/TooltipTrigger.js';
 
 var _Information;

package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts

@@ -6,7 +6,7 @@ export function BreadcrumbWithOverflow({ breadcrumbs, className, maxVisible, noT
     noTrailingSlash: any;
     overflowAriaLabel: any;
     overflowTooltipAlign: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace BreadcrumbWithOverflow {
     export namespace propTypes {
         let breadcrumbs: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -43,6 +43,7 @@ export namespace BreadcrumbWithOverflow {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "BreadcrumbWithOverflow";
 export {};

package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, createForOfIteratorHelper as _createForOfIteratorHelper } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 import { usePrefix, Breadcrumb, BreadcrumbItem, OverflowMenu, Link, Tooltip, OverflowMenuItem } from '@carbon/react';

package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.d.ts

@@ -5,7 +5,7 @@ export function ButtonSetWithOverflow({ buttons, className, onWidthChange, butto
     buttonSetOverflowLabel: any;
     menuOptionsClass: any;
     rightAlign: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace ButtonSetWithOverflow {
     export namespace propTypes {
         let buttonSetOverflowLabel: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
@@ -17,6 +17,7 @@ export namespace ButtonSetWithOverflow {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "ButtonSetWithOverflow";
 export {};

package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js

@@ -7,7 +7,7 @@
 
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, createForOfIteratorHelper as _createForOfIteratorHelper, objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 import { usePrefix, ButtonSet, Button, MenuButton, MenuItem } from '@carbon/react';

package/es/components/Card/Card.d.ts

@@ -1,2 +1,73 @@
-export let Card: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
+type ActionIcon = {
+    id?: string;
+    icon?: () => ReactNode;
+    onKeydown?: () => void;
+    onClick?: () => void;
+    iconDescription?: string;
+    href?: string;
+};
+type OverflowActions = {
+    id?: string;
+    itemText?: string;
+    onClick?: () => void;
+    onKeydown?: () => void;
+};
+type Metadata = {
+    id?: string;
+    icon?: () => ReactNode;
+    iconDescription?: string;
+    onClick?: () => void;
+    href?: string;
+};
+interface CardProp extends PropsWithChildren {
+    actionIcons?: readonly ActionIcon[];
+    actionsPlacement?: 'top' | 'bottom';
+    children?: ReactNode;
+    className?: string;
+    clickZone?: 'one' | 'two' | 'three';
+    description?: ReactNode;
+    disabled?: boolean;
+    footerActionIcon?: React.ElementType;
+    getStarted?: boolean;
+    label?: ReactNode;
+    media?: ReactNode;
+    mediaPosition?: 'top' | 'left';
+    metadata?: readonly Metadata[];
+    onClick?: () => void;
+    onKeyDown?: () => void;
+    onPrimaryButtonClick?: () => void;
+    onSecondaryButtonClick?: () => void;
+    overflowActions?: readonly OverflowActions[];
+    overflowAriaLabel?: string;
+    pictogram?: () => ReactNode;
+    primaryButtonDisabled?: boolean;
+    primaryButtonHref?: string;
+    primaryButtonIcon?: React.ElementType;
+    primaryButtonKind?: 'primary' | 'ghost';
+    primaryButtonPlacement?: 'top' | 'bottom';
+    primaryButtonText?: string;
+    productive?: boolean;
+    secondaryButtonDisabled?: boolean;
+    secondaryButtonHref?: string;
+    secondaryButtonIcon?: React.ElementType;
+    secondaryButtonKind?: 'secondary' | 'ghost';
+    secondaryButtonPlacement?: 'top' | 'bottom';
+    secondaryButtonText?: string;
+    sequence?: number;
+    iconDescription?: string;
+    /**
+     * Clickable tiles only accept a boolean value of true and display a hollow slug.
+     * @deprecated please use the `aiLabel` prop
+     */
+    slug?: ReactNode | boolean;
+    /**
+     * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
+     */
+    aiLabel?: ReactNode | boolean;
+    status?: 'complete' | 'incomplete';
+    title?: ReactNode;
+    titleSize?: 'default' | 'large';
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProp & React.RefAttributes<HTMLDivElement>>;
+export {};