@carbon/ibm-products 2.23.0 → 2.25.0

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js

@@ -1,14 +1,15 @@
 /**
- * Copyright IBM Corp. 2022, 2022
+ * Copyright IBM Corp. 2020, 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 PropTypes from 'prop-types';
+import PropTypes from '../../../../../node_modules/prop-types/index.js';
 import { Search } from '@carbon/react';
 import * as React from 'react';
-import { pkg } from '../../../../../settings';
+import { pkg } from '../../../../../settings.js';
+
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var Actions = function Actions(_ref) {
   var searchText = _ref.searchText,
@@ -36,4 +37,6 @@ Actions.propTypes = {
   setColumnsObject: PropTypes.func.isRequired,
   setSearchText: PropTypes.func.isRequired
 };
-export default Actions;
+var Actions$1 = Actions;
+
+export { Actions$1 as default };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.d.ts

@@ -0,0 +1,21 @@
+export default ButtonWrapper;
+declare function ButtonWrapper({ onClick, setIsTearsheetOpen, isTearsheetOpen, iconTooltipLabel, ...rest }: {
+    [x: string]: any;
+    onClick: any;
+    setIsTearsheetOpen: any;
+    isTearsheetOpen: any;
+    iconTooltipLabel?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace ButtonWrapper {
+    namespace defaultProps {
+        function onClick(): void;
+    }
+    namespace propTypes {
+        export let iconTooltipLabel: PropTypes.Requireable<string>;
+        export let isTearsheetOpen: PropTypes.Validator<boolean>;
+        let onClick_1: PropTypes.Validator<(...args: any[]) => any>;
+        export { onClick_1 as onClick };
+        export let setIsTearsheetOpen: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js

@@ -1,18 +1,18 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onClick", "setIsTearsheetOpen", "isTearsheetOpen", "iconTooltipLabel"];
 /**
- * Copyright IBM Corp. 2022, 2022
+ * Copyright IBM Corp. 2020, 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
-import PropTypes from 'prop-types';
+import PropTypes from '../../../../../node_modules/prop-types/index.js';
 import { Column } from '@carbon/react/icons';
 import { Button } from '@carbon/react';
-import { pkg } from '../../../../../settings';
+import { pkg } from '../../../../../settings.js';
+
+var _excluded = ["onClick", "setIsTearsheetOpen", "isTearsheetOpen", "iconTooltipLabel"];
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var ButtonWrapper = function ButtonWrapper(_ref) {
   var _onClick = _ref.onClick,
@@ -28,7 +28,7 @@ var ButtonWrapper = function ButtonWrapper(_ref) {
       }, props));
     },
     iconDescription: iconTooltipLabel,
-    tooltipPosition: "left",
+    tooltipPosition: "bottom",
     kind: "ghost",
     hasIconOnly: true,
     "test-id": "".concat(blockClass, "__customize-columns-trigger"),
@@ -49,4 +49,6 @@ ButtonWrapper.propTypes = {
   onClick: PropTypes.func.isRequired,
   setIsTearsheetOpen: PropTypes.func.isRequired
 };
-export default ButtonWrapper;
+var ToggleButtonWrapper = ButtonWrapper;
+
+export { ToggleButtonWrapper as default };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts

@@ -0,0 +1,27 @@
+export default Columns;
+declare function Columns({ getVisibleColumnsCount, filterString, columns, setColumnsObject, onSelectColumn, assistiveTextInstructionsLabel, assistiveTextDisabledInstructionsLabel, selectAllLabel, }: {
+    getVisibleColumnsCount: any;
+    filterString: any;
+    columns: any;
+    setColumnsObject: any;
+    onSelectColumn: any;
+    assistiveTextInstructionsLabel: any;
+    assistiveTextDisabledInstructionsLabel: any;
+    selectAllLabel: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Columns {
+    namespace propTypes {
+        let assistiveTextDisabledInstructionsLabel: PropTypes.Requireable<string>;
+        let assistiveTextInstructionsLabel: PropTypes.Requireable<string>;
+        let columns: PropTypes.Validator<any[]>;
+        let disabledInstructionsLabel: PropTypes.Requireable<string>;
+        let filterString: PropTypes.Validator<string>;
+        let getVisibleColumnsCount: PropTypes.Validator<(...args: any[]) => any>;
+        let instructionsLabel: PropTypes.Requireable<string>;
+        let onSelectColumn: PropTypes.Validator<(...args: any[]) => any>;
+        let selectAllLabel: PropTypes.Requireable<string>;
+        let setColumnStatus: PropTypes.Requireable<(...args: any[]) => any>;
+        let setColumnsObject: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

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

@@ -1,20 +1,20 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /**
- * Copyright IBM Corp. 2022, 2023
+ * Copyright IBM Corp. 2020, 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, { useRef } from 'react';
-import PropTypes from 'prop-types';
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef } from 'react';
+import PropTypes from '../../../../../node_modules/prop-types/index.js';
 import { Checkbox } from '@carbon/react';
 import update from 'immutability-helper';
-import { pkg } from '../../../../../settings';
-import cx from 'classnames';
-import { DraggableItemsList } from './DraggableItemsList';
-import uuidv4 from '../../../../../global/js/utils/uuidv4';
+import { pkg } from '../../../../../settings.js';
+import cx from '../../../../../node_modules/classnames/index.js';
+import { DraggableItemsList } from './DraggableItemsList.js';
+import uuidv4 from '../../../../../global/js/utils/uuidv4.js';
+
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var Columns = function Columns(_ref) {
   var getVisibleColumnsCount = _ref.getVisibleColumnsCount,
@@ -27,45 +27,48 @@ var Columns = function Columns(_ref) {
     selectAllLabel = _ref.selectAllLabel;
   var listId = useRef(uuidv4()); // keep id between renders
   var listRef = useRef(null);
-  var _React$useState = React.useState(''),
+  var _React$useState = React__default.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     ariaRegionText = _React$useState2[0],
     setAriaRegionText = _React$useState2[1];
   // after a drag/drop action set the columns
-  var moveElement = React.useCallback(function (from, to) {
+  var moveElement = React__default.useCallback(function (from, to) {
     var fromCol = columns[from];
     setColumnsObject(update(columns, {
       $splice: [[from, 1], [to, 0, fromCol]]
     }));
   }, [columns, setColumnsObject]);
-  return /*#__PURE__*/React.createElement("div", {
+  var filteredStickyColumn = columns === null || columns === void 0 ? void 0 : columns.filter(function (item) {
+    return !item.sticky;
+  });
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__customize-columns-column-list"),
     ref: listRef
-  }, /*#__PURE__*/React.createElement("ol", {
+  }, /*#__PURE__*/React__default.createElement("ol", {
     className: "".concat(blockClass, "__customize-columns-column-list--focus"),
     role: "listbox",
     "aria-describedby": "".concat(blockClass, "__customize-columns--instructions"),
     tabIndex: 0
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     "aria-live": "assertive",
     className: "".concat(blockClass, "__shared-ui--assistive-text")
-  }, ariaRegionText), /*#__PURE__*/React.createElement("span", {
+  }, ariaRegionText), /*#__PURE__*/React__default.createElement("span", {
     id: "".concat(blockClass, "__customize-columns--instructions"),
     className: "".concat(blockClass, "__shared-ui--assistive-text")
-  }, filterString.length === 0 ? assistiveTextInstructionsLabel : assistiveTextDisabledInstructionsLabel), /*#__PURE__*/React.createElement("div", {
+  }, filterString.length === 0 ? assistiveTextInstructionsLabel : assistiveTextDisabledInstructionsLabel), /*#__PURE__*/React__default.createElement("div", {
     id: "".concat(blockClass, "__customize-columns-select-all"),
     className: cx("".concat(blockClass, "__customize-columns-select-all"), _defineProperty({}, "".concat(blockClass, "__customize-columns-select-all--selected"), getVisibleColumnsCount() > 0)),
     selected: getVisibleColumnsCount() > 0
-  }, /*#__PURE__*/React.createElement(Checkbox, {
+  }, /*#__PURE__*/React__default.createElement(Checkbox, {
     className: "".concat(blockClass, "__customize-columns-checkbox-wrapper"),
     checked: getVisibleColumnsCount() === columns.length,
     indeterminate: getVisibleColumnsCount() < columns.length && getVisibleColumnsCount() > 0,
     onChange: function onChange() {
-      onSelectColumn(columns, getVisibleColumnsCount() !== columns.length);
+      onSelectColumn(filteredStickyColumn, getVisibleColumnsCount() !== columns.length);
     },
     id: "".concat(blockClass, "__customization-column-select-all"),
     labelText: selectAllLabel
-  })), /*#__PURE__*/React.createElement(DraggableItemsList, {
+  })), /*#__PURE__*/React__default.createElement(DraggableItemsList, {
     id: listId.current,
     columns: columns,
     filterString: filterString,
@@ -87,4 +90,6 @@ Columns.propTypes = {
   setColumnStatus: PropTypes.func,
   setColumnsObject: PropTypes.func.isRequired
 };
-export default Columns;
+var Columns$1 = Columns;
+
+export { Columns$1 as default };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.d.ts

@@ -0,0 +1,36 @@
+export default CustomizeColumnsTearsheet;
+declare function CustomizeColumnsTearsheet({ isOpen, setIsTearsheetOpen, onSaveColumnPrefs, columnDefinitions, originalColumnDefinitions, customizeTearsheetHeadingLabel, primaryButtonTextLabel, secondaryButtonTextLabel, instructionsLabel, findColumnPlaceholderLabel, resetToDefaultLabel, assistiveTextInstructionsLabel, assistiveTextDisabledInstructionsLabel, selectAllLabel, }: {
+    isOpen: any;
+    setIsTearsheetOpen: any;
+    onSaveColumnPrefs: any;
+    columnDefinitions: any;
+    originalColumnDefinitions: any;
+    customizeTearsheetHeadingLabel?: string | undefined;
+    primaryButtonTextLabel?: string | undefined;
+    secondaryButtonTextLabel?: string | undefined;
+    instructionsLabel?: string | undefined;
+    findColumnPlaceholderLabel?: string | undefined;
+    resetToDefaultLabel?: string | undefined;
+    assistiveTextInstructionsLabel?: string | undefined;
+    assistiveTextDisabledInstructionsLabel?: string | undefined;
+    selectAllLabel?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace CustomizeColumnsTearsheet {
+    namespace propTypes {
+        let assistiveTextDisabledInstructionsLabel: PropTypes.Requireable<string>;
+        let assistiveTextInstructionsLabel: PropTypes.Requireable<string>;
+        let columnDefinitions: PropTypes.Validator<any[]>;
+        let customizeTearsheetHeadingLabel: PropTypes.Requireable<string>;
+        let findColumnPlaceholderLabel: PropTypes.Requireable<string>;
+        let instructionsLabel: PropTypes.Requireable<string>;
+        let isOpen: PropTypes.Validator<boolean>;
+        let onSaveColumnPrefs: PropTypes.Validator<(...args: any[]) => any>;
+        let originalColumnDefinitions: PropTypes.Validator<any[]>;
+        let primaryButtonTextLabel: PropTypes.Requireable<string>;
+        let resetToDefaultLabel: PropTypes.Requireable<string>;
+        let secondaryButtonTextLabel: PropTypes.Requireable<string>;
+        let selectAllLabel: PropTypes.Requireable<string>;
+        let setIsTearsheetOpen: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js

@@ -1,22 +1,19 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
- * Copyright IBM Corp. 2022, 2023
+ * Copyright IBM Corp. 2020, 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, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { isColumnVisible } from './common';
-import { TearsheetNarrow } from '../../../../Tearsheet';
-import Columns from './Columns';
-import Actions from './Actions';
-import { pkg } from '../../../../../settings';
-import { useCallback } from 'react';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState, useCallback, useEffect } from 'react';
+import PropTypes from '../../../../../node_modules/prop-types/index.js';
+import { isColumnVisible } from './common.js';
+import Columns from './Columns.js';
+import Actions from './Actions.js';
+import { pkg } from '../../../../../settings.js';
+import { TearsheetNarrow } from '../../../../Tearsheet/TearsheetNarrow.js';
+
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
   var isOpen = _ref.isOpen,
@@ -90,8 +87,8 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
   };
   var onCheckboxCheck = function onCheckboxCheck(col, value) {
     var changedDefinitions = columnObjects.map(function (definition) {
-      if (Array.isArray(col) && col.indexOf(definition) != null || definition.id === col.id) {
-        return _objectSpread(_objectSpread({}, definition), {}, {
+      if (Array.isArray(col) && col.indexOf(definition) != -1 || definition.id === col.id) {
+        return _objectSpread2(_objectSpread2({}, definition), {}, {
           isVisible: value
         });
       }
@@ -115,7 +112,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     setVisibleColumnsCount(getVisibleColumnsCount());
     setTotalColumns(columnObjects.length);
   }, [getVisibleColumnsCount, columnObjects.length]);
-  return /*#__PURE__*/React.createElement(TearsheetNarrow, {
+  return /*#__PURE__*/React__default.createElement(TearsheetNarrow, {
     className: "".concat(blockClass, "__customize-columns-tearsheet"),
     open: isOpen,
     title: "".concat(customizeTearsheetHeadingLabel, " (").concat(visibleColumnsCount, "/").concat(totalColumns, ")"),
@@ -130,7 +127,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
       onClick: onRequestSubmit,
       disabled: !isDirty
     }]
-  }, /*#__PURE__*/React.createElement(Actions, {
+  }, /*#__PURE__*/React__default.createElement(Actions, {
     columns: columnObjects,
     originalColumnDefinitions: originalColumnDefinitions,
     searchText: searchText,
@@ -141,7 +138,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     setSearchText: setSearchText,
     findColumnPlaceholderLabel: findColumnPlaceholderLabel,
     resetToDefaultLabel: resetToDefaultLabel
-  }), isOpen && /*#__PURE__*/React.createElement(Columns, {
+  }), isOpen && /*#__PURE__*/React__default.createElement(Columns, {
     assistiveTextInstructionsLabel: assistiveTextInstructionsLabel,
     assistiveTextDisabledInstructionsLabel: assistiveTextDisabledInstructionsLabel,
     getVisibleColumnsCount: getVisibleColumnsCount,
@@ -171,4 +168,6 @@ CustomizeColumnsTearsheet.propTypes = {
   selectAllLabel: PropTypes.string,
   setIsTearsheetOpen: PropTypes.func.isRequired
 };
-export default CustomizeColumnsTearsheet;
+var CustomizeColumnsTearsheet$1 = CustomizeColumnsTearsheet;
+
+export { CustomizeColumnsTearsheet$1 as default };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.d.ts

@@ -0,0 +1,18 @@
+export function DraggableItemsList({ columns, filterString, id, moveElement, onSelectColumn, setAriaRegionText, }: {
+    columns: any;
+    filterString: any;
+    id: any;
+    moveElement: any;
+    onSelectColumn: any;
+    setAriaRegionText: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace DraggableItemsList {
+    namespace propTypes {
+        let columns: any;
+        let filterString: any;
+        let id: any;
+        let moveElement: any;
+        let onSelectColumn: any;
+        let setAriaRegionText: any;
+    }
+}

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

@@ -1,28 +1,26 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
- * Copyright IBM Corp. 2023, 2023
+ * Copyright IBM Corp. 2020, 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';
+import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { p as propTypesExports } from '../../../../../node_modules/prop-types/index.js';
 import { Checkbox } from '@carbon/react';
-import { isColumnVisible } from './common';
-import DraggableElement from '../../DraggableElement';
-import { pkg } from '../../../../../settings';
-import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from '@dnd-kit/core';
+import { isColumnVisible } from './common.js';
+import DraggableElement from '../../DraggableElement.js';
+import { pkg } from '../../../../../settings.js';
+import { useSensor, PointerSensor, KeyboardSensor, useSensors, DndContext, closestCenter } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { getNodeTextContent } from '../../../../../global/js/utils/getNodeTextContent';
+import { getNodeTextContent } from '../../../../../global/js/utils/getNodeTextContent.js';
+
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var matchedColsById = function matchedColsById(col1, col2) {
   return col1 && col2 && col1.id === col2.id;
 };
-export var DraggableItemsList = function DraggableItemsList(_ref) {
+var DraggableItemsList = function DraggableItemsList(_ref) {
   var columns = _ref.columns,
     filterString = _ref.filterString,
     id = _ref.id,
@@ -122,15 +120,13 @@ export var DraggableItemsList = function DraggableItemsList(_ref) {
           // ignore right and left
           return currentCoordinates;
         case 'ArrowUp':
-          return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
+          return _objectSpread2(_objectSpread2({}, currentCoordinates), {}, {
             y: currentCoordinates.y - delta
           });
         case 'ArrowDown':
-          return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
+          return _objectSpread2(_objectSpread2({}, currentCoordinates), {}, {
             y: currentCoordinates.y + delta
           });
-        case 'Space':
-          break;
       }
     }
   });
@@ -143,22 +139,22 @@ export var DraggableItemsList = function DraggableItemsList(_ref) {
       return false;
     }
   };
-  return /*#__PURE__*/React.createElement(DndContext, {
+  return /*#__PURE__*/React__default.createElement(DndContext, {
     collisionDetection: closestCenter,
     onDragEnd: handleDragEnd,
     onDragStart: handleDragStart,
     onDragMove: handleDragUpdate,
     sensors: sensors
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__draggable-underlay"),
     "aria-hidden": "true",
     key: "draggable-underlay-".concat(id)
   }, visibleCols.map(function (colDef) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(blockClass, "__draggable-underlay-item"),
       key: colDef.id
     });
-  })), /*#__PURE__*/React.createElement(SortableContext, {
+  })), /*#__PURE__*/React__default.createElement(SortableContext, {
     items: updatedDragCols,
     strategy: verticalListSortingStrategy
   }, visibleCols.map(function (colDef) {
@@ -168,7 +164,7 @@ export var DraggableItemsList = function DraggableItemsList(_ref) {
     var firstWord = res !== null ? res[0] === '' ? res[1].charAt(0).toUpperCase() + res[1].substring(1) : res[0].charAt(0).toUpperCase() + res[0].substring(1) : null;
     var highlightedText = res !== null ? res[0] === '' ? "<strong>".concat(firstWord, "</strong>") + res[2] : firstWord + "<strong>".concat(res[1], "</strong>") + res[2] : colHeaderTitle;
     var isFrozenColumn = !!colDef.sticky;
-    var listContents = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
+    var listContents = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Checkbox, {
       checked: isColumnVisible(colDef),
       disabled: isFrozenColumn,
       onChange: function onChange(_, _ref2) {
@@ -183,13 +179,13 @@ export var DraggableItemsList = function DraggableItemsList(_ref) {
       onKeyDown: function onKeyDown(event) {
         return handleCheckboxKeydown(event, colDef);
       }
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/React__default.createElement("div", {
       dangerouslySetInnerHTML: {
         __html: highlightedText
       },
       className: "".concat(blockClass, "__customize-columns-checkbox-visible-label")
     }));
-    return /*#__PURE__*/React.createElement(DraggableElement, {
+    return /*#__PURE__*/React__default.createElement(DraggableElement, {
       classList: draggableClass,
       key: colDef.id,
       id: colDef.id,
@@ -201,10 +197,12 @@ export var DraggableItemsList = function DraggableItemsList(_ref) {
   }))));
 };
 DraggableItemsList.propTypes = {
-  columns: PropTypes.array.isRequired,
-  filterString: PropTypes.string.isRequired,
-  id: PropTypes.string.isRequired,
-  moveElement: PropTypes.func.isRequired,
-  onSelectColumn: PropTypes.func.isRequired,
-  setAriaRegionText: PropTypes.func.isRequired
-};
+  columns: propTypesExports.PropTypes.array.isRequired,
+  filterString: propTypesExports.PropTypes.string.isRequired,
+  id: propTypesExports.PropTypes.string.isRequired,
+  moveElement: propTypesExports.PropTypes.func.isRequired,
+  onSelectColumn: propTypesExports.PropTypes.func.isRequired,
+  setAriaRegionText: propTypesExports.PropTypes.func.isRequired
+};
+
+export { DraggableItemsList };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.d.ts

@@ -0,0 +1,10 @@
+export default TearsheetWrapper;
+declare function TearsheetWrapper({ instance }: {
+    instance: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TearsheetWrapper {
+    namespace propTypes {
+        let instance: PropTypes.Validator<object>;
+    }
+}
+import PropTypes from 'prop-types';

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js

@@ -1,15 +1,16 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onSaveColumnPrefs", "isTearsheetOpen", "setIsTearsheetOpen", "labels"];
-/* Copyright IBM Corp. 2022, 2022
+/**
+ * Copyright IBM Corp. 2020, 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
-import PropTypes from 'prop-types';
-import CustomizeColumnsTearsheet from './CustomizeColumnsTearsheet';
+import PropTypes from '../../../../../node_modules/prop-types/index.js';
+import CustomizeColumnsTearsheet from './CustomizeColumnsTearsheet.js';
+
+var _excluded = ["onSaveColumnPrefs", "isTearsheetOpen", "setIsTearsheetOpen", "labels"];
 var TearsheetWrapper = function TearsheetWrapper(_ref) {
   var instance = _ref.instance;
   var _instance$customizeCo = instance.customizeColumnsProps,
@@ -47,4 +48,6 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
 TearsheetWrapper.propTypes = {
   instance: PropTypes.object.isRequired
 };
-export default TearsheetWrapper;
+var CustomizeColumnsTearsheetWrapper = TearsheetWrapper;
+
+export { CustomizeColumnsTearsheetWrapper as default };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.d.ts

@@ -0,0 +1 @@
+export function isColumnVisible(colDef: any): any;

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js

@@ -1,4 +1,12 @@
-// @flow
+/**
+ * Copyright IBM Corp. 2020, 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 isBoolean from 'lodash/isBoolean';
+
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -6,8 +14,8 @@
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
-
-import isBoolean from 'lodash/isBoolean';
-export var isColumnVisible = function isColumnVisible(colDef) {
+var isColumnVisible = function isColumnVisible(colDef) {
   return isBoolean(colDef.isVisible) ? colDef.isVisible : true;
-};
+};
+
+export { isColumnVisible };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CustomizeColumnsTearsheetWrapper } from "./TearsheetWrapper";
+export { default as ToggleButtonWrapper } from "./ButtonWrapper";

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.d.ts

@@ -0,0 +1,42 @@
+export default FilterFlyout;
+declare function FilterFlyout({ updateMethod, flyoutIconDescription, filters, title, primaryActionLabel, onFlyoutOpen, onFlyoutClose, onApply, onCancel, secondaryActionLabel, setAllFilters, data, reactTableFiltersState, }: {
+    updateMethod: any;
+    flyoutIconDescription?: string | undefined;
+    filters?: any[] | undefined;
+    title?: string | undefined;
+    primaryActionLabel?: string | undefined;
+    onFlyoutOpen?: (() => void) | undefined;
+    onFlyoutClose?: (() => void) | undefined;
+    onApply?: (() => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    secondaryActionLabel?: string | undefined;
+    setAllFilters: any;
+    data?: any[] | undefined;
+    reactTableFiltersState?: any[] | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace FilterFlyout {
+    namespace propTypes {
+        let data: PropTypes.Validator<any[]>;
+        let filters: PropTypes.Validator<(PropTypes.InferProps<{
+            type: PropTypes.Validator<string>;
+            column: PropTypes.Validator<string>;
+            props: PropTypes.Validator<object>;
+        }> | null | undefined)[]>;
+        let flyoutIconDescription: PropTypes.Requireable<string>;
+        let onApply: PropTypes.Requireable<(...args: any[]) => any>;
+        let onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        let onFlyoutClose: PropTypes.Requireable<(...args: any[]) => any>;
+        let onFlyoutOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        let primaryActionLabel: PropTypes.Requireable<string>;
+        let reactTableFiltersState: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Validator<string>;
+            type: PropTypes.Validator<string>;
+            value: PropTypes.Validator<any>;
+        }> | null | undefined)[]>;
+        let secondaryActionLabel: PropTypes.Requireable<string>;
+        let setAllFilters: PropTypes.Validator<(...args: any[]) => any>;
+        let title: PropTypes.Requireable<string>;
+        let updateMethod: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from 'prop-types';