@carbon/ibm-products 2.26.0 → 2.28.0-alpha.4

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

@@ -14,16 +14,17 @@ var React = require('react');
 var react = require('@carbon/react');
 var layout = require('@carbon/layout');
 var commonColumnIds = require('../common-column-ids.js');
-var index = require('../../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var settings = require('../../../settings.js');
 var DatagridSlug = require('./addons/Slug/DatagridSlug.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _SkeletonText;
-var _excluded = ["role"],
+var _excluded = ["role", "className"],
   _excluded2 = ["children", "role"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var rowHeights = {
@@ -36,7 +37,7 @@ var rowHeights = {
 
 // eslint-disable-next-line react/prop-types
 var DatagridRow = function DatagridRow(datagridState) {
-  var _row$original, _row$original2;
+  var _row$original, _row$original2, _row$original3;
   var row = datagridState.row,
     rows = datagridState.rows,
     rowSize = datagridState.rowSize,
@@ -46,7 +47,8 @@ var DatagridRow = function DatagridRow(datagridState) {
     tableId = datagridState.tableId,
     withExpandedRows = datagridState.withExpandedRows,
     withMouseHover = datagridState.withMouseHover,
-    setMouseOverRowIndex = datagridState.setMouseOverRowIndex;
+    setMouseOverRowIndex = datagridState.setMouseOverRowIndex,
+    headers = datagridState.headers;
   var getVisibleNestedRowCount = function getVisibleNestedRowCount(_ref) {
     var isExpanded = _ref.isExpanded,
       subRows = _ref.subRows;
@@ -106,7 +108,6 @@ var DatagridRow = function DatagridRow(datagridState) {
       hoverHandler(event);
     }
   };
-  var rowClassNames = index["default"]("".concat(blockClass, "__carbon-row"), _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));
   var setAdditionalRowProps = function setAdditionalRowProps() {
     if (withNestedRows || withExpandedRows) {
       return {
@@ -119,30 +120,31 @@ var DatagridRow = function DatagridRow(datagridState) {
   // eslint-disable-next-line no-unused-vars
   var _row$getRowProps = row.getRowProps();
     _row$getRowProps.role;
-    var rowProps = _rollupPluginBabelHelpers.objectWithoutProperties(_row$getRowProps, _excluded);
+    var className = _row$getRowProps.className,
+    rowProps = _rollupPluginBabelHelpers.objectWithoutProperties(_row$getRowProps, _excluded);
   var foundAIRow = rows.some(function (r) {
     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)));
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
     key: key
-  }, /*#__PURE__*/React__default["default"].createElement(react.TableRow, _rollupPluginBabelHelpers["extends"]({
-    className: rowClassNames
-  }, rowProps, {
+  }, /*#__PURE__*/React__default["default"].createElement(react.TableRow, _rollupPluginBabelHelpers["extends"]({}, rowProps, {
+    className: cx__default["default"](rowClassNames, className),
     key: row.id,
     onMouseEnter: hoverHandler,
     onMouseLeave: handleMouseLeave,
     onFocus: hoverHandler,
     onBlur: focusRemover,
     onKeyUp: handleOnKeyUp
-  }, setAdditionalRowProps()), foundAIRow ? row !== null && row !== void 0 && (_row$original = row.original) !== null && _row$original !== void 0 && _row$original.slug ? /*#__PURE__*/React__default["default"].createElement("td", {
-    className: "".concat(blockClass, "__table-row-ai-enabled")
+  }, setAdditionalRowProps()), foundAIRow ? row !== null && row !== void 0 && (_row$original2 = row.original) !== null && _row$original2 !== void 0 && _row$original2.slug ? /*#__PURE__*/React__default["default"].createElement("td", {
+    className: cx__default["default"]("".concat(blockClass, "__table-row-ai-enabled"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__slug--expanded"), row.isExpanded))
   }, /*#__PURE__*/React__default["default"].createElement(DatagridSlug.DatagridSlug, {
-    slug: row === null || row === void 0 || (_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.slug
+    slug: row === null || row === void 0 || (_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.slug
   })) : /*#__PURE__*/React__default["default"].createElement("td", {
     className: "".concat(blockClass, "__table-row-ai-spacer")
-  }) : null, row.cells.map(function (cell, index$1) {
-    var _cell$column, _content$props;
+  }) : null, row.cells.map(function (cell, index) {
+    var _cell$column, _content$props, _associatedHeader$;
     var cellProps = cell.getCellProps();
     // eslint-disable-next-line no-unused-vars
     var children = cellProps.children;
@@ -156,8 +158,11 @@ var DatagridRow = function DatagridRow(datagridState) {
       });
     }
     var title = content === null || content === void 0 || (_content$props = content.props) === null || _content$props === void 0 || (_content$props = _content$props.children[0]) === null || _content$props === void 0 || (_content$props = _content$props.props) === null || _content$props === void 0 ? void 0 : _content$props.value;
+    var associatedHeader = headers.filter(function (h) {
+      return h.id === cell.column.id;
+    });
     return /*#__PURE__*/React__default["default"].createElement(react.TableCell, _rollupPluginBabelHelpers["extends"]({
-      className: index["default"]("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), row.canExpand && index$1 === 0))
+      className: cx__default["default"]("".concat(blockClass, "__cell"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), row.canExpand && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/React.isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)))
     }, restProps, {
       key: cell.column.id,
       title: title

package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -12,13 +12,14 @@ 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/classnames/index.js');
+var cx = require('classnames');
 var settings = require('../../../settings.js');
 var stateReducer = require('./addons/stateReducer.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["onChange"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
@@ -57,7 +58,7 @@ var SelectAll = function SelectAll(datagridState) {
   var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   if (hideSelectAll || radio) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: index["default"]("".concat(blockClass, "__head-hidden-select-all"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), /* istanbul ignore next */
+      className: cx__default["default"]("".concat(blockClass, "__head-hidden-select-all"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), /* istanbul ignore next */
       isFirstColumnStickyLeft && windowSize > 671))
     });
   }
@@ -92,7 +93,7 @@ var SelectAll = function SelectAll(datagridState) {
     return onChange === null || onChange === void 0 ? void 0 : onChange(event);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"]("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
+    className: cx__default["default"]("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
     isFirstColumnStickyLeft && windowSize > 671))
   }, /*#__PURE__*/React__default["default"].createElement(react.TableSelectAll, _rollupPluginBabelHelpers["extends"]({}, selectProps, {
     name: "".concat(tableId, "-select-all-checkbox-name"),

package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../../node_modules/prop-types/index.js');
-var index = require('../../../node_modules/classnames/index.js');
+var index = require('../../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var settings = require('../../../settings.js');
@@ -20,6 +20,7 @@ var settings = require('../../../settings.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["onChange"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
@@ -76,7 +77,7 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
   var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   return /*#__PURE__*/React__default["default"].createElement("th", {
     scope: "col",
-    className: index["default"]("".concat(blockClass, "__select-all-toggle-on"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))
+    className: cx__default["default"]("".concat(blockClass, "__select-all-toggle-on"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({}, selectProps, {
     name: "".concat(tableId, "-select-all-checkbox-name"),
     onClick: function onClick(e) {
@@ -129,16 +130,16 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
   })));
 };
 SelectAllWithToggle.propTypes = {
-  allPageRowsLabel: index$1["default"].string,
-  allRowsLabel: index$1["default"].string,
-  columns: index$1["default"].arrayOf(index$1["default"].object),
-  getToggleAllPageRowsSelectedProps: index$1["default"].func.isRequired,
-  getToggleAllRowsSelectedProps: index$1["default"].func.isRequired,
-  isAllRowsSelected: index$1["default"].bool.isRequired,
-  isFetching: index$1["default"].bool,
-  selectAllToggle: index$1["default"].object,
-  tableId: index$1["default"].string.isRequired,
-  withStickyColumn: index$1["default"].bool
+  allPageRowsLabel: index["default"].string,
+  allRowsLabel: index["default"].string,
+  columns: index["default"].arrayOf(index["default"].object),
+  getToggleAllPageRowsSelectedProps: index["default"].func.isRequired,
+  getToggleAllRowsSelectedProps: index["default"].func.isRequired,
+  isAllRowsSelected: index["default"].bool.isRequired,
+  isFetching: index["default"].bool,
+  selectAllToggle: index["default"].object,
+  tableId: index["default"].string.isRequired,
+  withStickyColumn: index["default"].bool
 };
 var SelectAllWithToggle$1 = SelectAllWithToggle;
 

package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js

@@ -12,12 +12,13 @@ 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/classnames/index.js');
+var cx = require('classnames');
 var settings = require('../../../settings.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
@@ -25,7 +26,7 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
     rows = datagridState.rows,
     prepareRow = datagridState.prepareRow;
   return /*#__PURE__*/React__default["default"].createElement(react.TableBody, _rollupPluginBabelHelpers["extends"]({}, getTableBodyProps(), {
-    className: index["default"]("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
+    className: cx__default["default"]("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
   }), rows.map(function (row) {
     prepareRow(row);
     var _row$getRowProps = row.getRowProps(),

package/lib/components/Datagrid/Datagrid/DatagridToolbar.d.ts

@@ -1,2 +1,11 @@
 export default DatagridToolbar;
-declare function DatagridToolbar(datagridState: any): import("react/jsx-runtime").JSX.Element | null;
+declare function DatagridToolbar({ ariaToolbarLabel, ...datagridState }: {
+    [x: string]: any;
+    ariaToolbarLabel: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace DatagridToolbar {
+    namespace propTypes {
+        let ariaToolbarLabel: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from 'prop-types';

package/lib/components/Datagrid/Datagrid/DatagridToolbar.js

@@ -11,16 +11,19 @@ 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 react = require('@carbon/react');
 var useResizeObserver = require('../../../global/js/hooks/useResizeObserver.js');
 var settings = require('../../../settings.js');
-var index = require('../../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var stateReducer = require('./addons/stateReducer.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
+var _excluded = ["ariaToolbarLabel"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid__table-toolbar");
 var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridState, width, ref) {
   var _useState = React.useState(false),
@@ -99,7 +102,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     };
     return /*#__PURE__*/React__default["default"].createElement(react.MenuButton, {
       label: batchActionMenuButtonLabelText,
-      className: index["default"]([menuClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(menuClass, "-icon-only"), width <= minWidthBeforeOverflowIcon)]),
+      className: cx__default["default"]([menuClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(menuClass, "-icon-only"), width <= minWidthBeforeOverflowIcon)]),
       tabIndex: totalSelected > 0 ? 0 : -1
     }, toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
       var hidden = index < 2 && !displayAllInMenu;
@@ -115,6 +118,12 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     }
   };
   var onCancelHandler = function onCancelHandler() {
+    stateReducer.handleSelectAllRowData({
+      dispatch: dispatch,
+      rows: [],
+      getRowId: getRowId,
+      isChecked: false
+    });
     toggleAllRowsSelected(false);
     setGlobalFilter(null);
   };
@@ -152,7 +161,9 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     }
   })), renderBatchActionOverflow());
 };
-var DatagridToolbar = function DatagridToolbar(datagridState) {
+var DatagridToolbar = function DatagridToolbar(_ref2) {
+  var ariaToolbarLabel = _ref2.ariaToolbarLabel,
+    datagridState = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded);
   var ref = React.useRef(null);
   var _useResizeObserver = useResizeObserver.useResizeObserver(ref),
     width = _useResizeObserver.width;
@@ -163,10 +174,17 @@ var DatagridToolbar = function DatagridToolbar(datagridState) {
   var getRowHeight = rowSize || 'lg';
   return batchActions && DatagridActions ? /*#__PURE__*/React__default["default"].createElement("div", {
     ref: ref,
-    className: index["default"]([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
-  }, /*#__PURE__*/React__default["default"].createElement(react.TableToolbar, null, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar && DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx__default["default"]([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
+  }, /*#__PURE__*/React__default["default"].createElement(react.TableToolbar, {
+    "aria-label": ariaToolbarLabel
+  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar && DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: blockClass
-  }, /*#__PURE__*/React__default["default"].createElement(react.TableToolbar, null, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
+  }, /*#__PURE__*/React__default["default"].createElement(react.TableToolbar, {
+    "aria-label": ariaToolbarLabel
+  }, DatagridActions && /*#__PURE__*/React__default["default"].createElement(DatagridActions, datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
+};
+DatagridToolbar.propTypes = {
+  ariaToolbarLabel: index["default"].string
 };
 var DatagridToolbar$1 = DatagridToolbar;
 

package/lib/components/Datagrid/Datagrid/DraggableElement.js

@@ -11,9 +11,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../node_modules/prop-types/index.js');
 var icons = require('@carbon/react/icons');
-var index = require('../../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var settings = require('../../../settings.js');
 var utilities = require('@dnd-kit/utilities');
 var sortable = require('@dnd-kit/sortable');
@@ -21,6 +21,7 @@ var sortable = require('@dnd-kit/sortable');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _Locked, _DraggableIcon;
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
@@ -43,7 +44,7 @@ var DraggableElement = function DraggableElement(_ref) {
     transform = _useSortable.transform,
     transition = _useSortable.transition;
   var content = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"]({
+    className: cx__default["default"]({
       disabled: disabled
     }, "".concat(blockClass, "__draggable-handleStyle"))
   }, isSticky ? _Locked || (_Locked = /*#__PURE__*/React__default["default"].createElement(icons.Locked, {
@@ -56,7 +57,7 @@ var DraggableElement = function DraggableElement(_ref) {
     transition: transition
   };
   return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
-    className: index["default"](classList, "".concat(blockClass, "__draggable-handleHolder"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__draggable-handleHolder--selected"), selected), "".concat(blockClass, "__draggable-handleHolder--sticky"), isSticky), "".concat(blockClass, "__draggable-handleHolder--dragging"), isDragging)),
+    className: cx__default["default"](classList, "".concat(blockClass, "__draggable-handleHolder"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__draggable-handleHolder--selected"), selected), "".concat(blockClass, "__draggable-handleHolder--sticky"), isSticky), "".concat(blockClass, "__draggable-handleHolder--dragging"), isDragging)),
     id: id,
     ref: setNodeRef,
     style: style
@@ -67,17 +68,17 @@ var DraggableElement = function DraggableElement(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(blockClass, "__shared-ui--assistive-text")
   }, ariaLabel), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__draggable-handleStyle"), !disabled), ["".concat(blockClass, "__draggable-handleHolder-droppable")])
+    className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__draggable-handleStyle"), !disabled), ["".concat(blockClass, "__draggable-handleHolder-droppable")])
   }, content));
 };
 DraggableElement.propTypes = {
-  ariaLabel: index$1["default"].string.isRequired,
-  children: index$1["default"].element.isRequired,
-  classList: index$1["default"].string,
-  disabled: index$1["default"].bool,
-  id: index$1["default"].string.isRequired,
-  isSticky: index$1["default"].bool,
-  selected: index$1["default"].bool
+  ariaLabel: index["default"].string.isRequired,
+  children: index["default"].element.isRequired,
+  classList: index["default"].string,
+  disabled: index["default"].bool,
+  id: index["default"].string.isRequired,
+  isSticky: index["default"].bool,
+  selected: index["default"].bool
 };
 var DraggableElement$1 = DraggableElement;
 

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

@@ -11,11 +11,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../../../../node_modules/prop-types/index.js');
+var index = require('../../../../../node_modules/prop-types/index.js');
 var react = require('@carbon/react');
 var update = require('immutability-helper');
 var settings = require('../../../../../settings.js');
-var index = require('../../../../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var DraggableItemsList = require('./DraggableItemsList.js');
 var uuidv4 = require('../../../../../global/js/utils/uuidv4.js');
 
@@ -23,6 +23,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var update__default = /*#__PURE__*/_interopDefaultLegacy(update);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var Columns = function Columns(_ref) {
@@ -66,7 +67,7 @@ var Columns = function Columns(_ref) {
     className: "".concat(blockClass, "__shared-ui--assistive-text")
   }, filterString.length === 0 ? assistiveTextInstructionsLabel : assistiveTextDisabledInstructionsLabel), /*#__PURE__*/React__default["default"].createElement("div", {
     id: "".concat(blockClass, "__customize-columns-select-all"),
-    className: index["default"]("".concat(blockClass, "__customize-columns-select-all"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__customize-columns-select-all--selected"), getVisibleColumnsCount() > 0)),
+    className: cx__default["default"]("".concat(blockClass, "__customize-columns-select-all"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__customize-columns-select-all--selected"), getVisibleColumnsCount() > 0)),
     selected: getVisibleColumnsCount() > 0
   }, /*#__PURE__*/React__default["default"].createElement(react.Checkbox, {
     className: "".concat(blockClass, "__customize-columns-checkbox-wrapper"),
@@ -87,17 +88,17 @@ var Columns = function Columns(_ref) {
   })));
 };
 Columns.propTypes = {
-  assistiveTextDisabledInstructionsLabel: index$1["default"].string,
-  assistiveTextInstructionsLabel: index$1["default"].string,
-  columns: index$1["default"].array.isRequired,
-  disabledInstructionsLabel: index$1["default"].string,
-  filterString: index$1["default"].string.isRequired,
-  getVisibleColumnsCount: index$1["default"].func.isRequired,
-  instructionsLabel: index$1["default"].string,
-  onSelectColumn: index$1["default"].func.isRequired,
-  selectAllLabel: index$1["default"].string,
-  setColumnStatus: index$1["default"].func,
-  setColumnsObject: index$1["default"].func.isRequired
+  assistiveTextDisabledInstructionsLabel: index["default"].string,
+  assistiveTextInstructionsLabel: index["default"].string,
+  columns: index["default"].array.isRequired,
+  disabledInstructionsLabel: index["default"].string,
+  filterString: index["default"].string.isRequired,
+  getVisibleColumnsCount: index["default"].func.isRequired,
+  instructionsLabel: index["default"].string,
+  onSelectColumn: index["default"].func.isRequired,
+  selectAllLabel: index["default"].string,
+  setColumnStatus: index["default"].func,
+  setColumnsObject: index["default"].func.isRequired
 };
 var Columns$1 = Columns;
 

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

@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
-var index = require('../../../../../node_modules/classnames/index.js');
-var index$1 = require('../../../../../node_modules/prop-types/index.js');
+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');
@@ -27,6 +27,7 @@ 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 _Filter;
@@ -225,17 +226,17 @@ var FilterFlyout = function FilterFlyout(_ref) {
     kind: "ghost",
     align: "bottom",
     onClick: open ? closeFlyout : openFlyout,
-    className: index["default"]("".concat(componentClass, "__trigger"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__trigger--open"), open)),
+    className: cx__default["default"]("".concat(componentClass, "__trigger"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__trigger--open"), open)),
     disabled: data.length === 0
   }, _Filter || (_Filter = /*#__PURE__*/React__default["default"].createElement(icons.Filter, null))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"](componentClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "--open"), open), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
+    className: cx__default["default"](componentClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "--open"), open), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
     ref: flyoutInnerRef
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(componentClass, "__inner-container")
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(componentClass, "__title")
   }, title), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index["default"]("".concat(componentClass, "__filters"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__stacked"), stackedLayout)),
+    className: cx__default["default"]("".concat(componentClass, "__filters"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__stacked"), stackedLayout)),
     ref: flyoutFiltersContainerRef
   }, renderFilters())), renderActionSet()));
 };
@@ -243,63 +244,63 @@ FilterFlyout.propTypes = {
   /**
    * All data rows in the table
    */
-  data: index$1["default"].array.isRequired,
+  data: index["default"].array.isRequired,
   /**
    * Array of filters to render
    */
-  filters: index$1["default"].arrayOf(index$1["default"].shape({
-    type: index$1["default"].string.isRequired,
-    column: index$1["default"].string.isRequired,
-    props: index$1["default"].object.isRequired
+  filters: index["default"].arrayOf(index["default"].shape({
+    type: index["default"].string.isRequired,
+    column: index["default"].string.isRequired,
+    props: index["default"].object.isRequired
   })).isRequired,
   /**
    * Icon description for the filter flyout button
    */
-  flyoutIconDescription: index$1["default"].string,
+  flyoutIconDescription: index["default"].string,
   /**
    * Callback when the apply button is clicked
    */
-  onApply: index$1["default"].func,
+  onApply: index["default"].func,
   /**
    * Callback when the cancel button is clicked
    */
-  onCancel: index$1["default"].func,
+  onCancel: index["default"].func,
   /**
    * Callback when the flyout closes
    */
-  onFlyoutClose: index$1["default"].func,
+  onFlyoutClose: index["default"].func,
   /**
    * Callback when the flyout opens
    */
-  onFlyoutOpen: index$1["default"].func,
+  onFlyoutOpen: index["default"].func,
   /**
    * Label text of the primary action in the flyout
    */
-  primaryActionLabel: index$1["default"].string,
+  primaryActionLabel: index["default"].string,
   /**
    * Filters from react table's state
    */
-  reactTableFiltersState: index$1["default"].arrayOf(index$1["default"].shape({
-    id: index$1["default"].string.isRequired,
-    type: index$1["default"].string.isRequired,
-    value: index$1["default"].any.isRequired
+  reactTableFiltersState: index["default"].arrayOf(index["default"].shape({
+    id: index["default"].string.isRequired,
+    type: index["default"].string.isRequired,
+    value: index["default"].any.isRequired
   })),
   /**
    * Label text of the secondary action in the flyout
    */
-  secondaryActionLabel: index$1["default"].string,
+  secondaryActionLabel: index["default"].string,
   /**
    * Function that sets all the filters, this comes from the datagridState
    */
-  setAllFilters: index$1["default"].func.isRequired,
+  setAllFilters: index["default"].func.isRequired,
   /**
    * Title of the filter flyout
    */
-  title: index$1["default"].string,
+  title: index["default"].string,
   /**
    * The update method used to apply the filters
    */
-  updateMethod: index$1["default"].oneOf([constants.BATCH, constants.INSTANT]).isRequired
+  updateMethod: index["default"].oneOf([constants.BATCH, constants.INSTANT]).isRequired
 };
 var FilterFlyout$1 = FilterFlyout;