@carbon/ibm-products 2.89.0 → 2.90.0

package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js

@@ -10,13 +10,12 @@ import { require_classnames } from "../../../node_modules/classnames/index.js";
 import { pkg } from "../../../settings.js";
 import { getNodeTextContent } from "../../../global/js/utils/getNodeTextContent.js";
 import { handleColumnResizeEndEvent, handleColumnResizingEvent } from "./addons/stateReducer.js";
-import { selectionColumnId } from "../common-column-ids.js";
+import "../common-column-ids.js";
 import { DatagridAILabel } from "./addons/AiLabel/DatagridAiLabel.js";
 import { useInitialColumnSort } from "../useInitialColumnSort.js";
 import React, { isValidElement, useEffect, useState } from "react";
 import { TableHeader, TableRow } from "@carbon/react";
 import { px } from "@carbon/layout";
-
 //#region src/components/Datagrid/Datagrid/DatagridHeaderRow.tsx
 /**
 * Copyright IBM Corp. 2020, 2024
@@ -130,7 +129,7 @@ const HeaderRow = (datagridState, headRef, headerGroup) => {
 		scope: "col",
 		"aria-hidden": "false"
 	}) : null, datagridState?.headers?.filter(({ isVisible }) => isVisible)?.map((header, index) => {
-		if (header.id === selectionColumnId) return header.render("Header", { key: header.id });
+		if (header.id === "datagridSelection") return header.render("Header", { key: header.id });
 		const { minWidth } = header || 50;
 		const { visibleColumns, state, dispatch, onColResizeEnd } = datagridState;
 		const { columnResizing } = state;
@@ -182,6 +181,5 @@ const useHeaderRow = (hooks) => {
 	};
 	hooks.useInstance.push(useInstance);
 };
-
 //#endregion
-export { useHeaderRow as default };
+export { useHeaderRow as default };

package/es/components/Datagrid/Datagrid/DatagridRefBody.js

@@ -9,7 +9,6 @@ import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
 import { require_classnames } from "../../../node_modules/classnames/index.js";
 import { pkg } from "../../../settings.js";
 import React from "react";
-
 //#region src/components/Datagrid/Datagrid/DatagridRefBody.tsx
 /**
 * Copyright IBM Corp. 2024
@@ -34,6 +33,5 @@ const DatagridRefBody = (datagridState) => {
 		});
 	}));
 };
-
 //#endregion
-export { DatagridRefBody as default };
+export { DatagridRefBody as default };

package/es/components/Datagrid/Datagrid/DatagridRow.js

@@ -8,12 +8,11 @@
 import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
 import { require_classnames } from "../../../node_modules/classnames/index.js";
 import { pkg } from "../../../settings.js";
-import { selectionColumnId } from "../common-column-ids.js";
+import "../common-column-ids.js";
 import { DatagridAILabel } from "./addons/AiLabel/DatagridAiLabel.js";
 import React, { isValidElement } from "react";
 import { SkeletonText, TableCell, TableRow, usePrefix } from "@carbon/react";
 import { px } from "@carbon/layout";
-
 //#region src/components/Datagrid/Datagrid/DatagridRow.tsx
 /**
 * Copyright IBM Corp. 2020, 2025
@@ -110,7 +109,7 @@ const DatagridRow = (datagridState) => {
 		const { style, children, ...restProps } = cell.getCellProps({ role: void 0 });
 		const columnClassname = cell?.column?.className;
 		const content = children || /* @__PURE__ */ React.createElement(React.Fragment, null, !row.isSkeleton && cell.render("Cell"), row.isSkeleton && /* @__PURE__ */ React.createElement(SkeletonText, null));
-		if (cell?.column?.id === selectionColumnId) return cell.render("Cell", { key: cell.column.id });
+		if (cell?.column?.id === "datagridSelection") return cell.render("Cell", { key: cell.column.id });
 		const associatedHeader = headers?.filter((h) => h.id === cell.column.id);
 		const lastVisibleIndex = withActionsColumn ? 2 : 1;
 		const lastVisibleFlexStyle = index === visibleColumns.length - lastVisibleIndex ? "1 0 auto" : "0 0 auto";
@@ -128,6 +127,5 @@ const DatagridRow = (datagridState) => {
 		}, content);
 	})), renderExpandedRow?.() || void 0);
 };
-
 //#endregion
-export { DatagridRow as default };
+export { DatagridRow as default };

package/es/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -12,7 +12,6 @@ import { useIsomorphicEffect } from "../../../global/js/hooks/useIsomorphicEffec
 import { handleOnPageSelectAllRowData, handleSelectAllRowData } from "./addons/stateReducer.js";
 import React, { useCallback, useState } from "react";
 import { TableSelectAll } from "@carbon/react";
-
 //#region src/components/Datagrid/Datagrid/DatagridSelectAll.tsx
 /**
 * Copyright IBM Corp. 2020, 2023
@@ -97,6 +96,5 @@ const SelectAll = (datagridState) => {
 		id: `${tableId}-select-all-checkbox-id`
 	});
 };
-
 //#endregion
-export { SelectAll };
+export { SelectAll };

package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js

@@ -13,7 +13,6 @@ import React, { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import { Checkbox, OverflowMenu, OverflowMenuItem } from "@carbon/react";
 import { CaretDown } from "@carbon/react/icons";
-
 //#region src/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.tsx
 /**
 * Copyright IBM Corp. 2020, 2023
@@ -103,6 +102,5 @@ SelectAllWithToggle.propTypes = {
 	tableId: PropTypes.string.isRequired,
 	withStickyColumn: PropTypes.bool
 };
-
 //#endregion
-export { SelectAllWithToggle as default };
+export { SelectAllWithToggle as default };

package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js

@@ -10,7 +10,6 @@ import { require_classnames } from "../../../node_modules/classnames/index.js";
 import { pkg } from "../../../settings.js";
 import React from "react";
 import { TableBody } from "@carbon/react";
-
 //#region src/components/Datagrid/Datagrid/DatagridSimpleBody.tsx
 /**
 * Copyright IBM Corp. 2024
@@ -36,6 +35,5 @@ const DatagridSimpleBody = (datagridState) => {
 		});
 	}));
 };
-
 //#endregion
-export { DatagridSimpleBody as default };
+export { DatagridSimpleBody as default };

package/es/components/Datagrid/Datagrid/DatagridToolbar.js

@@ -13,7 +13,6 @@ import { handleSelectAllRowData } from "./addons/stateReducer.js";
 import React, { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { MenuButton, MenuItem, TableBatchAction, TableBatchActions, TableToolbar, usePrefix } from "@carbon/react";
-
 //#region src/components/Datagrid/Datagrid/DatagridToolbar.tsx
 /**
 * Copyright IBM Corp. 2021, 2025
@@ -140,6 +139,5 @@ const DatagridToolbar = ({ ariaToolbarLabel, ...datagridState }) => {
 	}, /* @__PURE__ */ React.createElement(TableToolbar, { "aria-label": ariaToolbarLabel }, DatagridActions && /* @__PURE__ */ React.createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar?.(datagridState, width, ref))) : DatagridActions ? /* @__PURE__ */ React.createElement("div", { className: blockClass }, /* @__PURE__ */ React.createElement(TableToolbar, { "aria-label": ariaToolbarLabel }, DatagridActions && /* @__PURE__ */ React.createElement(DatagridActions, datagridState), DatagridBatchActions?.(datagridState))) : null;
 };
 DatagridToolbar.propTypes = { ariaToolbarLabel: PropTypes.string };
-
 //#endregion
-export { DatagridToolbar as default };
+export { DatagridToolbar as default };

package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js

@@ -12,7 +12,6 @@ import DatagridHead from "./DatagridHead.js";
 import React, { useEffect, useRef } from "react";
 import { TableBody } from "@carbon/react";
 import { VariableSizeList } from "react-window";
-
 //#region src/components/Datagrid/Datagrid/DatagridVirtualBody.tsx
 /**
 * Copyright IBM Corp. 2020, 2024
@@ -111,6 +110,5 @@ const DatagridVirtualBody = (datagridState) => {
 		}));
 	})));
 };
-
 //#endregion
-export { DatagridVirtualBody as default };
+export { DatagridVirtualBody as default };

package/es/components/Datagrid/Datagrid/DraggableElement.js

@@ -13,7 +13,6 @@ import PropTypes from "prop-types";
 import { Draggable, Locked } from "@carbon/react/icons";
 import { CSS } from "@dnd-kit/utilities";
 import { useSortable } from "@dnd-kit/sortable";
-
 //#region src/components/Datagrid/Datagrid/DraggableElement.tsx
 /**
 * Copyright IBM Corp. 2024
@@ -66,6 +65,5 @@ DraggableElement.propTypes = {
 	isSticky: PropTypes.bool,
 	selected: PropTypes.bool
 };
-
 //#endregion
-export { DraggableElement as default };
+export { DraggableElement as default };

package/es/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.js

@@ -7,7 +7,6 @@
 
 import React, { forwardRef, isValidElement } from "react";
 import PropTypes from "prop-types";
-
 //#region src/components/Datagrid/Datagrid/addons/AiLabel/DatagridAiLabel.tsx
 /**
 * Copyright IBM Corp. 2024, 2024
@@ -22,7 +21,10 @@ const DatagridAILabel = forwardRef(({ aiLabel }, ref) => {
 	});
 	return null;
 });
-DatagridAILabel.propTypes = { aiLabel: PropTypes.node };
-
+DatagridAILabel.propTypes = { 
+/**
+* Specify the AI AILabel to be displayed
+*/
+aiLabel: PropTypes.node };
 //#endregion
-export { DatagridAILabel };
+export { DatagridAILabel };

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

@@ -9,7 +9,6 @@ import { pkg } from "../../../../../settings.js";
 import * as React$1 from "react";
 import PropTypes from "prop-types";
 import { Search } from "@carbon/react";
-
 //#region src/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.jsx
 /**
 * Copyright IBM Corp. 2022, 2023
@@ -38,6 +37,5 @@ Actions.propTypes = {
 	setColumnsObject: PropTypes.func.isRequired,
 	setSearchText: PropTypes.func.isRequired
 };
-
 //#endregion
-export { Actions as default };
+export { Actions as default };

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

@@ -10,7 +10,6 @@ import * as React$1 from "react";
 import PropTypes from "prop-types";
 import { Button } from "@carbon/react";
 import { Column as Column$1 } from "@carbon/react/icons";
-
 //#region src/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.tsx
 /**
 * Copyright IBM Corp. 2022, 2024
@@ -42,6 +41,5 @@ ButtonWrapper.propTypes = {
 	onClick: PropTypes.func.isRequired,
 	setIsTearsheetOpen: PropTypes.func.isRequired
 };
-
 //#endregion
-export { ButtonWrapper as default };
+export { ButtonWrapper as default };

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

@@ -13,7 +13,6 @@ import { DraggableItemsList } from "./DraggableItemsList.js";
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
 import { Checkbox } from "@carbon/react";
-
 //#region src/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.jsx
 /**
 * Copyright IBM Corp. 2022, 2025
@@ -86,6 +85,5 @@ Columns.propTypes = {
 	setColumnStatus: PropTypes.func,
 	setColumnsObject: PropTypes.func.isRequired
 };
-
 //#endregion
-export { Columns as default };
+export { Columns as default };

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

@@ -11,7 +11,6 @@ import Columns from "./Columns.js";
 import Actions from "./Actions.js";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
-
 //#region src/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.jsx
 /**
 * Copyright IBM Corp. 2022, 2024
@@ -137,6 +136,5 @@ CustomizeColumnsTearsheet.propTypes = {
 	selectAllLabel: PropTypes.string,
 	setIsTearsheetOpen: PropTypes.func.isRequired
 };
-
 //#endregion
-export { CustomizeColumnsTearsheet as default };
+export { CustomizeColumnsTearsheet as default };

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

@@ -16,7 +16,6 @@ import { Checkbox } from "@carbon/react";
 import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { restrictToParentElement, restrictToVerticalAxis } from "@dnd-kit/modifiers";
-
 //#region src/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.jsx
 /**
 * Copyright IBM Corp. 2023, 2023
@@ -137,6 +136,5 @@ DraggableItemsList.propTypes = {
 	onSelectColumn: PropTypes$1.func.isRequired,
 	setAriaRegionText: PropTypes$1.func.isRequired
 };
-
 //#endregion
-export { DraggableItemsList };
+export { DraggableItemsList };

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

@@ -9,7 +9,6 @@ import { InlineEditContext } from "../InlineEdit/InlineEditContext/InlineEditCon
 import CustomizeColumnsTearsheet from "./CustomizeColumnsTearsheet.js";
 import React, { useContext, useEffect } from "react";
 import PropTypes from "prop-types";
-
 //#region src/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.jsx
 const TearsheetWrapper = ({ instance, launcherButtonRef }) => {
 	const { onSaveColumnPrefs, isTearsheetOpen, setIsTearsheetOpen, labels, ...rest } = instance.customizeColumnsProps;
@@ -38,6 +37,5 @@ const TearsheetWrapper = ({ instance, launcherButtonRef }) => {
 	});
 };
 TearsheetWrapper.propTypes = { instance: PropTypes.object.isRequired };
-
 //#endregion
-export { TearsheetWrapper as default };
+export { TearsheetWrapper as default };

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

@@ -13,6 +13,5 @@
 * LICENSE file in the root directory of this source tree.
 */
 const isColumnVisible = (colDef) => typeof colDef.isVisible === "boolean" ? colDef.isVisible : true;
-
 //#endregion
-export { isColumnVisible };
+export { isColumnVisible };

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

@@ -21,7 +21,6 @@ import PropTypes from "prop-types";
 import { IconButton, usePrefix } from "@carbon/react";
 import { Filter } from "@carbon/react/icons";
 import { breakpoints, px } from "@carbon/layout";
-
 //#region src/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.jsx
 /**
 * Copyright IBM Corp. 2022, 2024
@@ -177,29 +176,70 @@ const FilterFlyout = ({ updateMethod, flyoutIconDescription = defaults.flyoutIco
 	}, renderFilters())), renderActionSet()));
 };
 FilterFlyout.propTypes = {
+	/**
+	* Tooltip alignment for the filter button
+	*/
 	align: PropTypes.string,
+	/**
+	* All data rows in the table
+	*/
 	data: PropTypes.array.isRequired,
+	/**
+	* Array of filters to render
+	*/
 	filters: PropTypes.arrayOf(PropTypes.shape({
 		type: PropTypes.string.isRequired,
 		column: PropTypes.string.isRequired,
 		props: PropTypes.object.isRequired
 	})).isRequired,
+	/**
+	* Icon description for the filter flyout button
+	*/
 	flyoutIconDescription: PropTypes.string,
+	/**
+	* Callback when the apply button is clicked
+	*/
 	onApply: PropTypes.func,
+	/**
+	* Callback when the cancel button is clicked
+	*/
 	onCancel: PropTypes.func,
+	/**
+	* Callback when the flyout closes
+	*/
 	onFlyoutClose: PropTypes.func,
+	/**
+	* Callback when the flyout opens
+	*/
 	onFlyoutOpen: PropTypes.func,
+	/**
+	* Label text of the primary action in the flyout
+	*/
 	primaryActionLabel: PropTypes.string,
+	/**
+	* Filters from react table's state
+	*/
 	reactTableFiltersState: PropTypes.arrayOf(PropTypes.shape({
 		id: PropTypes.string.isRequired,
 		type: PropTypes.string.isRequired,
 		value: PropTypes.any.isRequired
 	})),
+	/**
+	* Label text of the secondary action in the flyout
+	*/
 	secondaryActionLabel: PropTypes.string,
+	/**
+	* Function that sets all the filters, this comes from the datagridState
+	*/
 	setAllFilters: PropTypes.func.isRequired,
+	/**
+	* Title of the filter flyout
+	*/
 	title: PropTypes.string,
+	/**
+	* The update method used to apply the filters
+	*/
 	updateMethod: PropTypes.oneOf([BATCH, INSTANT]).isRequired
 };
-
 //#endregion
-export { FilterFlyout as default };
+export { FilterFlyout as default };

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

@@ -22,7 +22,6 @@ import PropTypes from "prop-types";
 import { Accordion, AccordionItem, Button, Layer, Search } from "@carbon/react";
 import { Close } from "@carbon/react/icons";
 import { rem } from "@carbon/layout";
-
 //#region src/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.jsx
 /**
 * Copyright IBM Corp. 2022, 2024
@@ -31,8 +30,7 @@ import { rem } from "@carbon/layout";
 * LICENSE file in the root directory of this source tree.
 */
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
-const blockClass = `${pkg.prefix}--datagrid`;
-const componentClass = `${blockClass}-filter-panel`;
+const componentClass = `${`${pkg.prefix}--datagrid`}-filter-panel`;
 const defaults = {
 	title: "Filter",
 	closeIconDescription: "Close filter panel",
@@ -148,7 +146,7 @@ const FilterPanel = ({ title = defaults.title, closeIconDescription = defaults.c
 		const filterHeadingHeight = filterHeadingRef.current?.getBoundingClientRect().height;
 		const filterSearchHeight = filterSearchRef.current?.getBoundingClientRect().height;
 		const actionSetHeight = actionSetRef.current?.getBoundingClientRect().height;
-		return panelOpen ? `calc(100vh - ${filterHeadingHeight}px - ${showFilterSearch ? filterSearchHeight : 0}px - ${updateMethod === BATCH ? actionSetHeight : 0}px)` : 0;
+		return panelOpen ? `calc(100vh - ${filterHeadingHeight}px - ${showFilterSearch ? filterSearchHeight : 0}px - ${updateMethod === "batch" ? actionSetHeight : 0}px)` : 0;
 	}, [
 		filterHeadingRef,
 		filterSearchRef,
@@ -190,14 +188,19 @@ const FilterPanel = ({ title = defaults.title, closeIconDescription = defaults.c
 		tooltipPosition: "bottom",
 		tooltipAlignment: "end",
 		onClick: closePanel
-	}), showFilterSearch && /* @__PURE__ */ React.createElement("div", {
-		ref: filterSearchRef,
-		className: `${componentClass}__search`
-	}, /* @__PURE__ */ React.createElement(Layer, null, /* @__PURE__ */ React.createElement(Search, {
-		labelText: searchLabelText,
-		placeholder: searchPlaceholder,
-		size: "sm"
-	})))), /* @__PURE__ */ React.createElement("div", {
+	}), showFilterSearch && /* @__PURE__ */ React.createElement(
+		"div",
+		/* istanbul ignore next */
+		{
+			ref: filterSearchRef,
+			className: `${componentClass}__search`
+		},
+		/* @__PURE__ */ React.createElement(Layer, null, /* @__PURE__ */ React.createElement(Search, {
+			labelText: searchLabelText,
+			placeholder: searchPlaceholder,
+			size: "sm"
+		}))
+	)), /* @__PURE__ */ React.createElement("div", {
 		className: `${componentClass}__inner-container`,
 		ref: innerContainerRef,
 		onScroll: onInnerContainerScroll
@@ -225,6 +228,9 @@ FilterPanel.propTypes = {
 	onPanelOpen: PropTypes.func,
 	open: PropTypes.bool,
 	primaryActionLabel: PropTypes.string,
+	/**
+	* Filters from react table's state
+	*/
 	reactTableFiltersState: PropTypes.arrayOf(PropTypes.shape({
 		id: PropTypes.string.isRequired,
 		type: PropTypes.string.isRequired,
@@ -238,6 +244,5 @@ FilterPanel.propTypes = {
 	title: PropTypes.string,
 	updateMethod: PropTypes.oneOf([BATCH, INSTANT])
 };
-
 //#endregion
-export { FilterPanel as default };
+export { FilterPanel as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js

@@ -5,10 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { CHECKBOX, CLEAR_SINGLE_FILTER, DATE, DROPDOWN, MULTISELECT, NUMBER, RADIO, SAVED_FILTERS } from "./constants.js";
+import { CLEAR_SINGLE_FILTER, SAVED_FILTERS } from "./constants.js";
 import React, { createContext, useReducer, useState } from "react";
 import PropTypes from "prop-types";
-
 //#region src/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.tsx
 /**
 * Copyright IBM Corp. 2022, 2024
@@ -30,8 +29,8 @@ const EventEmitter = {
 };
 const removeFilterItem = (state, index) => state.splice(index, 1);
 const updateFilterState = (state, type, value) => {
-	if (type === CHECKBOX || type === MULTISELECT) return;
-	if (type === DATE) return removeFilterItem(state, state.findIndex((val) => formatDateRange(val.value[0], val.value[1]) === formatDateRange(value[0], value[1])));
+	if (type === "checkbox" || type === "multiSelect") return;
+	if (type === "date") return removeFilterItem(state, state.findIndex((val) => formatDateRange(val.value[0], val.value[1]) === formatDateRange(value[0], value[1])));
 	return removeFilterItem(state, state.findIndex((val) => val.value === value));
 };
 const clearSingleFilter = ({ key, value, tableId }, setAllFilters, state, contextTableId) => {
@@ -42,7 +41,7 @@ const clearSingleFilter = ({ key, value, tableId }, setAllFilters, state, contex
 			const filterValues = f.value;
 			const filterType = f.type;
 			updateFilterState(tempState, filterType, value);
-			if (filterType === CHECKBOX || filterType === MULTISELECT) {
+			if (filterType === "checkbox" || filterType === "multiSelect") {
 				/**
 				When all checkboxes of a group are all unselected the value still exists in the filtersObjectArray
 				This checks if all the checkboxes are selected = false and removes it from the array
@@ -79,19 +78,19 @@ const prepareFiltersForTags = (filters, renderDateLabel, tableId) => {
 			filter: true,
 			onClose: () => handleSingleFilterRemoval(id, value, tableId)
 		};
-		if (type === DROPDOWN || type === RADIO || type === NUMBER) tags.push({
+		if (type === "dropdown" || type === "radio" || type === "number") tags.push({
 			key: id,
 			value,
 			...sharedFilterProps
 		});
-		else if (type === DATE) {
+		else if (type === "date") {
 			const [startDate, endDate] = value;
 			tags.push({
 				key: id,
 				value: renderDateLabel?.(startDate, endDate) ?? formatDateRange(startDate, endDate),
 				...sharedFilterProps
 			});
-		} else if (type === CHECKBOX || type === MULTISELECT) value.forEach((option) => {
+		} else if (type === "checkbox" || type === "multiSelect") value.forEach((option) => {
 			if (option.selected) tags.push({
 				key: id,
 				value: option.value,
@@ -136,6 +135,5 @@ FilterProvider.propTypes = {
 	filters: PropTypes.arrayOf(PropTypes.object).isRequired,
 	tableId: PropTypes.string
 };
-
 //#endregion
-export { FilterContext, FilterProvider, clearSingleFilter };
+export { FilterContext, FilterProvider, clearSingleFilter };

package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js

@@ -10,7 +10,6 @@ import { handleCheckboxChange } from "./handleCheckboxChange.js";
 import React, { useState } from "react";
 import PropTypes from "prop-types";
 import { Button, Checkbox, FormGroup } from "@carbon/react";
-
 //#region src/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.jsx
 /**
 * Copyright IBM Corp. 2023, 2024
@@ -59,6 +58,5 @@ OverflowCheckboxes.propTypes = {
 	viewAllLabel: PropTypes.string,
 	viewLessLabel: PropTypes.string
 };
-
 //#endregion
-export { OverflowCheckboxes as default };
+export { OverflowCheckboxes as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js

@@ -30,6 +30,5 @@ const CLEAR_FILTERS = "clearFilters";
 const CLEAR_SINGLE_FILTER = "clearSingleFilter";
 /** Constants for local reducer */
 const SAVED_FILTERS = "savedFilters";
-
 //#endregion
-export { BATCH, CHECKBOX, CLEAR_FILTERS, CLEAR_SINGLE_FILTER, DATE, DROPDOWN, FLYOUT, INSTANT, MULTISELECT, NUMBER, PANEL, RADIO, SAVED_FILTERS };
+export { BATCH, CHECKBOX, CLEAR_FILTERS, CLEAR_SINGLE_FILTER, DATE, DROPDOWN, FLYOUT, INSTANT, MULTISELECT, NUMBER, PANEL, RADIO, SAVED_FILTERS };

package/es/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js

@@ -30,6 +30,5 @@ const handleCheckboxChange = ({ checked, filtersState, column, option, setFilter
 	});
 	option.onChange?.(checked);
 };
-
 //#endregion
-export { handleCheckboxChange };
+export { handleCheckboxChange };

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js

@@ -7,7 +7,6 @@
 
 import { FilterContext } from "../FilterProvider.js";
 import { useContext } from "react";
-
 //#region src/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.ts
 /**
 * Copyright IBM Corp. 2023, 2024
@@ -20,6 +19,5 @@ const useFilterContext = () => {
 	if (Object.entries(context).length === 0) throw new Error("useFilterContext was used outside of its Provider");
 	return context;
 };
-
 //#endregion
-export { useFilterContext as default };
+export { useFilterContext as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -7,14 +7,13 @@
 
 import { usePreviousValue } from "../../../../../../global/js/hooks/usePreviousValue.js";
 import uuidv4 from "../../../../../../global/js/utils/uuidv4.js";
-import { BATCH, CHECKBOX, DATE, DROPDOWN, INSTANT, MULTISELECT, NUMBER, PANEL, RADIO } from "../constants.js";
+import { CHECKBOX, DATE, DROPDOWN, MULTISELECT, NUMBER, PANEL, RADIO } from "../constants.js";
 import { FilterContext } from "../FilterProvider.js";
 import { handleCheckboxChange } from "../handleCheckboxChange.js";
 import OverflowCheckboxes from "../OverflowCheckboxes.js";
 import { getInitialStateFromFilters } from "../utils.js";
 import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
 import { Checkbox, DatePicker, DatePickerInput, Dropdown, FormGroup, Layer, MultiSelect, NumberInput, RadioButton, RadioButtonGroup } from "@carbon/react";
-
 //#region src/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.jsx
 /**
 * Copyright IBM Corp. 2023, 2024
@@ -65,7 +64,7 @@ const useFilters = ({ updateMethod, filters = emptyArray, setAllFilters, variati
 		contextTableId
 	]);
 	const applyFilters = ({ column, value, type }) => {
-		if (type === DATE && value.length > 0 && !value[1]) return;
+		if (type === "date" && value.length > 0 && !value[1]) return;
 		const filterCopy = [...filtersObjectArray];
 		const filter = filterCopy.find((item) => item.id === column);
 		if (filter) filter.value = value;
@@ -75,11 +74,11 @@ const useFilters = ({ updateMethod, filters = emptyArray, setAllFilters, variati
 			type
 		});
 		const index = filterCopy.findIndex(({ id }) => id === column);
-		const clearCheckbox = (type === CHECKBOX || type === MULTISELECT) && filterCopy[index].value.every(({ selected }) => selected === false);
-		const clearDate = type === DATE && value.length === 0;
-		if (clearCheckbox || clearDate || (type === DROPDOWN || type === RADIO) && value === "Any" || type === NUMBER && value === "") filterCopy.splice(index, 1);
+		const clearCheckbox = (type === "checkbox" || type === "multiSelect") && filterCopy[index].value.every(({ selected }) => selected === false);
+		const clearDate = type === "date" && value.length === 0;
+		if (clearCheckbox || clearDate || (type === "dropdown" || type === "radio") && value === "Any" || type === "number" && value === "") filterCopy.splice(index, 1);
 		setFiltersObjectArray(filterCopy);
-		if (updateMethod === INSTANT) setAllFilters(filterCopy);
+		if (updateMethod === "instant") setAllFilters(filterCopy);
 	};
 	/** Render the individual filter component */
 	const renderFilter = ({ type, column, props: components }) => {
@@ -87,7 +86,7 @@ const useFilters = ({ updateMethod, filters = emptyArray, setAllFilters, variati
 		const isPanel = variation === PANEL;
 		if (!type) return console.error(`type: ${type}; does not exist as a type of filter.`);
 		const renderCheckboxes = () => {
-			if (variation === PANEL && filtersState[column].value.length > 10 && !autoHideFilters) return /* @__PURE__ */ React.createElement(OverflowCheckboxes, {
+			if (variation === "panel" && filtersState[column].value.length > 10 && !autoHideFilters) return /* @__PURE__ */ React.createElement(OverflowCheckboxes, {
 				components,
 				type,
 				column,
@@ -344,7 +343,7 @@ const useFilters = ({ updateMethod, filters = emptyArray, setAllFilters, variati
 		lastAppliedFilters.current = JSON.stringify(reactTableFiltersState);
 	}, [reactTableFiltersState, lastAppliedFilters]);
 	const cancel = () => {
-		if (updateMethod === BATCH) {
+		if (updateMethod === "batch") {
 			revertToPreviousFilters();
 			onCancel();
 		}
@@ -375,6 +374,5 @@ const useFilters = ({ updateMethod, filters = emptyArray, setAllFilters, variati
 		cancel
 	};
 };
-
 //#endregion
-export { useFilters as default };
+export { useFilters as default };