@carbon/ibm-products 2.46.0 → 2.47.0

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

@@ -55,9 +55,13 @@ var updateFilterState = function updateFilterState(state, type, value) {
   });
   return removeFilterItem(state, filterTagIndex);
 };
-var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
+var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state, contextTableId) {
   var key = _ref.key,
-    value = _ref.value;
+    value = _ref.value,
+    tableId = _ref.tableId;
+  if (tableId !== contextTableId) {
+    return;
+  }
   var tempState = _rollupPluginBabelHelpers.toConsumableArray(state.filters);
   tempState.forEach(function (f, filterIndex) {
     if (f.id === key) {
@@ -93,10 +97,11 @@ var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
   });
   setAllFilters(tempState);
 };
-var handleSingleFilterRemoval = function handleSingleFilterRemoval(key, value) {
+var handleSingleFilterRemoval = function handleSingleFilterRemoval(key, value, tableId) {
   EventEmitter.dispatch(constants.CLEAR_SINGLE_FILTER, {
     key: key,
-    value: value
+    value: value,
+    tableId: tableId
   });
 };
 var formatDateRange = function formatDateRange(startDate, endDate) {
@@ -104,7 +109,7 @@ var formatDateRange = function formatDateRange(startDate, endDate) {
   var endDateObj = new Date(endDate);
   return "".concat(startDateObj.toLocaleDateString(), " - ").concat(endDateObj.toLocaleDateString());
 };
-var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLabel) {
+var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLabel, tableId) {
   var tags = [];
   filters.forEach(function (_ref2) {
     var id = _ref2.id,
@@ -113,7 +118,7 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
     var sharedFilterProps = {
       filter: true,
       onClose: function onClose() {
-        return handleSingleFilterRemoval(id, value);
+        return handleSingleFilterRemoval(id, value, tableId);
       }
     };
     if (type === constants.DROPDOWN || type === constants.RADIO || type === constants.NUMBER) {
@@ -138,7 +143,7 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
             value: option.value
           }, sharedFilterProps), {}, {
             onClose: function onClose() {
-              return handleSingleFilterRemoval(id, option.value);
+              return handleSingleFilterRemoval(id, option.value, tableId);
             }
           }));
         }
@@ -168,7 +173,7 @@ var FilterProvider = function FilterProvider(_ref4) {
     tableId = _ref4.tableId;
   var _ref5 = filterProps || {},
     renderDateLabel = _ref5.renderDateLabel;
-  var filterTags = prepareFiltersForTags(filters, renderDateLabel);
+  var filterTags = prepareFiltersForTags(filters, renderDateLabel, tableId);
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     panelOpen = _useState2[0],

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

@@ -11,6 +11,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 
+/**
+ * Copyright IBM Corp. 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.
+ */
+
 var handleCheckboxChange = function handleCheckboxChange(_ref) {
   var _option$onChange;
   var checked = _ref.checked,

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js

@@ -212,7 +212,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
   };
   var getNewCellId = function getNewCellId(key) {
     var totalRows = instance.rows.length;
-    var newCellId = key === 'Enter' ? "column-".concat(columnIndex, "-row-").concat(cell.row.index < totalRows - 1 ? cell.row.index + 1 : cell.row.index) : "column-".concat(columnIndex < instance.columns.length - 1 ? columnIndex + 1 : columnIndex, "-row-").concat(cell.row.index);
+    var newCellId = key === 'Enter' ? "column-".concat(columnIndex, "-row-").concat(cell.row.index < totalRows - 1 && type === 'checkbox' ? cell.row.index + 1 : cell.row.index) : "column-".concat(columnIndex < instance.columns.length - 1 ? columnIndex + 1 : columnIndex, "-row-").concat(cell.row.index);
     return newCellId;
   };
   var handleKeyDown = function handleKeyDown(event) {

package/lib/components/Datagrid/common-column-ids.d.ts

@@ -1 +1,7 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 export const selectionColumnId: "datagridSelection";

package/lib/components/Datagrid/types/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 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.
+ */
 /// <reference path="../../../../src/custom-typings/index.d.ts" />
 import { MultiSelectProps } from '@carbon/react/lib/components/MultiSelect/MultiSelect';
 import { FormGroupProps } from '@carbon/react/lib/components/FormGroup/FormGroup';

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

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 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 { TableInstance } from 'react-table';
 declare const useDatagrid: (params: any, ...plugins: any[]) => TableInstance;
 export default useDatagrid;

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

@@ -1,3 +1,9 @@
+/**
+ * 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 { Hooks } from 'react-table';
 declare const useDisableSelectRows: (hooks: Hooks) => void;
 export default useDisableSelectRows;

package/lib/components/Datagrid/useInitialColumnSort.js

@@ -33,6 +33,10 @@ var useInitialColumnSort = function useInitialColumnSort(instance) {
     if (sortableColumn) {
       var columnId = sortableColumn.id,
         order = sortableColumn.order;
+      // prevents edge case where initial sort state of none actually starts out as ascending
+      if (order !== 'ASC' && order !== 'DESC') {
+        return;
+      }
       var _getNewSortOrder = useSortableColumns.getNewSortOrder(order),
         newSortDesc = _getNewSortOrder.newSortDesc,
         newOrder = _getNewSortOrder.newOrder;

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

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 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 { Hooks } from 'react-table';
 declare const useRowIsMouseOver: (hooks: Hooks) => void;
 export default useRowIsMouseOver;

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

@@ -5,9 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { Hooks } from 'react-table';
-export declare const getNewSortOrder: (sortOrder?: boolean | string) => {
-    newSortDesc: boolean;
-    newOrder: string;
-};
+interface Order {
+    newOrder: 'ASC' | 'DESC' | 'NONE';
+    newSortDesc: undefined | boolean;
+}
+export declare const getNewSortOrder: (currentOrder?: boolean | string) => Order;
 declare const useSortableColumns: (hooks: Hooks) => void;
 export default useSortableColumns;

package/lib/components/Datagrid/useSortableColumns.js

@@ -24,23 +24,28 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
-var ordering = {
-  ASC: 'ASC',
-  DESC: 'DESC',
-  NONE: 'NONE'
-};
-var getNewSortOrder = function getNewSortOrder(sortOrder) {
+var getNewSortOrder = function getNewSortOrder(currentOrder) {
   var order = {
-    newSortDesc: false,
-    newOrder: ordering.NONE
+    newOrder: 'NONE',
+    newSortDesc: undefined
   };
-  if (sortOrder === false || sortOrder === ordering.DESC) {
-    order.newOrder = ordering.DESC;
+
+  // NONE => ASC
+  if (currentOrder === undefined) {
+    order.newOrder = 'ASC';
+    order.newSortDesc = false;
+  }
+
+  // ACS => DESC
+  if (currentOrder === false || currentOrder === 'DESC') {
+    order.newOrder = 'DESC';
     order.newSortDesc = true;
   }
-  if (sortOrder === undefined || sortOrder === ordering.ASC) {
-    order.newOrder = ordering.ASC;
-    order.newSortDesc = false;
+
+  // DESC => NONE
+  if (currentOrder === true || currentOrder === 'ASC') {
+    order.newOrder = 'NONE';
+    order.newSortDesc = undefined;
   }
   return order;
 };

package/lib/components/EmptyStates/EmptyState.d.ts

@@ -1,9 +1,76 @@
-export namespace defaults {
-    let position: string;
-    let size: string;
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference path="../../../src/custom-typings/index.d.ts" />
+import React, { ReactNode } from 'react';
+import '../../global/js/utils/props-helper';
+import { ButtonProps } from '@carbon/react';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
+declare enum sizes {
+    lg = "lg",
+    sm = "sm"
+}
+export declare const defaults: {
+    position: string;
+    size: sizes;
+};
+interface EmptyStateProps {
+    /**
+     * Empty state action button
+     */
+    action?: {
+        kind?: 'primary' | 'secondary' | 'tertiary';
+        renderIcon?: CarbonIconType;
+        onClick?: ButtonProps['onClick'];
+        text?: string;
+    };
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Empty state illustration, specify the `src` for a provided illustration to be displayed. In the case of requiring a light and dark illustration of your own, simply pass the corresponding illustration based on the current theme of your application.
+     * For example: `illustration={appTheme === 'dark' ? darkIllustration : lightIllustration}`
+     */
+    illustration?: string;
+    /**
+     * The alt text for empty state svg images. If not provided , title will be used.
+     */
+    illustrationDescription?: string;
+    /**
+     * Designates the position of the illustration relative to the content
+     */
+    illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Empty state link object
+     */
+    link?: {
+        text?: string | ReactNode;
+        href?: string;
+    };
+    /**
+     * Empty state size
+     */
+    size?: 'lg' | 'sm';
+    /**
+     * Empty state subtitle
+     */
+    subtitle?: string | ReactNode;
+    /**
+     * Empty state title
+     */
+    title: string | ReactNode;
+    /**
+     * Designates which version of the EmptyState component is being used.
+     * Refer to V2 documentation separately.
+     */
+    v2?: boolean;
 }
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
-export let EmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/EmptyStates/EmptyState.js

@@ -31,13 +31,15 @@ var _excluded = ["v2"],
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
 var componentName = 'EmptyState';
-
-// Default values for props
+var sizes = /*#__PURE__*/function (sizes) {
+  sizes["lg"] = "lg";
+  sizes["sm"] = "sm";
+  return sizes;
+}(sizes || {}); // Default values for props
 var defaults = {
   position: 'top',
-  size: 'lg'
+  size: sizes.lg
 };
-
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
@@ -73,7 +75,7 @@ exports.EmptyState = /*#__PURE__*/React__default["default"].forwardRef(function
     link: link,
     size: size,
     subtitle: subtitle,
-    title: title
+    title: title !== null && title !== void 0 ? title : ''
   }));
 });
 
@@ -101,6 +103,7 @@ exports.EmptyState.propTypes = {
   /**
    * The alt text for custom provided illustrations
    */
+  /**@ts-ignore*/
   illustrationDescription: index["default"].string.isRequired.if(function (_ref2) {
     var illustration = _ref2.illustration;
     return illustration;

package/lib/components/EmptyStates/EmptyStateV2.d.ts

@@ -1,6 +1,67 @@
+/**
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ReactNode } from 'react';
+import '../../global/js/utils/props-helper';
+interface EmptyStateV2Props {
+    /**
+     * Props for the action button. Refer to the Carbon Components button documentation for full list of props.
+     */
+    action?: {
+        text?: string;
+    };
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Source for the illustration image if you choose to use your own custom image. Passing an illustration prop will supersede the kind option.
+     */
+    illustration?: string;
+    /**
+     * The alt text for the illustration
+     */
+    illustrationDescription?: string;
+    /**
+     * Designates the position of the illustration relative to the content
+     */
+    illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Empty state illustration theme variations.
+     * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
+     * based on your app's current theme value. Example:
+     * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
+     */
+    illustrationTheme?: 'light' | 'dark';
+    /**
+     * Determines which predefined illustration will be displayed
+     */
+    kind?: 'error' | 'noData' | 'noTags' | 'notFound' | 'notifications' | 'unauthorized';
+    /**
+     * Props for the link. Refer to the Carbon Components link documentation for full list of props.
+     */
+    link?: {
+        text?: string | ReactNode;
+    };
+    /**
+     * Empty state size
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Empty state subtext
+     */
+    subtitle?: string | ReactNode;
+    /**
+     * Empty state heading
+     */
+    title: string | ReactNode;
+}
 /**
  * This is the V2 version of the `EmptyState` component. To use you must pass the `v2` prop to the V1 version of the component `EmptyState` and use the props below.
  * In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
  */
-export let EmptyStateV2: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let EmptyStateV2: React.ForwardRefExoticComponent<EmptyStateV2Props & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/EmptyStates/EmptyStateV2.js

@@ -27,7 +27,6 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var _excluded = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "illustrationTheme", "kind", "link", "size", "subtitle", "title"];
 var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
 var componentName = 'EmptyStateV2';
-
 /**
  * This is the V2 version of the `EmptyState` component. To use you must pass the `v2` prop to the V1 version of the component `EmptyState` and use the props below.
  * In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
@@ -81,6 +80,7 @@ exports.EmptyStateV2.propTypes = {
   /**
    * Props for the action button. Refer to the Carbon Components button documentation for full list of props.
    */
+  /**@ts-ignore*/
   action: index["default"].PropTypes.shape({
     text: index["default"].string
   }),
@@ -114,8 +114,9 @@ exports.EmptyStateV2.propTypes = {
   /**
    * Props for the link. Refer to the Carbon Components link documentation for full list of props.
    */
+  /**@ts-ignore*/
   link: index["default"].shape({
-    text: index["default"].string
+    text: index["default"].oneOfType([index["default"].string, index["default"].node])
   }),
   /**
    * Empty state size

package/lib/components/FullPageError/FullPageError.d.ts

@@ -1,6 +1,40 @@
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ReactNode } from 'react';
+interface FullPageErrorProps {
+    /**
+     * Provide the contents of the FullPageError.
+     */
+    children?: ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * String that will provide the description for the error code. <br/>
+     * This is optional for 403 and 404 kinds, and passing this would override their default descriptions.
+     */
+    description: string;
+    /**
+     * The kind of error page to be displayed, default is custom
+     */
+    kind?: 'custom' | '403' | '404';
+    /**
+     * String that will describe the error that occurred
+     */
+    label: string;
+    /**
+     * This will be for the main title of the FullPageError component
+     */
+    title: string;
+}
 /**
  * Display a full-page error when the requested page is unavailable to the user.
  * This is typically caused by issues with the requested URL or access permissions.
  */
-export let FullPageError: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let FullPageError: React.ForwardRefExoticComponent<FullPageErrorProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/FullPageError/FullPageError.js

@@ -30,9 +30,6 @@ var _excluded = ["children", "className", "description", "label", "kind", "title
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--full-page-error");
 var componentName = 'FullPageError';
-
-// NOTE: the component SCSS is not imported here: it is rolled up separately.
-
 // Default values for props
 var defaults = {
   kind: 'custom'

package/lib/components/GetStartedCard/GetStartedCard.d.ts

@@ -1,5 +1,63 @@
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { PropsWithChildren, ReactNode } from 'react';
+type MetaData = {
+    id?: string;
+    icon?: () => ReactNode;
+    iconDescription?: string;
+};
+interface GetStartedCardProps extends PropsWithChildren {
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Optional if the card should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Provides the action icon that's displayed at the footer of the card
+     */
+    footerActionIcon: React.ElementType;
+    /**
+     * Optional label for the top of the card
+     */
+    label?: ReactNode;
+    /**
+     * Optional media content like an image to be placed in the card
+     */
+    media?: ReactNode;
+    /**
+     * Icons that are displayed on the card showing the time and skill needed
+     */
+    metadata: readonly MetaData[];
+    /**
+     * Provides the callback for a clickable card
+     */
+    onClick?: () => void;
+    /**
+     * Provides the icon that's displayed at the top of the card
+     */
+    pictogram?: () => ReactNode;
+    /**
+     * Provides number for card for tasks in a sequential order
+     */
+    sequence?: number;
+    /**
+     * Provides the status that's displayed at the top of the card
+     */
+    status?: 'complete' | 'incomplete';
+    /**
+     * Title that's displayed at the top of the card
+     */
+    title?: ReactNode;
+}
 /**
  * GetStartedCard a card with icon, number, and media variants
  */
-export let GetStartedCard: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let GetStartedCard: React.ForwardRefExoticComponent<GetStartedCardProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/GetStartedCard/GetStartedCard.js

@@ -21,16 +21,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var componentName = 'GetStartedCard';
-
 /**
  * GetStartedCard a card with icon, number, and media variants
  */
-exports.GetStartedCard = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-  var rest = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React__default["default"].createElement(Card.Card, _rollupPluginBabelHelpers["extends"]({
-    getStarted: true,
-    ref: ref
-  }, rest, devtools.getDevtoolsProps(componentName)));
+exports.GetStartedCard = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default["default"].createElement(Card.Card, _rollupPluginBabelHelpers["extends"]({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
+    ref: ref,
+    getStarted: true
+  }), devtools.getDevtoolsProps(componentName)));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -48,11 +46,12 @@ exports.GetStartedCard.propTypes = {
   /**
    * Provides the action icon that's displayed at the footer of the card
    */
+  /**@ts-ignore */
   footerActionIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
   /**
    * Optional label for the top of the card
    */
-  label: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  label: index["default"].oneOfType([index["default"].string, index["default"].node]),
   /**
    * Optional media content like an image to be placed in the card
    */
@@ -60,6 +59,7 @@ exports.GetStartedCard.propTypes = {
   /**
    * Icons that are displayed on the card showing the time and skill needed
    */
+  /**@ts-ignore */
   metadata: index["default"].arrayOf(index["default"].shape({
     id: index["default"].string,
     icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
@@ -72,6 +72,7 @@ exports.GetStartedCard.propTypes = {
   /**
    * Provides the icon that's displayed at the top of the card
    */
+  /**@ts-ignore */
   pictogram: index["default"].oneOfType([index["default"].func, index["default"].object]),
   /**
    * Provides number for card for tasks in a sequential order
@@ -84,5 +85,5 @@ exports.GetStartedCard.propTypes = {
   /**
    * Title that's displayed at the top of the card
    */
-  title: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node])
+  title: index["default"].oneOfType([index["default"].string, index["default"].node])
 };

package/lib/components/PageHeader/PageHeaderUtils.js

@@ -81,7 +81,7 @@ var utilCheckUpdateVerticalSpace = function utilCheckUpdateVerticalSpace(headerR
 
     // The header offset calculation is either going to work out at 0 if we have no gap between scrolling container
     // top and the measuring ref top, or the difference between.
-    update.headerOffset = offsetMeasuringTop === 0 ? offsetMeasuringTop - scrollableContainerTop : 0;
+    update.headerOffset = offsetMeasuringTop !== 0 ? offsetMeasuringTop - scrollableContainerTop : 0;
 
     /* istanbul ignore next */
     update.breadcrumbRowHeight = breadcrumbRowEl ? breadcrumbRowEl.clientHeight : 0;

package/lib/components/StringFormatter/utils/enums.js

@@ -11,6 +11,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 
+/**
+ * Copyright IBM Corp. 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.
+ */
+
 var deprecated_StringFormatterAlignment = {
   TOP: 'top',
   TOP_LEFT: 'top-left',