@carbon/ibm-products 2.43.2-canary.305 → 2.43.2-canary.306

package/es/components/TagOverflow/TagOverflow.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useRef, useState, useCallback, useEffect, createElement } from 'react';
-import { Tooltip, Tag } from '@carbon/react';
+import { Tooltip, DismissibleTag, Tag } from '@carbon/react';
 import PropTypes from '../../_virtual/index.js';
 import { TYPES } from './constants.js';
 import { TagOverflowModal } from './TagOverflowModal.js';
@@ -21,7 +21,7 @@ import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 var _excluded = ["align", "allTagsModalAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTarget", "allTagsModalTitle", "autoAlign", "className", "containingElementRef", "items", "maxVisible", "measurementOffset", "multiline", "overflowAlign", "overflowClassName", "overflowType", "onOverflowTagChange", "showAllTagsLabel", "tagComponent"],
   _excluded2 = ["className", "id"],
   _excluded3 = ["tagType"],
-  _excluded4 = ["id", "label", "tagType", "onClose"];
+  _excluded4 = ["id", "label", "tagType", "onClose", "filter"];
 var blockClass = "".concat(pkg.prefix, "--tag-overflow");
 var componentName = 'TagOverflow';
 var allTagsModalSearchThreshold = 10;
@@ -181,6 +181,7 @@ var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
         label = item.label,
         tagType = item.tagType,
         _onClose = item.onClose,
+        filter = item.filter,
         other = _objectWithoutProperties(item, _excluded4);
       // If there is no template prop, then render items as Tags
       return /*#__PURE__*/React__default.createElement("div", {
@@ -191,12 +192,16 @@ var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
       }, /*#__PURE__*/React__default.createElement(Tooltip, {
         align: overflowAlign,
         label: label
-      }, /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
+      }, typeof _onClose === 'function' || filter ? /*#__PURE__*/React__default.createElement(DismissibleTag, _extends({}, other, {
         className: "".concat(blockClass, "__item--tag"),
         type: tagType,
         onClose: function onClose() {
           return handleTagOnClose(_onClose, index);
-        }
+        },
+        text: label
+      })) : /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
+        className: "".concat(blockClass, "__item--tag"),
+        type: tagType
       }), label)));
     }
   }), /*#__PURE__*/React__default.createElement("span", {

package/es/components/TagOverflow/TagOverflowModal.d.ts

@@ -11,6 +11,10 @@ interface TagOverflowModalProps {
     className?: string;
     modalAriaLabel?: string;
     onClose?: () => void;
+    onTagClose?: (params: {
+        label: string;
+        id: any;
+    }) => void;
     open?: boolean;
     overflowType?: 'default' | 'tag';
     portalTarget?: ReactNode;
@@ -19,13 +23,14 @@ interface TagOverflowModalProps {
     title?: string;
 }
 export declare const TagOverflowModal: {
-    ({ allTags, className, title, modalAriaLabel, onClose, open, overflowType, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagOverflowModalProps): any;
+    ({ allTags, className, title, modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagOverflowModalProps): any;
     propTypes: {
         allTags: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
         }> | null | undefined)[]>;
         className: PropTypes.Requireable<string>;
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onTagClose: PropTypes.Requireable<(...args: any[]) => any>;
         open: PropTypes.Requireable<boolean>;
         overflowType: PropTypes.Requireable<string>;
         portalTarget: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/es/components/TagOverflow/TagOverflowModal.js

@@ -9,12 +9,12 @@ import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWith
 import React__default, { useState } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
-import { Tag, ComposedModal, ModalHeader, Search, ModalBody } from '@carbon/react';
+import { Tag, ComposedModal, ModalHeader, Search, ModalBody, DismissibleTag } from '@carbon/react';
 import { pkg } from '../../settings.js';
 import { prepareProps } from '../../global/js/utils/props-helper.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
 
-var _excluded = ["allTags", "className", "title", "modalAriaLabel", "onClose", "open", "overflowType", "portalTarget", "searchLabel", "searchPlaceholder"];
+var _excluded = ["allTags", "className", "title", "modalAriaLabel", "onClose", "onTagClose", "open", "overflowType", "portalTarget", "searchLabel", "searchPlaceholder"];
 var componentName = 'TagOverflowModal';
 var blockClass = "".concat(pkg.prefix, "--tag-overflow-modal");
 
@@ -32,6 +32,7 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
     _ref$modalAriaLabel = _ref.modalAriaLabel,
     modalAriaLabel = _ref$modalAriaLabel === void 0 ? defaults.modalAriaLabel : _ref$modalAriaLabel,
     onClose = _ref.onClose,
+    onTagClose = _ref.onTagClose,
     open = _ref.open,
     overflowType = _ref.overflowType,
     portalTargetIn = _ref.portalTarget,
@@ -82,11 +83,20 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
   }, getFilteredItems().map(function (_ref2) {
     var label = _ref2.label,
       id = _ref2.id,
-      filter = _ref2.filter;
-    var isFilterable = overflowType === 'tag' ? filter : false;
-    return /*#__PURE__*/React__default.createElement(Tag, {
+      filter = _ref2.filter,
+      onClose = _ref2.onClose;
+    var isFilterable = overflowType === 'tag' && (typeof onClose === 'function' || filter);
+    return isFilterable ? /*#__PURE__*/React__default.createElement(DismissibleTag, {
       key: id,
-      filter: isFilterable
+      text: label,
+      onClose: function onClose() {
+        return onTagClose === null || onTagClose === void 0 ? void 0 : onTagClose({
+          label: label,
+          id: id
+        });
+      }
+    }) : /*#__PURE__*/React__default.createElement(Tag, {
+      key: id
     }, label);
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__fade")
@@ -98,6 +108,7 @@ TagOverflowModal.propTypes = {
   }))),
   className: PropTypes.string,
   onClose: PropTypes.func,
+  onTagClose: PropTypes.func,
   open: PropTypes.bool,
   overflowType: PropTypes.oneOf(['default', 'tag']),
   portalTarget: PropTypes.node,

package/es/components/TagOverflow/TagOverflowPopover.js

@@ -9,7 +9,7 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
 import React__default, { forwardRef, useRef } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
-import { Popover, OperationalTag, PopoverContent, Tag, Link } from '@carbon/react';
+import { Popover, OperationalTag, PopoverContent, DismissibleTag, Tag, Link } from '@carbon/react';
 import { pkg } from '../../settings.js';
 import { useClickOutside } from '../../global/js/hooks/useClickOutside.js';
 
@@ -88,17 +88,25 @@ var TagOverflowPopover = /*#__PURE__*/forwardRef(function (props, ref) {
       _onClose = _ref.onClose,
       other = _objectWithoutProperties(_ref, _excluded2);
     var typeValue = overflowType === 'tag' ? 'high-contrast' : tagType;
-    var isFilterable = overflowType === 'tag' ? filter : false;
+    var isFilterable = overflowType === 'tag' && (typeof _onClose === 'function' || filter);
+    var tag;
+    if (isFilterable) {
+      tag = /*#__PURE__*/React__default.createElement(DismissibleTag, _extends({}, other, {
+        onClose: function onClose() {
+          return _onClose === null || _onClose === void 0 ? void 0 : _onClose();
+        },
+        type: typeValue,
+        text: label
+      }));
+    } else {
+      tag = /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
+        type: typeValue
+      }), label);
+    }
     return /*#__PURE__*/React__default.createElement("li", {
       className: cx("".concat(blockClass, "__tag-item"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
       key: id
-    }, overflowType === 'tag' ? /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
-      onClose: function onClose() {
-        return _onClose === null || _onClose === void 0 ? void 0 : _onClose();
-      },
-      type: typeValue,
-      filter: isFilterable
-    }), label) : label);
+    }, overflowType === 'tag' ? tag : label);
   })), ((_overflowTags$length = overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) !== null && _overflowTags$length !== void 0 ? _overflowTags$length : 0) > (allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== void 0 ? allTagsModalSearchThreshold : 0) && /*#__PURE__*/React__default.createElement(Link, {
     className: "".concat(blockClass, "__show-all-tags-link"),
     href: "",

package/es/components/TagSet/TagSet.d.ts

@@ -6,6 +6,10 @@ type OverflowType = 'default' | 'tag';
 type TagType = {
     label: string;
     type?: keyof typeof tagTypes;
+    /**
+     * @deprecated Use the `onClose` function instead to render as a DismissibleTag
+     */
+    filter?: boolean;
 } & TagBaseProps;
 export interface TagSetProps extends PropsWithChildren {
     /**

package/es/components/TagSet/TagSet.js

@@ -8,7 +8,7 @@
 import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import PropTypes from '../../_virtual/index.js';
-import { Tag } from '@carbon/react';
+import { Tag, DismissibleTag } from '@carbon/react';
 import { TagSetModal } from './TagSetModal.js';
 import { TagSetOverflow } from './TagSetOverflow.js';
 import cx from 'classnames';
@@ -18,8 +18,8 @@ import { pkg } from '../../settings.js';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 
 var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAutoAlign", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalAriaLabel", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "onOverflowClick", "tags", "containingElementRef", "measurementOffset", "onOverflowTagChange"],
-  _excluded2 = ["label", "id"],
-  _excluded3 = ["label", "onClose"];
+  _excluded2 = ["label", "id", "filter", "onClose"],
+  _excluded3 = ["label", "onClose", "filter"];
 var componentName = 'TagSet';
 var blockClass = "".concat(pkg.prefix, "--tag-set");
 var allTagsModalSearchThreshold = 10;
@@ -108,6 +108,8 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     setHiddenSizingTags(tags && tags.length > 0 ? tags.map(function (_ref2, index) {
       var label = _ref2.label,
         id = _ref2.id,
+        filter = _ref2.filter,
+        onClose = _ref2.onClose,
         other = _objectWithoutProperties(_ref2, _excluded2);
       return /*#__PURE__*/React__default.createElement("div", {
         key: index,
@@ -117,7 +119,10 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
             newSizingTags[index] = el;
           }
         }
-      }, /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
+      }, typeof onClose === 'function' || filter ? /*#__PURE__*/React__default.createElement(DismissibleTag, _extends({}, other, {
+        "data-original-id": id,
+        text: label
+      })) : /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
         // ensure id is not duplicated
         "data-original-id": id
       }), label));
@@ -136,15 +141,22 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     var newDisplayedTags = tags && tags.length > 0 ? tags.map(function (_ref3, index) {
       var label = _ref3.label,
         _onClose = _ref3.onClose,
+        filter = _ref3.filter,
         other = _objectWithoutProperties(_ref3, _excluded3);
       if (index == tags.length - 1 && other.size) {
         size = other.size;
       }
+      if (typeof _onClose === 'function' || filter) {
+        return /*#__PURE__*/React__default.createElement(DismissibleTag, _extends({}, other, {
+          key: "displayed-tag-".concat(index),
+          onClose: function onClose() {
+            return handleTagOnClose(_onClose, index);
+          },
+          text: label
+        }));
+      }
       return /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
-        key: "displayed-tag-".concat(index),
-        onClose: function onClose() {
-          return handleTagOnClose(_onClose, index);
-        }
+        key: "displayed-tag-".concat(index)
       }), label);
     }) : [];
 

package/es/components/TagSet/TagSetModal.js

@@ -96,7 +96,6 @@ var TagSetModal = function TagSetModal(_ref) {
     var label = _ref2.label,
       other = _objectWithoutProperties(_ref2, _excluded2);
     return /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
-      filter: false,
       key: "all-tags-".concat(index)
     }), label);
   }), /*#__PURE__*/React__default.createElement("div", {

package/es/components/TooltipTrigger/TooltipTrigger.d.ts

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

package/es/components/_Canary/Canary.d.ts

@@ -2,11 +2,12 @@ export function Canary({ className, componentName, ...rest }: {
     [x: string]: any;
     className: any;
     componentName: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace Canary {
     namespace propTypes {
         let className: PropTypes.Requireable<string>;
         let componentName: PropTypes.Validator<string>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/components/APIKeyModal/APIKeyDownloader.d.ts

@@ -4,7 +4,7 @@ export function APIKeyDownloader({ apiKey, body, fileName, fileType, linkText, }
     fileName: any;
     fileType: any;
     linkText: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace APIKeyDownloader {
     export { componentName as displayName };
     export namespace propTypes {
@@ -15,6 +15,7 @@ export namespace APIKeyDownloader {
         let linkText: PropTypes.Validator<string>;
     }
 }
+import React from 'react';
 declare const componentName: "APIKeyDownloader";
 import PropTypes from 'prop-types';
 export {};

package/lib/components/ActionBar/ActionBarOverflowItems.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactElement, ForwardedRef } from 'react';
+import React, { PropsWithChildren, ReactElement, ForwardedRef } from 'react';
 import PropTypes from 'prop-types';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
 type OverflowItem = {
@@ -33,7 +33,7 @@ interface ActionBarOverflowItemProps extends PropsWithChildren {
     tabIndex?: number;
 }
 export declare const ActionBarOverflowItems: {
-    ({ className, menuOptionsClass, overflowItems, overflowAriaLabel, overflowMenuRef, }: ActionBarOverflowItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, menuOptionsClass, overflowItems, overflowAriaLabel, overflowMenuRef, }: ActionBarOverflowItemProps): React.JSX.Element;
     displayName: string;
     propTypes: {
         /**

package/lib/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/lib/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/lib/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/lib/components/AddSelect/AddSelectFilter.js

@@ -136,15 +136,15 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
   }, primaryButtonText)))), hasFiltersApplied && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-applied")
   }, Object.keys(appliedFilters).map(function (filterType) {
-    return /*#__PURE__*/React.createElement(react.Tag, {
+    return /*#__PURE__*/React.createElement(react.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.createElement(react.Button, {
     kind: "ghost",
     size: "sm",

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/components/Card/CardFooter.d.ts

@@ -23,7 +23,7 @@ interface CardFooterProps {
     secondaryButtonText?: string;
 }
 export declare const CardFooter: {
-    ({ actions, disabled, footerActionIcon: FooterActionIcon, hasActions, hasButton, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonDisabled, primaryButtonHref, primaryButtonIcon, primaryButtonKind, primaryButtonPlacement, primaryButtonText, productive, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonKind, secondaryButtonPlacement, secondaryButtonText, }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+    ({ actions, disabled, footerActionIcon: FooterActionIcon, hasActions, hasButton, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonDisabled, primaryButtonHref, primaryButtonIcon, primaryButtonKind, primaryButtonPlacement, primaryButtonText, productive, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonKind, secondaryButtonPlacement, secondaryButtonText, }: CardFooterProps): React.JSX.Element;
     /**@ts-ignore */
     propTypes: {
         actions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;

package/lib/components/Card/CardHeader.d.ts

@@ -36,7 +36,7 @@ interface CardHeaderProps {
     titleSize?: 'default' | 'large';
 }
 export declare const CardHeader: {
-    ({ actions, aiLabel, noActionIcons, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonIcon, primaryButtonPlacement, primaryButtonText, primaryButtonDisabled, description, hasActions, inClickableCard, label, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonPlacement, secondaryButtonText, slug, title, titleSize, }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ actions, aiLabel, noActionIcons, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonIcon, primaryButtonPlacement, primaryButtonText, primaryButtonDisabled, description, hasActions, inClickableCard, label, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonPlacement, secondaryButtonText, slug, title, titleSize, }: CardHeaderProps): React.JSX.Element;
     /**@ts-ignore */
     propTypes: {
         actions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;

package/lib/components/ComboButton/ComboButtonItem/index.d.ts

@@ -4,13 +4,14 @@
  * 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 React from 'react';
 /**
  * The combo button item provides additional actions a user can take.
  */
 declare const ComboButtonItem: {
     ({ ...rest }: {
         [x: string]: any;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         /** Provide the contents of the `ComboButtonItem` */
         children: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;

package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts

@@ -34,7 +34,7 @@ interface ConditionBlockProps {
     isLastCondition: (index: number, conditions: (ConditionGroup | Condition)[]) => void;
 }
 declare const ConditionBlock: {
-    (props: ConditionBlockProps): import("react/jsx-runtime").JSX.Element;
+    (props: ConditionBlockProps): React.JSX.Element;
     propTypes: {
         /**
          * callback to add a new condition

package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts

@@ -4,6 +4,7 @@
  * 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 React from 'react';
 import PropTypes from 'prop-types';
 import { Action, Option } from '../ConditionBuilder.types';
 interface ConditionBuilderActionsProps {
@@ -11,7 +12,7 @@ interface ConditionBuilderActionsProps {
     className?: string;
 }
 declare const ConditionBuilderActions: {
-    ({ actions, className, }: ConditionBuilderActionsProps): import("react/jsx-runtime").JSX.Element;
+    ({ actions, className, }: ConditionBuilderActionsProps): React.JSX.Element;
     propTypes: {
         /**
          * optional array of object that give the list of actions.

package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts

@@ -4,6 +4,7 @@
  * 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 React from 'react';
 import PropTypes from 'prop-types';
 interface ConditionBuilderAddProps {
     className?: string;
@@ -18,7 +19,7 @@ interface ConditionBuilderAddProps {
     tabIndex?: number;
 }
 declare const ConditionBuilderAdd: {
-    ({ className, onClick, addConditionSubGroupHandler, showConditionSubGroupPreviewHandler, hideConditionSubGroupPreviewHandler, showConditionPreviewHandler, hideConditionPreviewHandler, enableSubGroup, buttonLabel, tabIndex, }: ConditionBuilderAddProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, onClick, addConditionSubGroupHandler, showConditionSubGroupPreviewHandler, hideConditionSubGroupPreviewHandler, showConditionPreviewHandler, hideConditionPreviewHandler, enableSubGroup, buttonLabel, tabIndex, }: ConditionBuilderAddProps): React.JSX.Element;
     propTypes: {
         /**
          * handler for hiding sub group preview

package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts

@@ -27,7 +27,7 @@ interface ConditionBuilderButtonProps {
     tabIndex?: number;
 }
 export declare const ConditionBuilderButton: {
-    ({ className, label, hideLabel, tooltipAlign, renderIcon: Icon, onClick, showToolTip, wrapperProps, onBlur, onFocus, onMouseEnter, onMouseLeave, isInvalid, wrapperClassName, tabIndex, ...rest }: ConditionBuilderButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, label, hideLabel, tooltipAlign, renderIcon: Icon, onClick, showToolTip, wrapperProps, onBlur, onFocus, onMouseEnter, onMouseLeave, isInvalid, wrapperClassName, tabIndex, ...rest }: ConditionBuilderButtonProps): React.JSX.Element;
     propTypes: {
         /**
          * Provide an optional class to be applied to the containing node.