@carbon/ibm-products 2.70.1 → 2.71.0

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js

@@ -14,14 +14,26 @@ var _SelectItem, _SelectItem2;
 const ConditionBuilderItemTime = _ref => {
   let {
     onChange,
-    config
+    config,
+    conditionState
   } = _ref;
-  const [timeValue, setTimeValue] = useState('');
-  const [dayZoneValue, setDayZoneValue] = useState('AM');
-  const [timeZoneValue, setTimeZoneValue] = useState(config?.timeZones?.[0]);
+  const getInitialValue = itemType => {
+    const itemMap = {
+      time: 0,
+      dayZone: 1,
+      timeZone: 2
+    };
+    return conditionState.value !== 'INVALID' ? conditionState.value?.split(' ')[itemMap[itemType]] ?? undefined : undefined;
+  };
+  const initialTimeValue = getInitialValue('time');
+  const initialDayZone = getInitialValue('dayZone');
+  const initialTimeZone = getInitialValue('timeZone');
+  const [timeValue, setTimeValue] = useState(initialTimeValue);
+  const [dayZoneValue, setDayZoneValue] = useState(initialDayZone ?? 'AM');
+  const [timeZoneValue, setTimeZoneValue] = useState(initialTimeZone ?? config?.timeZones?.[0]);
   useEffect(() => {
     const timeToUpdate = `${timeValue ?? ''} ${dayZoneValue ?? ''} ${timeZoneValue ?? ''}`;
-    onChange(timeValue ? timeToUpdate : undefined);
+    onChange(timeValue ? timeToUpdate : 'INVALID');
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [timeValue, dayZoneValue, timeZoneValue]);
   const setTimeZone = evt => {
@@ -36,11 +48,13 @@ const ConditionBuilderItemTime = _ref => {
   return /*#__PURE__*/React__default.createElement("div", {
     className: `${blockClass}__item-time`
   }, /*#__PURE__*/React__default.createElement(TimePicker, {
+    defaultValue: initialTimeValue,
     id: "time-picker",
     labelText: "Select a time",
     onChange: setTime
   }, /*#__PURE__*/React__default.createElement(TimePickerSelect, {
     id: "time-picker-day-zone",
+    defaultValue: initialDayZone,
     onChange: setDayZone
   }, _SelectItem || (_SelectItem = /*#__PURE__*/React__default.createElement(SelectItem, {
     value: "AM",
@@ -50,6 +64,7 @@ const ConditionBuilderItemTime = _ref => {
     text: "PM"
   }))), /*#__PURE__*/React__default.createElement(TimePickerSelect, {
     id: "time-picker-time-zone",
+    defaultValue: initialTimeZone,
     onChange: setTimeZone
   }, config?.timeZones?.map((timeZone, index) => /*#__PURE__*/React__default.createElement(SelectItem, {
     key: index,
@@ -58,6 +73,10 @@ const ConditionBuilderItemTime = _ref => {
   })))));
 };
 ConditionBuilderItemTime.propTypes = {
+  /**
+   * current condition object
+   */
+  conditionState: PropTypes.object,
   /**
    * current config object that this property is part of
    */

package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts

@@ -1,2 +1,2 @@
 export function handleKeyDown(evt: any, conditionBuilderRef: any, variant: any): void;
-export function handleKeyDownForPopover(evt: any, conditionBuilderRef: any, popoverRef: any): void;
+export function handleKeyDownForPopover(evt: any, conditionBuilderRef: any, popoverRef: any, closePopover: any): void;

package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js

@@ -13,18 +13,18 @@ const handleKeyDown = (evt, conditionBuilderRef, variant) => {
     handleKeyPressForMainContent(evt, conditionBuilderRef, variant);
   }
 };
-const handleKeyDownForPopover = (evt, conditionBuilderRef, popoverRef) => {
+const handleKeyDownForPopover = (evt, conditionBuilderRef, popoverRef, closePopover) => {
   if (excludeKeyPress(evt)) {
     return;
   }
-  handleKeyPressForPopover(evt, popoverRef?.current, conditionBuilderRef);
+  handleKeyPressForPopover(evt, popoverRef?.current, conditionBuilderRef, closePopover);
 };
 
 //skipping keyboard handling for date and time fields to get take carbon's
 const excludeKeyPress = evt => {
   return !['Escape'].includes(evt.key) && evt.target.closest(`.${blockClass}__item-date`);
 };
-const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef) => {
+const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef, closePopover) => {
   const key = evt.key;
   const isHoldingShiftKey = checkForHoldingKey(evt, 'shiftKey');
   const isMultiSelect = parentContainer.querySelector('ul')?.dataset.multiSelect;
@@ -32,6 +32,8 @@ const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef) =>
   let allItems = [];
   if (key === 'Escape') {
     //focus the corresponding field in which the popover is triggered from
+
+    closePopover?.();
     focusThisField(evt, conditionBuilderRef);
     evt.preventDefault();
     evt.stopPropagation();
@@ -88,8 +90,8 @@ const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef) =>
     if (key === 'Enter' && !isHoldingShiftKey) {
       if (document.activeElement.type !== 'button') {
         //for button , enter key is click which already handled by framework, else trigger click
+        closePopover?.();
         focusThisField(evt, conditionBuilderRef);
-        document.activeElement?.click();
       }
     }
   }

package/es/components/ConditionBuilder/utils/util.d.ts

@@ -10,4 +10,4 @@ export function checkIsValid(item: any): any;
 export function manageTabIndexAndFocus(currentElement: any, conditionBuilderRef: any): void;
 export function getValue(type: any, value: any, config: any): any;
 export function checkForMultiSelectOperator(condition: any, config: any): any;
-export function onKeyDownHandlerForSearch(evt: any, conditionBuilderRef: any): void;
+export function onKeyDownHandlerForSearch(evt: any, conditionBuilderRef: any, closePopover: any): void;

package/es/components/ConditionBuilder/utils/util.js

@@ -12,10 +12,16 @@ const NON_HIERARCHICAL_VARIANT = 'Non-Hierarchical';
 const HIERARCHICAL_VARIANT = 'Hierarchical';
 const focusThisField = (evt, conditionBuilderRef) => {
   if (evt) {
+    const target = evt.target;
+    const itemRow = evt.target.closest('[role="row"]');
+    const buttonName = evt.target.closest('[role="gridcell"]')?.querySelector('button').dataset.name;
     setTimeout(() => {
-      manageTabIndexAndFocus(evt.target.closest('[role="gridcell"]')?.querySelector('button'), conditionBuilderRef);
-      evt.target.closest('[role="gridcell"]')?.querySelector('button')?.click();
-      evt.target.closest('[role="gridcell"]')?.querySelector('button')?.focus();
+      const selector = itemRow.querySelector(`button[data-name="${buttonName}"]`);
+      manageTabIndexAndFocus(selector, conditionBuilderRef);
+      if (document.contains(target)) {
+        evt.target.closest('[role="gridcell"]')?.querySelector('button')?.click();
+        evt.target.closest('[role="gridcell"]')?.querySelector('button')?.focus();
+      }
     }, 0);
   }
 };
@@ -78,9 +84,10 @@ const checkForMultiSelectOperator = (condition, config) => {
   return condition?.operator === 'oneOf' || config?.operators?.find(operator => condition?.operator === operator.id && operator.isMultiSelect);
 };
 //this will close the popover on escape key on search box
-const onKeyDownHandlerForSearch = (evt, conditionBuilderRef) => {
+const onKeyDownHandlerForSearch = (evt, conditionBuilderRef, closePopover) => {
   if (!evt.currentTarget.value && evt.key === 'Escape') {
     focusThisField(evt, conditionBuilderRef);
+    closePopover?.();
   }
 };
 

package/es/components/CreateModal/CreateModal.d.ts

@@ -1,12 +1,11 @@
 /**
- * Copyright IBM Corp. 2021, 2024
+ * Copyright IBM Corp. 2021, 2025
  *
  * 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 { ComposedModal } from '@carbon/react';
-import React, { ReactNode } from 'react';
-export interface CreateModalProps extends React.ComponentProps<typeof ComposedModal> {
+import React, { PropsWithChildren, ReactNode } from 'react';
+export interface CreateModalProps extends PropsWithChildren {
     /**
      * Specify an optional className to be applied to the modal root node
      */
@@ -65,6 +64,4 @@ resource. It is triggered by a user’s action, appears on top of the main page
 content, and is persistent until dismissed. The purpose of this modal should be
 immediately apparent to the user, with a clear and obvious path to completion.
  */
-export declare let CreateModal: React.ForwardRefExoticComponent<CreateModalProps & {
-    children?: ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+export declare let CreateModal: React.ForwardRefExoticComponent<CreateModalProps & React.RefAttributes<HTMLDivElement>>;

package/es/components/CreateModal/CreateModal.js

@@ -16,27 +16,14 @@ import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
 
 const componentName = 'CreateModal';
 const blockClass = `${pkg.prefix}--create-modal`;
-
-// Custom PropType validator which checks and ensures that the children property has no more than 4 nodes
-const isValidChildren = () => _ref => {
-  let {
-    children
-  } = _ref;
-  if (children && children.length > 4) {
-    throw new Error('The `CreateModal` component does not take more than 4 nodes as children. This is to ensure that the modal does not overflow. Please remove 1 or more nodes.');
-  }
-  return;
-};
 /**
  * The `CreateModal` component provides a way for a user to quickly generate a new
 resource. It is triggered by a user’s action, appears on top of the main page
 content, and is persistent until dismissed. The purpose of this modal should be
 immediately apparent to the user, with a clear and obvious path to completion.
  */
-let CreateModal = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
-  let {
-    // The component props, in alphabetical order (for consistency).
-
+let CreateModal = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const {
     className,
     children,
     onRequestClose,
@@ -50,9 +37,8 @@ let CreateModal = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
     primaryButtonText,
     disableSubmit,
     selectorPrimaryFocus,
-    // Collect any other property values passed in.
     ...rest
-  } = _ref2;
+  } = props;
   const renderPortalUse = usePortalTarget(portalTargetIn);
   return renderPortalUse(/*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
     selectorPrimaryFocus: selectorPrimaryFocus,
@@ -96,8 +82,7 @@ CreateModal.propTypes = {
   /**
    * Children refers to all form items within a form inside of the modal's body.
    */
-  /**@ts-ignore*/
-  children: isValidChildren(),
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the modal root node
    */

package/es/components/CreateTearsheet/CreateTearsheetStep.d.ts

@@ -18,6 +18,9 @@ type fieldsetLegendTextProps = {
      * Otherwise, use CSS to hide/remove this label text.
      */
     fieldsetLegendText?: string;
+    /**
+     * This is the required legend id that appears as the aria-labelledby of fieldset for accessibility purposes.
+     */
     fieldsetLegendId?: React.ReactNode;
 } | {
     /**
@@ -32,6 +35,9 @@ type fieldsetLegendTextProps = {
      * Otherwise, use CSS to hide/remove this label text.
      */
     fieldsetLegendText: string;
+    /**
+     * This is the required legend id that appears as the aria-labelledby of fieldset for accessibility purposes.
+     */
     fieldsetLegendId: React.ReactNode;
 };
 interface CreateTearsheetStepBaseProps extends PropsWithChildren {

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

@@ -147,8 +147,16 @@ const DraggableItemsList = _ref => {
     strategy: verticalListSortingStrategy
   }, visibleCols.map(colDef => {
     const colHeaderTitle = getNodeTextContent(colDef.Header);
-    const parts = colHeaderTitle.split(new RegExp(`(${filterString})`, 'gi'));
-    const highlightedText = parts.map(part => part.toLowerCase() === filterString.toLowerCase() ? /*#__PURE__*/React__default.createElement("strong", null, part) : part);
+    // const parts = colHeaderTitle.split(
+    //   new RegExp(`(${filterString})`, 'gi')
+    // );
+    // const highlightedText = parts.map((part) =>
+    //   part.toLowerCase() === filterString.toLowerCase() ? (
+    //     <strong>{part}</strong>
+    //   ) : (
+    //     part
+    //   )
+    // );
     const isFrozenColumn = !!colDef.sticky;
     const isDisabled = colDef.disabled;
     const listContents = /*#__PURE__*/React__default.createElement(Checkbox, {
@@ -161,7 +169,8 @@ const DraggableItemsList = _ref => {
         return onSelectColumn(colDef, checked);
       },
       id: `${blockClass}__customization-column-${colDef.id}`,
-      labelText: highlightedText,
+      labelText: colHeaderTitle //filterString ? highlightedText : colHeaderTitle
+      ,
       className: `${blockClass}__customize-columns-checkbox`,
       onKeyDown: event => handleCheckboxKeydown(event, colDef)
     });

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

@@ -1,21 +1,46 @@
-export const FilterContext: React.Context<any>;
-export function clearSingleFilter({ key, value, tableId }: {
+/**
+ * Copyright IBM Corp. 2022, 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 { SAVED_FILTERS } from './constants';
+import { Filter } from '../../../../FilterSummary/FilterSummary';
+type ActionType = typeof SAVED_FILTERS;
+interface Action {
+    type: ActionType;
+    payload?: any;
+}
+export interface ContextType {
+    EventEmitter: any;
+    dispatch: React.Dispatch<Action>;
+    state: {
+        savedFilters: object[];
+    };
+    setPanelOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    panelOpen: boolean;
+    tableId: string;
+    filterTags: Filter[];
+}
+export declare const FilterContext: React.Context<ContextType>;
+export declare const clearSingleFilter: ({ key, value, tableId }: {
     key: any;
     value: any;
     tableId: any;
-}, setAllFilters: any, state: any, contextTableId: any): void;
-export function FilterProvider({ children, filters, filterProps, tableId }: {
-    children: any;
-    filters: any;
-    filterProps: any;
-    tableId: any;
-}): React.JSX.Element;
-export namespace FilterProvider {
-    namespace propTypes {
-        let children: any;
-        let filterProps: any;
-        let filters: any;
-        let tableId: any;
-    }
-}
-import React from 'react';
+}, setAllFilters: any, state: any, contextTableId: any) => void;
+export declare const FilterProvider: {
+    ({ children, filters, filterProps, tableId }: {
+        children: any;
+        filters: any;
+        filterProps: any;
+        tableId: any;
+    }): React.JSX.Element;
+    propTypes: {
+        children: any;
+        filterProps: any;
+        filters: any;
+        tableId: any;
+    };
+};
+export {};

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

@@ -9,7 +9,7 @@ import React__default, { useState, useReducer, createContext } from 'react';
 import PropTypes from '../../../../../_virtual/index.js';
 import { DROPDOWN, RADIO, NUMBER, DATE, CHECKBOX, MULTISELECT, SAVED_FILTERS, CLEAR_SINGLE_FILTER } from './constants.js';
 
-const FilterContext = /*#__PURE__*/createContext();
+const FilterContext = /*#__PURE__*/createContext({});
 const EventEmitter = {
   events: {},
   dispatch: function (event, data) {

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.d.ts

@@ -4,5 +4,5 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-declare const useFilterContext: () => any;
+declare const useFilterContext: () => import("../FilterProvider").ContextType;
 export default useFilterContext;

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

@@ -12,8 +12,8 @@ const useFilterContext = () => {
   // get the context
   const context = useContext(FilterContext);
 
-  // if `undefined`, throw an error
-  if (context === undefined) {
+  // if empty object, throw an error
+  if (Object.entries(context).length === 0) {
     throw new Error('useFilterContext was used outside of its Provider');
   }
   return context;

package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.d.ts

@@ -1,4 +1,10 @@
-export const InlineEditContext: React.Context<any>;
+export const InlineEditContext: React.Context<{
+    state: {};
+    dispatch: ({ type, payload }: {
+        type: any;
+        payload: any;
+    }) => void;
+}>;
 export function InlineEditProvider({ children }: {
     children: any;
 }): React.JSX.Element;

package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js

@@ -10,7 +10,15 @@ import PropTypes from '../../../../../../_virtual/index.js';
 import { returnUpdatedActiveCell } from './returnUpdatedActiveCell.js';
 import { getCellIdAsObject } from './getCellIdAsObject.js';
 
-const InlineEditContext = /*#__PURE__*/createContext();
+const InlineEditContext = /*#__PURE__*/createContext({
+  state: {},
+  dispatch: _ref => {
+    let {
+      type,
+      payload
+    } = _ref;
+  }
+});
 const inlineEditReducer = (state, action) => {
   switch (action.type) {
     case 'ADD_GRID_ACTIVE_FOCUS':
@@ -87,10 +95,10 @@ const inlineEditReducer = (state, action) => {
       return state;
   }
 };
-const InlineEditProvider = _ref => {
+const InlineEditProvider = _ref2 => {
   let {
     children
-  } = _ref;
+  } = _ref2;
   const initialState = {};
   const [state, dispatch] = useReducer(inlineEditReducer, initialState);
   return /*#__PURE__*/React__default.createElement(InlineEditContext.Provider, {

package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js

@@ -11,10 +11,20 @@ import { RadioButtonGroup, RadioButton } from '@carbon/react';
 import { pkg } from '../../../../../settings.js';
 
 const blockClass = `${pkg.prefix}--datagrid__row-size`;
-const RowSizeRadioGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    rowSizes,
-    selectedOption,
+const RowSizeRadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    rowSizes = [{
+      value: 'xl' // 64
+    }, {
+      value: 'lg' // 48
+    }, {
+      value: 'md' // 40
+    }, {
+      value: 'sm' // 32
+    }, {
+      value: 'xs' // 24
+    }],
+    selectedOption = 'lg',
     onChange,
     legendText,
     rowSizeLabels = {
@@ -25,7 +35,7 @@ const RowSizeRadioGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
       xs: 'Extra small'
     },
     tableId
-  } = _ref;
+  } = props;
   return /*#__PURE__*/React__default.createElement("div", {
     className: `${blockClass}-dropdown`,
     role: "presentation",
@@ -63,20 +73,6 @@ const getBackwardCompatibleRowSize = rowSize => {
   };
   return rowSizeMap[rowSize] || rowSize;
 };
-RowSizeRadioGroup.defaultProps = {
-  rowSizes: [{
-    value: 'xl' // 64
-  }, {
-    value: 'lg' // 48
-  }, {
-    value: 'md' // 40
-  }, {
-    value: 'sm' // 32
-  }, {
-    value: 'xs' // 24
-  }],
-  selectedOption: 'lg'
-};
 RowSizeRadioGroup.propTypes = {
   legendText: PropTypes.string,
   onChange: PropTypes.func.isRequired,

package/es/components/EditTearsheet/EditTearsheetForm.d.ts

@@ -36,9 +36,11 @@ interface EditTearsheetFormBaseProps {
 type EditTearsheetFormFieldsetTypes = {
     hasFieldset?: false;
     fieldsetLegendText: string;
+    fieldsetLegendId?: React.ReactNode;
 } | {
     hasFieldset: true;
     fieldsetLegendText: string;
+    fieldsetLegendId: React.ReactNode;
 };
 type EditTearsheetFormProps = EditTearsheetFormBaseProps & EditTearsheetFormFieldsetTypes;
 export declare let EditTearsheetForm: React.ForwardRefExoticComponent<EditTearsheetFormProps & React.RefAttributes<HTMLDivElement>>;

package/es/components/EditTearsheet/EditTearsheetForm.js

@@ -30,6 +30,7 @@ let EditTearsheetForm = /*#__PURE__*/forwardRef((_ref, ref) => {
     className,
     description,
     fieldsetLegendText,
+    fieldsetLegendId,
     hasFieldset = defaults.hasFieldset,
     subtitle,
     title,
@@ -56,7 +57,7 @@ let EditTearsheetForm = /*#__PURE__*/forwardRef((_ref, ref) => {
     sm: 4
   }, /*#__PURE__*/React__default.createElement("h4", {
     className: `${blockClass}--title`
-  }, title), subtitle && /*#__PURE__*/React__default.createElement("h6", {
+  }, title), subtitle && /*#__PURE__*/React__default.createElement("h5", {
     className: `${blockClass}--subtitle`
   }, subtitle), description && /*#__PURE__*/React__default.createElement("p", {
     className: `${blockClass}--description`
@@ -64,7 +65,8 @@ let EditTearsheetForm = /*#__PURE__*/forwardRef((_ref, ref) => {
     span: 100
   }, hasFieldset ? /*#__PURE__*/React__default.createElement(FormGroup, {
     legendText: fieldsetLegendText,
-    className: `${blockClass}--fieldset`
+    className: `${blockClass}--fieldset`,
+    legendId: fieldsetLegendId
   }, /*#__PURE__*/React__default.createElement(Grid, null, children)) : children))) : pconsole.warn(`You have tried using a ${componentName} component outside of a EditTearsheet. This is not allowed. ${componentName}s should always be children of the EditTearsheet`);
 });
 
@@ -83,16 +85,26 @@ EditTearsheetForm.propTypes = {
    * Sets an optional description on the form component
    */
   description: PropTypes.string,
+  /**
+   * This is the required legend id that appears as the aria-labelledby of fieldset for accessibility purposes.
+   */
+  /**@ts-ignore */
+  fieldsetLegendId: PropTypes.node.isRequired.if(_ref2 => {
+    let {
+      hasFieldset
+    } = _ref2;
+    return !!hasFieldset;
+  }),
   /**
    * This is the required legend text that appears above a fieldset html element for accessibility purposes.
    * You can set the `hasFieldset` prop to false if you have multiple fieldset elements or want to control the children of your Full Page's form content.
    * Otherwise, use CSS to hide/remove this label text.
    */
   /**@ts-ignore */
-  fieldsetLegendText: PropTypes.string.isRequired.if(_ref2 => {
+  fieldsetLegendText: PropTypes.string.isRequired.if(_ref3 => {
     let {
       hasFieldset
-    } = _ref2;
+    } = _ref3;
     return !!hasFieldset;
   }),
   /**

package/es/components/EmptyStates/EmptyState.js

@@ -42,7 +42,6 @@ let EmptyState = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     v2 = false,
     ...props
   } = _ref;
-  // todo: deprecate v1
   if (v2) {
     return /*#__PURE__*/React__default.createElement(EmptyStateV2, props);
   }

package/es/components/FilterSummary/FilterSummary.d.ts

@@ -8,6 +8,7 @@ import React from 'react';
 export interface Filter {
     key: string;
     value: string;
+    onClose?: () => void;
 }
 export interface FilterSummaryProps {
     className?: string;

package/es/components/FilterSummary/FilterSummary.js

@@ -51,9 +51,10 @@ const FilterSummary = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   const localRef = filterSummaryRef || ref;
   const [overflowCount, setOverflowCount] = useState(0);
   const [multiline, setMultiline] = useState(false);
+  // @ts-ignore
   const previousState = usePreviousValue({
     multiline
-  }) || {};
+  }) ?? {};
   const handleViewAll = () => {
     if (overflowCount === 0) {
       setMultiline(false);

package/es/components/Guidebanner/Guidebanner.js

@@ -38,8 +38,8 @@ const defaults = {
  * The guide banner sits at the top of a page, or page-level tab,
  * to introduce foundational concepts related to the page's content.
  */
-let Guidebanner = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
-  let {
+let Guidebanner = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const {
     children,
     className,
     collapsible = defaults.collapsible,
@@ -53,7 +53,7 @@ let Guidebanner = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     previousIconDescription = defaults.previousIconDescription,
     title,
     ...rest
-  } = _ref;
+  } = props;
   const scrollRef = useRef(null);
   const toggleRef = useRef(null);
   const [scrollPosition, setScrollPosition] = useState(0);
@@ -154,23 +154,7 @@ Guidebanner.propTypes = {
    * Provide the contents of the Guidebanner.
    * One or more GuidebannerElement components are required.
    */
-  children: (props, propName) => {
-    let error;
-    const prop = props[propName];
-    if (!prop) {
-      error = new Error('`Guidebanner` requires one or more children of type `GuidebannerElement`.');
-    }
-    React__default.Children.forEach(prop, child => {
-      if (child.type.displayName !== 'GuidebannerElement') {
-        // If child element is not `GuidebannerElement`, then show:
-        // Carbon Products component's `displayName` (child.type.displayName) or
-        // React component's `name` (child.type.name) or
-        // HTML element's tag name (child.type).
-        error = new Error(`\`Guidebanner\` only accepts children of type \`GuidebannerElement\`, found \`${child.type?.displayName || child.type?.name || child.type}\` instead.`);
-      }
-    });
-    return error;
-  },
+  children: PropTypes.node,
   /**
    * Provide an optional class to be applied to the containing node.
    */

package/es/components/InterstitialScreen/InterstitialScreen.d.ts

@@ -8,6 +8,7 @@ import React, { ReactNode, RefObject } from 'react';
 import { InterstitialScreenHeaderProps } from './InterstitialScreenHeader';
 import { InterstitialScreenBodyProps } from './InterstitialScreenBody';
 import { InterstitialScreenFooterProps } from './InterstitialScreenFooter';
+export declare const blockClass: string;
 export type ActionType = 'close' | 'start' | 'skip' | 'back' | 'next';
 export interface InterstitialScreenProps {
     /**
@@ -21,7 +22,7 @@ export interface InterstitialScreenProps {
     /**
      * The aria label applied to the Interstitial Screen component
      */
-    interstitialAriaLabel?: string;
+    ariaLabel?: string;
     /**
      * Specifies whether the component is shown as a full-screen
      * experience, else it is shown as a modal by default.
@@ -30,7 +31,7 @@ export interface InterstitialScreenProps {
     /**
      * Specifies whether the component is currently open.
      */
-    isOpen?: boolean;
+    open?: boolean;
     /**
      * Function to call when the close button is clicked.
      */
@@ -40,7 +41,7 @@ export interface InterstitialScreenProps {
      */
     launcherButtonRef?: RefObject<HTMLElement>;
 }
-type InterstitialScreenComponent = React.ForwardRefExoticComponent<InterstitialScreenProps & React.RefAttributes<HTMLDivElement>> & {
+export type InterstitialScreenComponent = React.ForwardRefExoticComponent<InterstitialScreenProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<InterstitialScreenHeaderProps>;
     Body: React.FC<InterstitialScreenBodyProps>;
     Footer: React.FC<InterstitialScreenFooterProps>;