@carbon/ibm-products 2.35.0 → 2.36.0-alpha.27

package/lib/components/CoachmarkBeacon/CoachmarkBeacon.d.ts

@@ -1,5 +1,29 @@
 /**
- * Use beacon for the target prop of a Coachmark component.
+ * Copyright IBM Corp. 2023, 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.
  */
-export let CoachmarkBeacon: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';
+import { BEACON_KIND } from '../Coachmark';
+interface CoachmarkBeaconProps {
+    /**
+     * Optional class name for this component.
+     */
+    className?: string;
+    /**
+     * What style of beacon.
+     * BEACON_KIND is an exported enum from the Coachmark and can be used for this value.
+     * @see {@link BEACON_KIND}
+     */
+    kind?: BEACON_KIND;
+    /**
+     * The aria label.
+     */
+    label: string;
+}
+/**
+ * Use beacon for the target prop of a Coachmark component.
+ */
+export declare let CoachmarkBeacon: React.ForwardRefExoticComponent<CoachmarkBeaconProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js

@@ -31,7 +31,6 @@ var componentName = 'CoachmarkBeacon';
 var defaults = {
   kind: 'default'
 };
-
 /**
  * Use beacon for the target prop of a Coachmark component.
  */
@@ -63,8 +62,7 @@ exports.CoachmarkBeacon = /*#__PURE__*/React__default["default"].forwardRef(func
     "aria-label": label,
     className: "".concat(blockClass, "__target")
   }), /*#__PURE__*/React__default["default"].createElement("svg", {
-    className: "".concat(blockClass, "__center"),
-    alt: ""
+    className: "".concat(blockClass, "__center")
   }, _circle || (_circle = /*#__PURE__*/React__default["default"].createElement("circle", {
     r: 1,
     cx: 38,

package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.d.ts

@@ -1,7 +1,33 @@
+/**
+ * Copyright IBM Corp. 2023, 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 React, { ReactNode } from 'react';
+interface CoachmarkOverlayElementProps {
+    /**
+     * An optional button can be rendered below the description.
+     * This can be a link, button, Coachmark button, etc.
+     */
+    button?: ReactNode;
+    /**
+     * Optional class name for this component.
+     */
+    className?: string;
+    /**
+     * The description of the Coachmark.
+     */
+    description: ReactNode;
+    /**
+     * The title of the Coachmark.
+     */
+    title: string;
+}
 /**
  * Component to be displayed within a CoachmarkOverlayElements container.
  * Can be used 1 to N number, to display content in a Coachmark's overlay
  * in a carousel fashion.
  */
-export let CoachmarkOverlayElement: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let CoachmarkOverlayElement: React.ForwardRefExoticComponent<CoachmarkOverlayElementProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js

@@ -26,7 +26,6 @@ var _excluded = ["button", "className", "description", "title"];
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--coachmark-overlay-element");
 var componentName = 'CoachmarkOverlayElement';
-
 /**
  * Component to be displayed within a CoachmarkOverlayElements container.
  * Can be used 1 to N number, to display content in a Coachmark's overlay

package/lib/components/ConditionBuilder/assets/sampleInput.d.ts

@@ -2,7 +2,7 @@ export declare const inputData: {
     properties: ({
         id: string;
         label: string;
-        icon: import("@carbon/icons-react/lib/CarbonIcon").CarbonIconType;
+        icon: import("@carbon/react/icons").CarbonIconType;
         type: string;
         config: {
             options: {
@@ -17,13 +17,13 @@ export declare const inputData: {
     } | {
         id: string;
         label: string;
-        icon: import("@carbon/icons-react/lib/CarbonIcon").CarbonIconType;
+        icon: import("@carbon/react/icons").CarbonIconType;
         type: string;
         config: {
             options: {
                 label: string;
                 id: string;
-                icon: import("@carbon/icons-react/lib/CarbonIcon").CarbonIconType;
+                icon: import("@carbon/react/icons").CarbonIconType;
             }[];
             includeSearch: boolean;
             min?: undefined;
@@ -33,7 +33,7 @@ export declare const inputData: {
     } | {
         id: string;
         label: string;
-        icon: import("@carbon/icons-react/lib/CarbonIcon").CarbonIconType;
+        icon: import("@carbon/react/icons").CarbonIconType;
         type: string;
         config: {
             options?: undefined;
@@ -45,7 +45,7 @@ export declare const inputData: {
     } | {
         id: string;
         label: string;
-        icon: import("@carbon/icons-react/lib/CarbonIcon").CarbonIconType;
+        icon: import("@carbon/react/icons").CarbonIconType;
         type: string;
         config: {
             min: number;

package/lib/components/CreateFullPage/CreateFullPage.d.ts

@@ -1,5 +1,122 @@
-export const StepsContext: React.Context<null>;
-export const StepNumberContext: React.Context<number>;
+/**
+ * Copyright IBM Corp. 2021, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ReactNode } from 'react';
+export declare const StepsContext: React.Context<null>;
+export declare const StepNumberContext: React.Context<number>;
+interface HeaderBreadcrumbs {
+    /** breadcrumb item key */
+    key: string;
+    /** breadcrumb item label */
+    label: string;
+    /** breadcrumb item link */
+    href?: string;
+    /** breadcrumb item title tooltip */
+    title?: string;
+    /** Provide if this breadcrumb item represents the current page */
+    isCurrentPage?: boolean;
+}
+type CreateFullPageBreadcrumbsProps = {
+    /** The header breadcrumbs */
+    breadcrumbs?: null | undefined;
+    /**
+     * Label for open/close overflow button used for breadcrumb items that do not fit
+     */
+    breadcrumbsOverflowAriaLabel?: never;
+} | {
+    /** The header breadcrumbs */
+    breadcrumbs: HeaderBreadcrumbs;
+    /**
+     * Label for open/close overflow button used for breadcrumb items that do not fit
+     */
+    breadcrumbsOverflowAriaLabel: string;
+};
+type CreateFullPageBaseProps = {
+    /**
+     * The back button text
+     */
+    backButtonText?: string;
+    /**
+     * The cancel button text
+     */
+    cancelButtonText: string;
+    /**
+     * The main content of the full page
+     */
+    children?: ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Specifies elements to focus on first on render.
+     */
+    firstFocusElement?: string;
+    /**
+     * This can be used to open the component to a step other than the first step.
+     * For example, a create flow was previously in progress, data was saved, and
+     * is now being completed.
+     */
+    initialStep?: number;
+    /**	Maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1) */
+    maxVisibleBreadcrumbs?: number;
+    /**
+     * The primary 'danger' button text in the modal
+     */
+    modalDangerButtonText: string;
+    /**
+     * The description located below the title in the modal
+     */
+    modalDescription?: string;
+    /**
+     * The secondary button text in the modal
+     */
+    modalSecondaryButtonText: string;
+    /**
+     * The title located in the header of the modal
+     */
+    modalTitle: string;
+    /**
+     * The next button text
+     */
+    nextButtonText: string;
+    /**
+     * A prop to omit the trailing slash for the breadcrumbs
+     */
+    noTrailingSlash?: boolean;
+    /**
+     * An optional handler that is called when the user closes the full page (by
+     * clicking the secondary button, located in the modal, which triggers after
+     * clicking the ghost button in the modal
+     */
+    onClose?: () => void;
+    /**
+     * Specify a handler for submitting the multi step full page (final step).
+     * This function can _optionally_ return a promise that is either resolved or rejected and the CreateFullPage will handle the submitting state of the create button.
+     */
+    onRequestSubmit: () => void;
+    /**
+     * A secondary title of the full page, displayed in the influencer area
+     */
+    secondaryTitle?: string;
+    /**
+     * @ignore
+     * The aria label to be used for the UI Shell SideNav Carbon component
+     */
+    sideNavAriaLabel?: string;
+    /**
+     * The submit button text
+     */
+    submitButtonText: string;
+    /**
+     * The main title of the full page, displayed in the header area
+     */
+    title?: string;
+};
+type CreateFullPageProps = CreateFullPageBaseProps & CreateFullPageBreadcrumbsProps;
 /**
  * Use with creations that must be completed in order for a service to be usable.
  *
@@ -12,5 +129,5 @@ on the Carbon's grid system
 include `<Row>` and `<Column>` components inside of each `CreateFullPageStep`
 component to get the desired affect.
  */
-export let CreateFullPage: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let CreateFullPage: React.ForwardRefExoticComponent<CreateFullPageProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/CreateFullPage/CreateFullPage.js

@@ -44,7 +44,6 @@ var StepsContext = /*#__PURE__*/React.createContext(null);
 // This is a context supplied separately to each step in the container
 // to let it know what number it is in the sequence of steps
 var StepNumberContext = /*#__PURE__*/React.createContext(-1);
-
 /**
  * Use with creations that must be completed in order for a service to be usable.
  *
@@ -123,7 +122,7 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
     _useState20 = _rollupPluginBabelHelpers.slicedToArray(_useState19, 2),
     firstIncludedStep = _useState20[0],
     setFirstIncludedStep = _useState20[1];
-  var _useState21 = React.useState(null),
+  var _useState21 = React.useState(),
     _useState22 = _rollupPluginBabelHelpers.slicedToArray(_useState21, 2),
     lastIncludedStep = _useState22[0],
     setLastIncludedStep = _useState22[1];
@@ -138,11 +137,13 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
     if (lastItem !== lastIncludedStep) {
       setLastIncludedStep(lastItem);
     }
+
+    /**@ts-ignore */
     if (open && initialStep) {
       var numberOfHiddenSteps = getNumberOfHiddenSteps.getNumberOfHiddenSteps(stepData, initialStep);
       setCurrentStep(Number(initialStep + numberOfHiddenSteps));
     }
-  }, [stepData, firstIncludedStep, lastIncludedStep, initialStep]);
+  }, [stepData, firstIncludedStep, lastIncludedStep, initialStep, modalIsOpen]);
   useCreateComponentFocus.useCreateComponentFocus({
     previousState: previousState,
     currentStep: currentStep,
@@ -154,9 +155,11 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
   useResetCreateComponent.useResetCreateComponent({
     firstIncludedStep: firstIncludedStep,
     previousState: previousState,
+    /**@ts-ignore */
     open: open,
     setCurrentStep: setCurrentStep,
     stepData: stepData,
+    /**@ts-ignore */
     initialStep: initialStep,
     totalSteps: stepData === null || stepData === void 0 ? void 0 : stepData.length,
     componentName: componentName
@@ -169,6 +172,7 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
     isSubmitDisabled: isDisabled,
     setCurrentStep: setCurrentStep,
     setIsSubmitting: setIsSubmitting,
+    /**@ts-ignore */
     setShouldViewAll: setShouldViewAll,
     onClose: onClose,
     onRequestSubmit: onRequestSubmit,
@@ -189,15 +193,14 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     ref: ref,
     className: cx__default["default"](blockClass, className)
-  }, devtools.getDevtoolsProps(componentName)), (title || (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > 0) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(blockClass, "__header")
-  }, /*#__PURE__*/React__default["default"].createElement(SimpleHeader.SimpleHeader, {
+  }, devtools.getDevtoolsProps(componentName)), (title || breadcrumbs) && /*#__PURE__*/React__default["default"].createElement(SimpleHeader.SimpleHeader, {
     title: title,
     breadcrumbs: breadcrumbs,
     noTrailingSlash: noTrailingSlash,
     overflowAriaLabel: breadcrumbsOverflowAriaLabel,
-    maxVisible: maxVisibleBreadcrumbs
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    maxVisible: maxVisibleBreadcrumbs,
+    className: "".concat(blockClass, "__header")
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__influencer-and-body-container")
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__influencer")
@@ -280,6 +283,7 @@ exports.CreateFullPage.propTypes = {
    */
   backButtonText: index["default"].string.isRequired,
   /** The header breadcrumbs */
+  /**@ts-ignore */
   breadcrumbs: index["default"].arrayOf(index["default"].shape({
     /** breadcrumb item key */
     key: index["default"].string.isRequired,

package/lib/components/CreateTearsheet/CreateTearsheet.js

@@ -138,6 +138,8 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (open && initialStep) {
       var numberOfHiddenSteps = getNumberOfHiddenSteps.getNumberOfHiddenSteps(stepData, initialStep);
       setCurrentStep(Number(initialStep + numberOfHiddenSteps));
+    } else {
+      setCurrentStep(firstIncludedStep);
     }
   }, [stepData, firstIncludedStep, lastIncludedStep, initialStep, open]);
   useCreateComponentFocus.useCreateComponentFocus({

package/lib/components/Datagrid/Datagrid/DatagridRow.js

@@ -144,14 +144,15 @@ var DatagridRow = function DatagridRow(datagridState) {
   })) : /*#__PURE__*/React__default["default"].createElement("td", {
     className: "".concat(blockClass, "__table-row-ai-spacer")
   }) : null, row.cells.map(function (cell, index) {
-    var _cell$column, _content$props, _associatedHeader$;
+    var _cell$column, _cell$column2, _content$props, _associatedHeader$;
     var cellProps = cell.getCellProps();
     // eslint-disable-next-line no-unused-vars
     var children = cellProps.children;
       cellProps.role;
       var restProps = _rollupPluginBabelHelpers.objectWithoutProperties(cellProps, _excluded2);
+    var columnClassname = cell === null || cell === void 0 || (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.className;
     var content = children || /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !row.isSkeleton && cell.render('Cell'), row.isSkeleton && (_SkeletonText || (_SkeletonText = /*#__PURE__*/React__default["default"].createElement(react.SkeletonText, null))));
-    if ((cell === null || cell === void 0 || (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.id) === commonColumnIds.selectionColumnId) {
+    if ((cell === null || cell === void 0 || (_cell$column2 = cell.column) === null || _cell$column2 === void 0 ? void 0 : _cell$column2.id) === commonColumnIds.selectionColumnId) {
       // directly render component without the wrapping TableCell
       return cell.render('Cell', {
         key: cell.column.id
@@ -162,7 +163,7 @@ var DatagridRow = function DatagridRow(datagridState) {
       return h.id === cell.column.id;
     });
     return /*#__PURE__*/React__default["default"].createElement(react.TableCell, _rollupPluginBabelHelpers["extends"]({
-      className: cx__default["default"]("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), row.canExpand && index === 0), "".concat(blockClass, "__expandable-row-cell--is-expanded"), row.isExpanded && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/React.isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)))
+      className: cx__default["default"]("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), row.canExpand && index === 0), "".concat(blockClass, "__expandable-row-cell--is-expanded"), row.isExpanded && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/React.isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)), columnClassname)
     }, restProps, {
       key: cell.column.id,
       title: title

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js

@@ -174,9 +174,10 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     var firstWord = res !== null ? res[0] === '' ? res[1].charAt(0).toUpperCase() + res[1].substring(1) : res[0].charAt(0).toUpperCase() + res[0].substring(1) : null;
     var highlightedText = res !== null ? res[0] === '' ? "<strong>".concat(firstWord, "</strong>") + res[2] : firstWord + "<strong>".concat(res[1], "</strong>") + res[2] : colHeaderTitle;
     var isFrozenColumn = !!colDef.sticky;
+    var isDisabled = colDef.disabled;
     var listContents = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(react.Checkbox, {
       checked: common.isColumnVisible(colDef),
-      disabled: isFrozenColumn,
+      disabled: isDisabled || isFrozenColumn,
       onChange: function onChange(_, _ref2) {
         var checked = _ref2.checked;
         return onSelectColumn(colDef, checked);

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js

@@ -10,14 +10,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var icons = require('@carbon/react/icons');
+var constants = require('./constants.js');
 var react = require('@carbon/react');
-var cx = require('classnames');
-var index = require('../../../../../node_modules/prop-types/index.js');
 var React = require('react');
-var settings = require('../../../../../settings.js');
-var constants = require('./constants.js');
 var layout = require('@carbon/layout');
+var icons = require('@carbon/react/icons');
+var index = require('../../../../../node_modules/prop-types/index.js');
+var cx = require('classnames');
+var settings = require('../../../../../settings.js');
 var useFilters = require('./hooks/useFilters.js');
 var useShouldDisableButtons = require('./hooks/useShouldDisableButtons.js');
 var useWindowResize = require('../../../../../global/js/hooks/useWindowResize.js');
@@ -27,8 +27,8 @@ var ActionSet = require('../../../../ActionSet/ActionSet.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _Filter;
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
@@ -163,7 +163,11 @@ var FilterFlyout = function FilterFlyout(_ref) {
     setAllFilters(filtersObjectArray);
     closeFlyout();
     // From the user
-    onApply();
+    onApply({
+      filtersState: filtersState,
+      filtersObjectArray: filtersObjectArray,
+      lastAppliedFilters: lastAppliedFilters
+    });
     // When the user clicks apply, the action set buttons should be disabled again
     setShouldDisableButtons(true);
 

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

@@ -14,11 +14,11 @@ var react = require('@carbon/react');
 var constants = require('./constants.js');
 var React = require('react');
 var variants = require('./motion/variants.js');
+var framerMotion = require('framer-motion');
 var icons = require('@carbon/react/icons');
 var FilterProvider = require('./FilterProvider.js');
 var index = require('../../../../../node_modules/prop-types/index.js');
 var cx = require('classnames');
-var framerMotion = require('framer-motion');
 var settings = require('../../../../../settings.js');
 var layout = require('@carbon/layout');
 var ActionSet = require('../../../../ActionSet/ActionSet.js');
@@ -136,7 +136,11 @@ var FilterPanel = function FilterPanel(_ref) {
   var apply = function apply() {
     setAllFilters(filtersObjectArray);
     // From the user
-    onApply();
+    onApply({
+      filtersState: filtersState,
+      filtersObjectArray: filtersObjectArray,
+      lastAppliedFilters: lastAppliedFilters
+    });
     // When the user clicks apply, the action set buttons should be disabled again
     setShouldDisableButtons(true);
 

package/lib/components/EditFullPage/EditFullPage.d.ts

@@ -1,6 +1,23 @@
+/**
+ * Copyright IBM Corp. 2022, 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 React, { ReactNode } from 'react';
+interface EditFullPageProps {
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Provide the contents of the EditFullPage.
+     */
+    children: ReactNode;
+}
 /**
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
  */
-export let EditFullPage: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/EditFullPage/EditFullPage.js

@@ -21,7 +21,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
@@ -51,8 +51,8 @@ var componentName = 'EditFullPage';
  * See usage guidance for further details.
  */
 exports.EditFullPage = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
+  var className = _ref.className,
+    children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     className: cx__default["default"](blockClass,

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

@@ -1,5 +1,64 @@
+/**
+ * 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.
+ */
+/// <reference path="../../../../src/custom-typings/index.d.ts" />
+import React, { ReactNode } from 'react';
+import { ButtonProps } from '@carbon/react';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
+interface NoTagsEmptyStateProps {
+    /**
+     * Empty state action button
+     */
+    action?: {
+        kind?: 'primary' | 'secondary' | 'tertiary';
+        renderIcon?: CarbonIconType;
+        onClick?: ButtonProps['onClick'];
+        text?: string;
+    };
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * The alt text for empty state svg images. If not provided , title will be used.
+     */
+    illustrationDescription?: string;
+    /**
+     * Designates the position of the illustration relative to the content
+     */
+    illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Empty state illustration theme variations.
+     * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
+     * based on your app's current theme value. Example:
+     * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
+     */
+    illustrationTheme?: 'light' | 'dark';
+    /**
+     * Empty state link object
+     */
+    link?: {
+        text?: string | ReactNode;
+        href?: string;
+    };
+    /**
+     * Empty state size
+     */
+    size?: 'lg' | 'sm';
+    /**
+     * Empty state subtitle
+     */
+    subtitle?: string | ReactNode;
+    /**
+     * Empty state title
+     */
+    title: string | ReactNode;
+}
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
-export let NoTagsEmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let NoTagsEmptyState: React.ForwardRefExoticComponent<NoTagsEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -26,11 +26,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
 var componentName = 'NoTagsEmptyState';
-
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
@@ -59,7 +57,7 @@ exports.NoTagsEmptyState = /*#__PURE__*/React__default["default"].forwardRef(fun
     link: link,
     size: size,
     subtitle: subtitle,
-    title: title
+    title: title = ''
   }));
 });