@carbon/ibm-products 2.47.0 → 2.48.0-rc.0

package/es/components/Datagrid/useNestedRowExpander.js

@@ -5,12 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef } from 'react';
 import { ChevronRight } from '@carbon/react/icons';
 import cx from 'classnames';
 import { pkg, carbon } from '../../settings.js';
 import { useFocusRowExpander } from './useFocusRowExpander.js';
+import { handleDynamicRowCheck } from './Datagrid/addons/stateReducer.js';
 
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var useNestedRowExpander = function useNestedRowExpander(hooks) {
@@ -25,26 +26,74 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
     blockClass: blockClass,
     activeElement: typeof document !== 'undefined' && document.activeElement
   });
-  var visibleColumns = function visibleColumns(columns) {
+  var visibleColumns = function visibleColumns(columns, state) {
+    var _ref = state.instance || {},
+      getAsyncSubRows = _ref.getAsyncSubRows,
+      dispatch = _ref.dispatch,
+      tableState = _ref.state;
+    var fetchingDynamicSubRows = !!tableState.dynamicRowSkeleton;
     var expanderColumn = {
       id: 'expander',
-      Cell: function Cell(_ref) {
-        var row = _ref.row;
+      Cell: function Cell(_ref2) {
+        var row = _ref2.row;
         var expanderButtonProps = _objectSpread2(_objectSpread2({}, row.getToggleRowExpandedProps()), {}, {
-          onClick: function onClick(event) {
-            // Prevents `onRowClick` from being called if `useOnRowClick` is included
-            event.stopPropagation();
-            row.toggleRowExpanded();
-            lastExpandedRowIndex.current = row.id;
-          }
+          disabled: getAsyncSubRows && fetchingDynamicSubRows,
+          onClick: function () {
+            var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    // Prevents `onRowClick` from being called if `useOnRowClick` is included
+                    event.stopPropagation();
+                    row.toggleRowExpanded();
+                    lastExpandedRowIndex.current = row.id;
+                    if (row.isExpanded) {
+                      _context.next = 14;
+                      break;
+                    }
+                    _context.prev = 4;
+                    handleDynamicRowCheck({
+                      dispatch: dispatch,
+                      status: 'start',
+                      rowId: row.id,
+                      depth: row.depth,
+                      index: row.index
+                    });
+                    _context.next = 8;
+                    return getAsyncSubRows === null || getAsyncSubRows === void 0 ? void 0 : getAsyncSubRows(row);
+                  case 8:
+                    handleDynamicRowCheck({
+                      dispatch: dispatch,
+                      status: 'finish',
+                      rowId: row.id
+                    });
+                    _context.next = 14;
+                    break;
+                  case 11:
+                    _context.prev = 11;
+                    _context.t0 = _context["catch"](4);
+                    console.log({
+                      error: _context.t0
+                    });
+                  case 14:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee, null, [[4, 11]]);
+            }));
+            function onClick(_x) {
+              return _onClick.apply(this, arguments);
+            }
+            return onClick;
+          }()
         });
-        var _ref2 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
-          _ref2$expanderButtonT = _ref2.expanderButtonTitleExpanded,
-          expanderButtonTitleExpanded = _ref2$expanderButtonT === void 0 ? 'Collapse row' : _ref2$expanderButtonT,
-          _ref2$expanderButtonT2 = _ref2.expanderButtonTitleCollapsed,
-          expanderButtonTitleCollapsed = _ref2$expanderButtonT2 === void 0 ? 'Expand row' : _ref2$expanderButtonT2;
+        var _ref3 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
+          _ref3$expanderButtonT = _ref3.expanderButtonTitleExpanded,
+          expanderButtonTitleExpanded = _ref3$expanderButtonT === void 0 ? 'Collapse row' : _ref3$expanderButtonT,
+          _ref3$expanderButtonT2 = _ref3.expanderButtonTitleCollapsed,
+          expanderButtonTitleCollapsed = _ref3$expanderButtonT2 === void 0 ? 'Expand row' : _ref3$expanderButtonT2;
         var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;
-        return row.canExpand && /*#__PURE__*/React__default.createElement("button", _extends({
+        return (row.canExpand || getAsyncSubRows) && /*#__PURE__*/React__default.createElement("button", _extends({
           type: "button",
           "aria-label": expanderTitle,
           className: cx("".concat(blockClass, "__row-expander"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--ghost"))

package/es/components/Datagrid/useRowRenderer.js

@@ -5,18 +5,60 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import DatagridRow from './Datagrid/DatagridRow.js';
 
 var useRowRenderer = function useRowRenderer(hooks) {
   var useInstance = function useInstance(instance) {
-    var rows = instance.rows;
+    var _newRows;
+    var rows = instance.rows,
+      state = instance.state;
+    var newRows = null;
+    if (state !== null && state !== void 0 && state.dynamicRowSkeleton) {
+      var _state$dynamicRowSkel;
+      var depthIndexArray = state === null || state === void 0 || (_state$dynamicRowSkel = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel === void 0 ? void 0 : _state$dynamicRowSkel.id.split('').filter(function (r) {
+        return r !== '.';
+      });
+      if (depthIndexArray.length > 1) {
+        var subRows;
+        var finalRow;
+        // This will find the subRow that requested to find dynamic rows
+        // and will apply the skeleton row after that row
+        depthIndexArray.map(function (depthIndex, index) {
+          if (index === 0) {
+            subRows = rows[depthIndex].subRows;
+            return;
+          }
+          if (depthIndexArray.length - 1 === index) {
+            finalRow = subRows.find(function (r) {
+              return r.index === parseInt(depthIndex);
+            });
+            subRows.splice(finalRow.index + 1, 0, state === null || state === void 0 ? void 0 : state.dynamicRowSkeleton); // + 1 because we want to add the skeleton row after the row initiating the dynamic request
+            return;
+          }
+          var foundRow = subRows.find(function (r) {
+            return r.index === parseInt(depthIndex);
+          });
+          subRows = foundRow.subRows;
+        });
+      }
+      var rootRowIndexWithDynamicRow = rows.findIndex(function (r) {
+        var _state$dynamicRowSkel2;
+        return r.id === (state === null || state === void 0 || (_state$dynamicRowSkel2 = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel2 === void 0 ? void 0 : _state$dynamicRowSkel2.id);
+      });
+      if (rootRowIndexWithDynamicRow > -1) {
+        newRows = [].concat(_toConsumableArray(rows.slice(0, rootRowIndexWithDynamicRow + 1)), [// + 1 because we want to add the skeleton row after the row initiating the dynamic request
+        state === null || state === void 0 ? void 0 : state.dynamicRowSkeleton], _toConsumableArray(rows.slice(rootRowIndexWithDynamicRow + 1)));
+      }
+    }
+    newRows = (_newRows = newRows) !== null && _newRows !== void 0 ? _newRows : rows;
     var addRowRenderer = function addRowRenderer(row) {
       return Object.assign(row, {
         RowRenderer: DatagridRow,
         subRows: (row.subRows || []).map(addRowRenderer)
       });
     };
-    var rowsWithRenderer = rows.map(addRowRenderer);
+    var rowsWithRenderer = newRows.map(addRowRenderer);
     Object.assign(instance, {
       rows: rowsWithRenderer
     });

package/es/components/Datagrid/useSortableColumns.js

@@ -113,6 +113,15 @@ var useSortableColumns = function useSortableColumns(hooks) {
         }
         return /*#__PURE__*/React__default.createElement(ArrowsVertical, iconProps);
       };
+      var handleKey = function handleKey(e, columnId) {
+        var key = e.key;
+        if (key === 'Enter') {
+          setTimeout(function () {
+            var _document$getElementB;
+            return (_document$getElementB = document.getElementById(columnId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.focus();
+          }, 0);
+        }
+      };
       var Header = function Header(headerProp) {
         return column.disableSortBy === true || column.id === 'datagridSelection' || column.isAction ? column.disableSortBy || column.isAction ? column.Header : /*#__PURE__*/React__default.createElement(SelectAll, instance) : /*#__PURE__*/React__default.createElement(Button, {
           "aria-sort": getAriaSortValue(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, {
@@ -131,7 +140,11 @@ var useSortableColumns = function useSortableColumns(hooks) {
               slug: headerProp === null || headerProp === void 0 || (_headerProp$column = headerProp.column) === null || _headerProp$column === void 0 ? void 0 : _headerProp$column.slug
             }), icon(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, props));
           },
-          className: cx("".concat(carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _defineProperty(_defineProperty({}, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc), "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc) === false))
+          id: column === null || column === void 0 ? void 0 : column.id,
+          className: cx("".concat(carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _defineProperty(_defineProperty({}, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc), "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc) === false)),
+          onKeyDown: function onKeyDown(event) {
+            return handleKey(event, column.id);
+          }
         }, column.Header);
       };
       return _objectSpread2(_objectSpread2({}, column), {}, {

package/es/components/DelimitedList/DelimitedList.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren } from 'react';
-interface DelimitedListProps extends PropsWithChildren {
+export interface DelimitedListProps extends PropsWithChildren {
     /**
      * Provide an optional class to be applied to the containing node.
      */
@@ -28,4 +28,3 @@ interface DelimitedListProps extends PropsWithChildren {
  * comma-separated values.
  */
 export declare let DelimitedList: React.ForwardRefExoticComponent<DelimitedListProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1 +1,8 @@
-export { DelimitedList } from "./DelimitedList";
+/**
+ * Copyright IBM Corp. 2024, 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 { DelimitedList } from './DelimitedList';
+export type { DelimitedListProps } from './DelimitedList';

package/es/components/EditFullPage/EditFullPage.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface EditFullPageProps {
+export interface EditFullPageProps {
     /**
      * Provide an optional class to be applied to the containing node.
      */
@@ -20,4 +20,3 @@ interface EditFullPageProps {
  * See usage guidance for further details.
  */
 export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1 +1,8 @@
-export { EditFullPage } from "./EditFullPage";
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * 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 { EditFullPage } from './EditFullPage';
+export type { EditFullPageProps } from './EditFullPage';

package/es/components/EditInPlace/EditInPlace.d.ts

@@ -13,7 +13,7 @@ type Shape = {
     edit: AlignPropType;
     save: AlignPropType;
 };
-interface EditInplaceProps extends PropsWithChildren {
+export interface EditInplaceProps extends PropsWithChildren {
     /**
      * label for cancel button
      */
@@ -90,6 +90,10 @@ interface EditInplaceProps extends PropsWithChildren {
      * current value of the input
      */
     value: string;
+    /**
+     * placeholder for the input
+     */
+    placeholder?: string;
 }
 export declare let EditInPlace: React.ForwardRefExoticComponent<EditInplaceProps & React.RefAttributes<HTMLDivElement>>;
 export declare const deprecatedProps: {

package/es/components/EditInPlace/EditInPlace.js

@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, typeof as _typeof, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, typeof as _typeof, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { WarningFilled, Close, Checkmark, Edit } from '@carbon/react/icons';
 import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
+import { pkg, carbon } from '../../settings.js';
 import { IconButton } from '@carbon/react';
-import cx from 'classnames';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import { WarningFilled, Close, Checkmark, Edit } from '@carbon/react/icons';
-import { pkg, carbon } from '../../settings.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 
 var _Close, _Checkmark, _Edit;
-var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "onBlur", "saveLabel", "size", "tooltipAlignment", "value"];
+var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "onBlur", "saveLabel", "size", "tooltipAlignment", "value", "placeholder"];
 var componentName = 'EditInPlace';
 var blockClass = "".concat(pkg.prefix, "--edit-in-place");
 var defaults = {
@@ -42,6 +42,7 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     size = _ref$size === void 0 ? 'sm' : _ref$size,
     tooltipAlignment = _ref.tooltipAlignment,
     value = _ref.value,
+    placeholder = _ref.placeholder,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -156,6 +157,7 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     id: id,
     className: cx("".concat(blockClass, "__text-input"), "".concat(carbon.prefix, "--text-input"), "".concat(carbon.prefix, "--text-input--").concat(size)),
     type: "text",
+    placeholder: placeholder,
     value: value,
     onChange: onChangeHandler,
     ref: inputRef
@@ -274,6 +276,10 @@ EditInPlace.propTypes = _objectSpread2({
    * handler that is called when the save button is pressed or when the user removes focus from the input if it has a new value
    */
   onSave: PropTypes.func.isRequired,
+  /**
+   * Placeholder for text input
+   */
+  placeholder: PropTypes.string,
   /**
    * determines if the input is in readOnly mode
    */

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

@@ -1 +1,8 @@
-export { EditInPlace } from "./EditInPlace";
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * 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 { EditInPlace } from './EditInPlace';
+export type { EditInplaceProps } from './EditInPlace';

package/es/components/EditSidePanel/EditSidePanel.d.ts

@@ -4,9 +4,9 @@
  * 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';
 import '../../global/js/utils/props-helper';
-interface EditSidePanelProps {
+import React, { ReactNode } from 'react';
+export interface EditSidePanelProps {
     /**
      * Sets the body content of the create side panel
      */
@@ -92,4 +92,3 @@ interface EditSidePanelProps {
  * Use with medium complexity edits if the user needs page context.
  */
 export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/EditSidePanel/EditSidePanel.js

@@ -6,15 +6,15 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../global/js/utils/props-helper.js';
 import React__default from 'react';
+import { Form } from '@carbon/react';
 import PropTypes from '../../node_modules/prop-types/index.js';
+import { SidePanel } from '../SidePanel/SidePanel.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
-import { Form } from '@carbon/react';
-import '../../global/js/utils/props-helper.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
-import { SidePanel } from '../SidePanel/SidePanel.js';
 
 var _excluded = ["children", "className", "disableSubmit", "id", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "placement", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "selectorPageContent", "size", "slideIn", "subtitle", "title"];
 

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

@@ -1 +1,8 @@
-export { EditSidePanel } from "./EditSidePanel";
+/**
+ * Copyright IBM Corp. 2021, 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 { EditSidePanel } from './EditSidePanel';
+export type { EditSidePanelProps } from './EditSidePanel';

package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface EditTearsheetNarrowProps {
+export interface EditTearsheetNarrowProps {
     /**
      * Provide the contents of the EditTearsheetNarrow.
      */
@@ -19,4 +19,3 @@ interface EditTearsheetNarrowProps {
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
  */
 export declare let EditTearsheetNarrow: React.ForwardRefExoticComponent<EditTearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1 +1,8 @@
-export { EditTearsheetNarrow } from "./EditTearsheetNarrow";
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * 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 { EditTearsheetNarrow } from './EditTearsheetNarrow';
+export type { EditTearsheetNarrowProps } from './EditTearsheetNarrow';

package/es/components/EditUpdateCards/EditUpdateCards.d.ts

@@ -15,7 +15,7 @@ type ActionIcon = {
     href?: string;
 };
 type PlacementType = 'top' | 'bottom';
-interface EditUpdateCardsProps {
+export interface EditUpdateCardsProps {
     /**
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines
      */

package/es/components/EditUpdateCards/EditUpdateCards.js

@@ -7,13 +7,14 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
+import { ProductiveCard } from '../ProductiveCard/ProductiveCard.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
-import { ProductiveCard } from '../ProductiveCard/ProductiveCard.js';
 
 var _excluded = ["actionIcons", "actionsPlacement", "className", "description", "editChildren", "editMode", "label", "onPrimaryButtonClick", "onSecondaryButtonClick", "previewChildren", "title", "titleSize", "primaryButtonIcon", "primaryButtonText", "secondaryButtonIcon", "secondaryButtonText"];
+
 // import { children } from 'cheerio/lib/api/traversing';
 
 // Carbon and package components we use.

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

@@ -1 +1,8 @@
-export { EditUpdateCards } from "./EditUpdateCards";
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * 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 { EditUpdateCards } from './EditUpdateCards';
+export type { EditUpdateCardsProps } from './EditUpdateCards';

package/es/components/ExportModal/ExportModal.d.ts

@@ -1,12 +1,12 @@
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { ReactNode } from 'react';
 import { ComposedModal } from '@carbon/react';
+import React, { ReactNode } from 'react';
 type InputType = 'text' | 'password';
 type PreformattedExtensions = {
     extension?: string;
     description?: string;
 };
-interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
+export interface ExportModalProps extends React.ComponentProps<typeof ComposedModal> {
     /**
      * Body content for the modal
      */
@@ -107,7 +107,7 @@ interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
 /**
  * Modal dialog version of the export pattern
  */
-export declare let ExportModal: React.ForwardRefExoticComponent<RemoveModalProps & {
+export declare let ExportModal: React.ForwardRefExoticComponent<ExportModalProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;
 export {};

package/es/components/ExportModal/ExportModal.js

@@ -6,15 +6,15 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useState, useEffect, useRef } from 'react';
 import { ComposedModal, ModalHeader, ModalBody, FormGroup, RadioButtonGroup, RadioButton, TextInput, PasswordInput, Loading, ModalFooter, Button } from '@carbon/react';
-import cx from 'classnames';
 import { CheckmarkFilled, ErrorFilled } from '@carbon/react/icons';
+import React__default, { forwardRef, useState, useEffect, useRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import uuidv4 from '../../global/js/utils/uuidv4.js';
 import { pkg } from '../../settings.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
+import uuidv4 from '../../global/js/utils/uuidv4.js';
 
 var _Loading;
 var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "portalTarget", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "validExtensions"];

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

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

package/es/components/ExpressiveCard/ExpressiveCard.d.ts

@@ -8,7 +8,7 @@ type ActionIcon = {
     iconDescription?: string;
     href?: string;
 };
-interface ExpressiveCardProps extends PropsWithChildren {
+export interface ExpressiveCardProps extends PropsWithChildren {
     /**
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
      */

package/es/components/ExpressiveCard/ExpressiveCard.js

@@ -9,8 +9,8 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import React__default, { forwardRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import { prepareProps } from '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
+import { prepareProps } from '../../global/js/utils/props-helper.js';
 import { Card } from '../Card/Card.js';
 
 var componentName = 'ExpressiveCard';

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

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

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

@@ -1,37 +1,42 @@
+/**
+ * Copyright IBM Corp. 2024, 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 from 'react';
+import PropTypes from 'prop-types';
+/**
+ * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
+ * or disable feature flags in a given React tree
+ */
+declare const FeatureFlagContext: React.Context<any>;
 /**
  * Supports an object of feature flag values with the `flags` prop, merging them
  * along with the current `FeatureFlagContext` to provide consumers to check if
  * a feature flag is enabled or disabled in a given React tree
  */
-export function FeatureFlags({ children, flags }: {
+declare function FeatureFlags({ children, flags }: {
     children: any;
     flags?: {} | undefined;
 }): import("react/jsx-runtime").JSX.Element;
-export namespace FeatureFlags {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let flags: PropTypes.Requireable<{
+declare namespace FeatureFlags {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide the feature flags to enabled or disabled in the current React tree
+         */
+        flags: PropTypes.Requireable<{
             [x: string]: boolean | null | undefined;
         }>;
-    }
+    };
 }
 /**
- * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
- * or disable feature flags in a given React tree
+ * Access whether a given flag is enabled or disabled in a given FeatureFlagContext
  */
-export const FeatureFlagContext: React.Context<any>;
+declare function useFeatureFlag(flag: string): boolean;
 /**
  * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
- */
-export function useFeatureFlags(): FeatureFlagScope;
-/**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
  */
-export function useFeatureFlag(flag: any): boolean;
-import PropTypes from 'prop-types';
-import React from 'react';
+declare function useFeatureFlags(): any;
+export { FeatureFlags, FeatureFlagContext, useFeatureFlags, useFeatureFlag };

package/es/components/FeatureFlags/index.js

@@ -100,21 +100,15 @@ function useChangedValue(value, compare, callback) {
 }
 
 /**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
+ * Access whether a given flag is enabled or disabled in a given FeatureFlagContext
  */
 function useFeatureFlag(flag) {
   var scope = useContext(FeatureFlagContext);
-  // console.log(scope);
   return scope.enabled(flag);
 }
 
 /**
  * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
  */
 function useFeatureFlags() {
   return useContext(FeatureFlagContext);
@@ -125,9 +119,6 @@ function useFeatureFlags() {
  * comparison since the objects we are comparing are objects with boolean flags
  * from the flags prop in the `FeatureFlags` component
  *
- * @param {object} a
- * @param {object} b
- * @returns {boolean}
  */
 function isEqual(a, b) {
   if (a === b) {

package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js

@@ -12,8 +12,8 @@ import cx from 'classnames';
 import { AccordionItem, ListItem } from '@carbon/react';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
-import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
 import { TruncatedList } from '../../TruncatedList/TruncatedList.js';
+import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
 
 var _excluded = ["accordionItemProps", "truncatedListProps", "children", "className", "count", "labelText", "title"];
 

package/es/components/FilterSummary/FilterSummary.d.ts

@@ -9,7 +9,7 @@ export interface Filter {
     key: string;
     value: string;
 }
-interface FilterSummaryProps {
+export interface FilterSummaryProps {
     className?: string;
     clearButtonInline?: boolean;
     clearFilters: () => void;