@carbon/ibm-products 2.43.2-canary.125 → 2.43.2-canary.127

package/lib/components/CoachmarkFixed/CoachmarkFixed.js

@@ -11,15 +11,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var enums = require('../Coachmark/utils/enums.js');
+var context = require('../Coachmark/utils/context.js');
+var CoachmarkOverlay = require('../Coachmark/CoachmarkOverlay.js');
+var CoachmarkTagline = require('../Coachmark/CoachmarkTagline.js');
 var index = require('../../node_modules/prop-types/index.js');
+var reactDom = require('react-dom');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var reactDom = require('react-dom');
-var CoachmarkOverlay = require('../Coachmark/CoachmarkOverlay.js');
-var CoachmarkTagline = require('../Coachmark/CoachmarkTagline.js');
-var context = require('../Coachmark/utils/context.js');
-var enums = require('../Coachmark/utils/enums.js');
 var framerMotion = require('framer-motion');
 var useIsomorphicEffect = require('../../global/js/hooks/useIsomorphicEffect.js');
 
@@ -29,6 +29,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["children", "className", "onClose", "portalTarget", "tagline", "theme"];
+
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
 

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

@@ -1 +1,8 @@
-export { CoachmarkFixed } from "./CoachmarkFixed";
+/**
+ * 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 { CoachmarkFixed } from './CoachmarkFixed';
+export type { CoachmarkFixedProps } from './CoachmarkFixed';

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface CoachmarkOverlayElementProps {
+export interface CoachmarkOverlayElementProps {
     /**
      * An optional button can be rendered below the description.
      * This can be a link, button, Coachmark button, etc.
@@ -30,4 +30,3 @@ interface CoachmarkOverlayElementProps {
  * in a carousel fashion.
  */
 export declare let CoachmarkOverlayElement: React.ForwardRefExoticComponent<CoachmarkOverlayElementProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1 +1,8 @@
-export { CoachmarkOverlayElement } from "./CoachmarkOverlayElement";
+/**
+ * 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 { CoachmarkOverlayElement } from './CoachmarkOverlayElement';
+export type { CoachmarkOverlayElementProps } from './CoachmarkOverlayElement';

package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface CoachmarkOverlayElementsProps {
+export interface CoachmarkOverlayElementsProps {
     /**
      * CoachmarkOverlayElements should be used with one or many CoachmarkOverlayElement components as children.
      * @see CoachmarkOverlayElement
@@ -47,4 +47,3 @@ interface CoachmarkOverlayElementsProps {
  * components in a carousel fashion.
  */
 export declare let CoachmarkOverlayElements: React.ForwardRefExoticComponent<CoachmarkOverlayElementsProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js

@@ -10,17 +10,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
+var Carousel = require('../Carousel/Carousel.js');
+require('../Carousel/CarouselItem.js');
 var index = require('../../node_modules/prop-types/index.js');
+var lodash = require('lodash');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var settings = require('../../settings.js');
-var react = require('@carbon/react');
-var lodash = require('lodash');
 var pconsole = require('../../global/js/utils/pconsole.js');
+var settings = require('../../settings.js');
+require('../Coachmark/Coachmark.js');
 var context = require('../Coachmark/utils/context.js');
 var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
-var Carousel = require('../Carousel/Carousel.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,6 +30,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["className", "children", "isVisible", "media", "nextButtonText", "previousButtonLabel", "closeButtonLabel"];
+
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--coachmark-overlay-elements");
 var componentName = 'CoachmarkOverlayElements';

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

@@ -1 +1,8 @@
-export { CoachmarkOverlayElements } from "./CoachmarkOverlayElements";
+/**
+ * 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 { CoachmarkOverlayElements } from './CoachmarkOverlayElements';
+export type { CoachmarkOverlayElementsProps } from './CoachmarkOverlayElements';

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ComponentProps, ReactNode } from 'react';
-interface ComboButtonProps extends ComponentProps<'div'> {
+export interface ComboButtonProps extends ComponentProps<'div'> {
     /** Provide the contents of the `ComboButton` */
     children?: ReactNode;
     /** Provide an optional class to be applied to the containing node */

package/lib/components/ComboButton/ComboButton.js

@@ -10,18 +10,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
-var cx = require('classnames');
-var index = require('../../node_modules/prop-types/index.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
+var icons = require('@carbon/react/icons');
 var React = require('react');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var settings = require('../../settings.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.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 _excluded = ["children", "className", "overflowMenu"],
   _excluded2 = ["children", "renderIcon"];

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

@@ -1,2 +1,9 @@
-export { ComboButton } from "./ComboButton";
-export { ComboButtonItem } from "./ComboButtonItem";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { ComboButton } from './ComboButton';
+export { ComboButtonItem } from './ComboButtonItem';
+export type { ComboButtonProps } from './ComboButton';

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

@@ -117,7 +117,7 @@ type CreateFullPageBaseProps = {
      */
     title?: string;
 };
-type CreateFullPageProps = CreateFullPageBaseProps & CreateFullPageBreadcrumbsProps;
+export type CreateFullPageProps = CreateFullPageBaseProps & CreateFullPageBreadcrumbsProps;
 /**
  * Use with creations that must be completed in order for a service to be usable.
  *

package/lib/components/CreateFullPage/CreateFullPage.js

@@ -10,22 +10,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
+var SimpleHeader = require('../SimpleHeader/SimpleHeader.js');
+var ActionSet = require('../ActionSet/ActionSet.js');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var settings = require('../../settings.js');
-var react = require('@carbon/react');
-var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
 var getNumberOfHiddenSteps = require('../../global/js/utils/getNumberOfHiddenSteps.js');
-var SimpleHeader = require('../SimpleHeader/SimpleHeader.js');
+var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
+var settings = require('../../settings.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useCreateComponentFocus = require('../../global/js/hooks/useCreateComponentFocus.js');
 var useValidCreateStepCount = require('../../global/js/hooks/useValidCreateStepCount.js');
 var useResetCreateComponent = require('../../global/js/hooks/useResetCreateComponent.js');
 var useCreateComponentStepChange = require('../../global/js/hooks/useCreateComponentStepChange.js');
 var CreateInfluencer = require('../CreateInfluencer/CreateInfluencer.js');
-var ActionSet = require('../ActionSet/ActionSet.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -1,2 +1,9 @@
-export { CreateFullPage } from "./CreateFullPage";
-export { CreateFullPageStep } from "./CreateFullPageStep";
+/**
+ * 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 { CreateFullPage } from './CreateFullPage';
+export { CreateFullPageStep } from './CreateFullPageStep';
+export type { CreateFullPageProps } from './CreateFullPage';

package/lib/components/CreateModal/CreateModal.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { ReactNode } from 'react';
 import { ComposedModal } from '@carbon/react';
-interface CreateModalProps extends React.ComponentProps<typeof ComposedModal> {
+import React, { ReactNode } from 'react';
+export interface CreateModalProps extends React.ComponentProps<typeof ComposedModal> {
     /**
      * Specify an optional className to be applied to the modal root node
      */
@@ -69,4 +69,3 @@ immediately apparent to the user, with a clear and obvious path to completion.
 export declare let CreateModal: React.ForwardRefExoticComponent<CreateModalProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;
-export {};

package/lib/components/CreateModal/CreateModal.js

@@ -10,8 +10,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
 var react = require('@carbon/react');
+var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');

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

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

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

@@ -1 +1,7 @@
-export { CreateSidePanel } from "./CreateSidePanel";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { CreateSidePanel } from './CreateSidePanel';

package/lib/components/CreateTearsheet/CreateTearsheet.d.ts

@@ -4,7 +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, { ReactNode, PropsWithChildren, Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'react';
 export interface StepsContextType {
     currentStep: number;
     setIsDisabled: Dispatch<SetStateAction<boolean>>;
@@ -16,7 +16,7 @@ export interface StepsContextType {
 }
 export declare const StepsContext: React.Context<StepsContextType | null>;
 export declare const StepNumberContext: React.Context<number>;
-interface CreateTearsheetProps extends PropsWithChildren {
+export interface CreateTearsheetProps extends PropsWithChildren {
     /**
      * The back button text
      */

package/lib/components/CreateTearsheet/CreateTearsheet.js

@@ -11,14 +11,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
-var cx = require('classnames');
 var react = require('@carbon/react');
+var index = require('../../node_modules/prop-types/index.js');
 var TearsheetShell = require('../Tearsheet/TearsheetShell.js');
-var settings = require('../../settings.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
 var getNumberOfHiddenSteps = require('../../global/js/utils/getNumberOfHiddenSteps.js');
+var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
+var settings = require('../../settings.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useCreateComponentFocus = require('../../global/js/hooks/useCreateComponentFocus.js');
 var useValidCreateStepCount = require('../../global/js/hooks/useValidCreateStepCount.js');

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

@@ -1,3 +1,10 @@
-export { CreateTearsheet } from "./CreateTearsheet";
-export { CreateTearsheetStep } from "./CreateTearsheetStep";
-export { CreateTearsheetDivider } from "./CreateTearsheetDivider";
+/**
+ * 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 { CreateTearsheet } from './CreateTearsheet';
+export { CreateTearsheetStep } from './CreateTearsheetStep';
+export { CreateTearsheetDivider } from './CreateTearsheetDivider';
+export type { CreateTearsheetProps } from './CreateTearsheet';

package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts

@@ -6,7 +6,7 @@
  */
 import React, { PropsWithChildren, ReactNode } from 'react';
 type VerticalPosition = 'normal' | 'lower';
-interface CreateTearsheetNarrowProps extends PropsWithChildren {
+export interface CreateTearsheetNarrowProps extends PropsWithChildren {
     /**
      * Provide the contents of the CreateTearsheetNarrow.
      */

package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js

@@ -11,12 +11,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var react = require('@carbon/react');
 var index = require('../../node_modules/prop-types/index.js');
+var TearsheetNarrow = require('../Tearsheet/TearsheetNarrow.js');
 var cx = require('classnames');
-var react = require('@carbon/react');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var TearsheetNarrow = require('../Tearsheet/TearsheetNarrow.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -1 +1,8 @@
-export { CreateTearsheetNarrow } from "./CreateTearsheetNarrow";
+/**
+ * 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 { CreateTearsheetNarrow } from './CreateTearsheetNarrow';
+export type { CreateTearsheetNarrowProps } from './CreateTearsheetNarrow';

package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts

@@ -4,10 +4,10 @@
  * 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 { Column } from 'react-table';
 import { Size, Theme } from './types';
-interface DataSpreadsheetProps {
+import { Column } from 'react-table';
+import React from 'react';
+export interface DataSpreadsheetProps {
     /**
      * Specifies the cell height
      */
@@ -94,4 +94,3 @@ interface DataSpreadsheetProps {
  * DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
  */
 export declare let DataSpreadsheet: React.ForwardRefExoticComponent<DataSpreadsheetProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/DataSpreadsheet/DataSpreadsheet.js

@@ -10,24 +10,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
 var reactTable = require('react-table');
-var index = require('../../node_modules/prop-types/index.js');
-var cx = require('classnames');
-var settings = require('../../settings.js');
+var React = require('react');
 var DataSpreadsheetBody = require('./DataSpreadsheetBody.js');
 var DataSpreadsheetHeader = require('./DataSpreadsheetHeader.js');
-var devtools = require('../../global/js/utils/devtools.js');
-var getScrollbarWidth = require('../../global/js/utils/getScrollbarWidth.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
-var deepCloneObject = require('../../global/js/utils/deepCloneObject.js');
+var index = require('../../node_modules/prop-types/index.js');
 var createActiveCellFn = require('./utils/createActiveCellFn.js');
+var cx = require('classnames');
+var deepCloneObject = require('../../global/js/utils/deepCloneObject.js');
 var getCellSize = require('./utils/getCellSize.js');
+var devtools = require('../../global/js/utils/devtools.js');
+var getScrollbarWidth = require('../../global/js/utils/getScrollbarWidth.js');
+var handleEditSubmit = require('./utils/handleEditSubmit.js');
 var handleHeaderCellSelection = require('./utils/handleHeaderCellSelection.js');
+var commonEventHandlers = require('./utils/commonEventHandlers.js');
+var settings = require('../../settings.js');
 var removeCellSelections = require('./utils/removeCellSelections.js');
 var selectAllCells = require('./utils/selectAllCells.js');
-var handleEditSubmit = require('./utils/handleEditSubmit.js');
-var commonEventHandlers = require('./utils/commonEventHandlers.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var useActiveElement = require('../../global/js/hooks/useActiveElement.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useMultipleKeyTracking = require('./hooks/useMultipleKeyTracking.js');
@@ -42,6 +42,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["cellSize", "className", "columns", "data", "defaultEmptyRowCount", "onDataUpdate", "onColDrag", "id", "onActiveCellChange", "onSelectionAreaChange", "renderRowHeader", "renderRowHeaderDirection", "disableColumnSwapping", "readOnlyTable", "selectAllAriaLabel", "spreadsheetAriaLabel", "theme", "totalVisibleColumns"];
+
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--data-spreadsheet");
 var componentName = 'DataSpreadsheet';

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

@@ -1 +1,8 @@
-export { DataSpreadsheet } from "./DataSpreadsheet";
+/**
+ * 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 { DataSpreadsheet } from './DataSpreadsheet';
+export type { DataSpreadsheetProps } from './DataSpreadsheet';

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

@@ -49,7 +49,8 @@ var DatagridRow = function DatagridRow(datagridState) {
     withMouseHover = datagridState.withMouseHover,
     setMouseOverRowIndex = datagridState.setMouseOverRowIndex,
     headers = datagridState.headers,
-    visibleColumns = datagridState.visibleColumns;
+    visibleColumns = datagridState.visibleColumns,
+    getAsyncSubRows = datagridState.getAsyncSubRows;
   var getVisibleNestedRowCount = function getVisibleNestedRowCount(_ref) {
     var isExpanded = _ref.isExpanded,
       subRows = _ref.subRows;
@@ -126,15 +127,16 @@ var DatagridRow = function DatagridRow(datagridState) {
     var _r$original;
     return /*#__PURE__*/React.isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.slug);
   });
-  var rowClassNames = cx__default["default"]("".concat(blockClass, "__carbon-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), "".concat(settings.carbon.prefix, "--data-table--selected"), row.isSelected), "".concat(blockClass, "__slug--row"), /*#__PURE__*/React.isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug)));
+  var rowClassNames = cx__default["default"]("".concat(blockClass, "__carbon-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), "".concat(blockClass, "__carbon-row-expandable--async"), getAsyncSubRows && row.depth > 0), "".concat(settings.carbon.prefix, "--data-table--selected"), row.isSelected), "".concat(blockClass, "__slug--row"), /*#__PURE__*/React.isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug)));
   var withActionsColumn = headers ? !!headers.filter(function (header) {
     return header.isAction;
   }).length : false;
+  var rowKey = !row.isSkeleton ? key : row.skeletonKey;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-    key: key
+    key: "".concat(rowKey, "__").concat(key, "__row--fragment")
   }, /*#__PURE__*/React__default["default"].createElement(react.TableRow, _rollupPluginBabelHelpers["extends"]({}, rowProps, {
     className: cx__default["default"](rowClassNames, className),
-    key: row.id,
+    key: rowKey,
     onMouseEnter: hoverHandler,
     onMouseLeave: handleMouseLeave,
     onFocus: hoverHandler,
@@ -173,7 +175,7 @@ var DatagridRow = function DatagridRow(datagridState) {
       style.flex = lastVisibleFlexStyle;
     }
     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)), columnClassname)
+      className: cx__default["default"]("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), (row.canExpand || getAsyncSubRows) && 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, {
       style: style,
       key: cell.column.id

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

@@ -14,6 +14,7 @@ var constants = require('./constants.js');
 var react = require('@carbon/react');
 var React = require('react');
 var layout = require('@carbon/layout');
+var ActionSet = require('../../../../ActionSet/ActionSet.js');
 var icons = require('@carbon/react/icons');
 var index = require('../../../../../node_modules/prop-types/index.js');
 var cx = require('classnames');
@@ -23,7 +24,6 @@ var useShouldDisableButtons = require('./hooks/useShouldDisableButtons.js');
 var useWindowResize = require('../../../../../global/js/hooks/useWindowResize.js');
 var useClickOutside = require('../../../../../global/js/hooks/useClickOutside.js');
 var useSubscribeToEventEmitter = require('./hooks/useSubscribeToEventEmitter.js');
-var ActionSet = require('../../../../ActionSet/ActionSet.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -15,13 +15,13 @@ var constants = require('./constants.js');
 var React = require('react');
 var variants = require('./motion/variants.js');
 var framerMotion = require('framer-motion');
+var ActionSet = require('../../../../ActionSet/ActionSet.js');
 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 settings = require('../../../../../settings.js');
 var layout = require('@carbon/layout');
-var ActionSet = require('../../../../ActionSet/ActionSet.js');
 var useFilters = require('./hooks/useFilters.js');
 var useShouldDisableButtons = require('./hooks/useShouldDisableButtons.js');
 var useSubscribeToEventEmitter = require('./hooks/useSubscribeToEventEmitter.js');

package/lib/components/Datagrid/Datagrid/addons/stateReducer.d.ts

@@ -14,4 +14,11 @@ export function handleSelectAllRowData({ dispatch, rows, getRowId, indeterminate
     indeterminate: any;
     isChecked: any;
 }): any;
+export function handleDynamicRowCheck({ dispatch, status, rowId, depth, index, }: {
+    dispatch: any;
+    status: any;
+    rowId: any;
+    depth: any;
+    index: any;
+}): any;
 export function stateReducer(newState: any, action: any): any;