@carbon/react 1.28.0-rc.0 → 1.29.0-rc.0

package/es/components/Checkbox/Checkbox.d.ts

@@ -44,7 +44,7 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     /**
      * Provide the text that is displayed when the Checkbox is in an invalid state
      */
-    invalidText: React.ReactNode;
+    invalidText?: React.ReactNode;
     /**
      * Specify whether the Checkbox is currently invalid
      */
@@ -52,7 +52,7 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     /**
      * Provide the text that is displayed when the Checkbox is in an invalid state
      */
-    warnText: React.ReactNode;
+    warnText?: React.ReactNode;
     /**
      * Provide an optional handler that is called when the internal state of
      * Checkbox changes. This handler is called with event and state info.

package/es/components/ContainedList/ContainedList.js

@@ -13,7 +13,49 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 const variants = ['on-page', 'disclosed'];
 
+function filterChildren(children) {
+  var _children$type;
+
+  if (Array.isArray(children)) {
+    return children === null || children === void 0 ? void 0 : children.filter(child => {
+      var _child$type;
+
+      return !['Search', 'ExpandableSearch'].includes(child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName);
+    });
+  }
+
+  if (children && !['Search', 'ExpandableSearch'].includes(children === null || children === void 0 ? void 0 : (_children$type = children.type) === null || _children$type === void 0 ? void 0 : _children$type.displayName)) {
+    return children;
+  }
+
+  return null;
+}
+
+function renderChildren(children) {
+  var _children$type2;
+
+  if (Array.isArray(children)) {
+    children.map((child, index) => {
+      var _child$type2;
+
+      if (index === 0 && ((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName) === 'Search') {
+        return child;
+      }
+
+      return child;
+    });
+  }
+
+  if (children && ((_children$type2 = children.type) === null || _children$type2 === void 0 ? void 0 : _children$type2.displayName) === 'Search') {
+    return children;
+  }
+
+  return children;
+}
+
 function ContainedList(_ref) {
+  var _action$type;
+
   let {
     action,
     children,
@@ -28,6 +70,9 @@ function ContainedList(_ref) {
   const classes = cx(`${prefix}--contained-list`, {
     [`${prefix}--contained-list--inset-rulers`]: isInset
   }, `${prefix}--contained-list--${kind}`, `${prefix}--contained-list--${size}`, className);
+  const filteredChildren = filterChildren(children);
+  const isActionSearch = ['Search', 'ExpandableSearch'].includes(action === null || action === void 0 ? void 0 : (_action$type = action.type) === null || _action$type === void 0 ? void 0 : _action$type.displayName);
+  const renderedChildren = renderChildren(children);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classes
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -35,11 +80,11 @@ function ContainedList(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     id: labelId,
     className: `${prefix}--contained-list__label`
-  }, label), action && /*#__PURE__*/React__default.createElement("div", {
+  }, label), /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--contained-list__action`
-  }, action)), /*#__PURE__*/React__default.createElement("ul", {
+  }, action)), children && /*#__PURE__*/React__default.createElement("ul", {
     "aria-labelledby": labelId
-  }, children));
+  }, isActionSearch ? filteredChildren : renderedChildren));
 }
 
 ContainedList.propTypes = {

package/es/components/DataTable/DataTable.js

@@ -425,33 +425,34 @@ class DataTable extends React__default.Component {
 
     };
     this.instanceId = getInstanceId();
-  }
+  } // if state needs to be updated then wait for only update after state is finished
 
-  componentDidUpdate(prevProps) {
-    if (prevProps === this.props) {
-      return;
-    }
 
-    const prevRowIds = prevProps.rows.map(row => row.id);
-    const rowIds = this.props.rows.map(row => row.id);
+  shouldComponentUpdate(nextProps) {
+    if (this.props !== nextProps) {
+      const nextRowIds = nextProps.rows.map(row => row.id);
+      const rowIds = this.props.rows.map(row => row.id);
 
-    if (!isEqual(prevRowIds, rowIds)) {
-      this.setState(state => getDerivedStateFromProps(this.props, state));
-      return;
-    }
+      if (!isEqual(nextRowIds, rowIds)) {
+        this.setState(state => getDerivedStateFromProps(this.props, state));
+        return false;
+      }
 
-    const prevHeaders = prevProps.headers.map(header => header.key);
-    const headers = this.props.headers.map(header => header.key);
+      const nextHeaders = nextProps.headers.map(header => header.key);
+      const headers = this.props.headers.map(header => header.key);
 
-    if (!isEqual(prevHeaders, headers)) {
-      this.setState(state => getDerivedStateFromProps(this.props, state));
-      return;
-    }
+      if (!isEqual(nextHeaders, headers)) {
+        this.setState(state => getDerivedStateFromProps(this.props, state));
+        return false;
+      }
 
-    if (!isEqual(prevProps.rows, this.props.rows)) {
-      this.setState(state => getDerivedStateFromProps(this.props, state));
-      return;
+      if (!isEqual(nextProps.rows, this.props.rows)) {
+        this.setState(state => getDerivedStateFromProps(this.props, state));
+        return false;
+      }
     }
+
+    return true;
   }
   /**
    * Get the props associated with the given header. Mostly used for adding in

package/es/components/DatePicker/DatePicker.Skeleton.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { type HTMLAttributes } from 'react';
+export interface DatePickerSkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    range?: boolean;
+}
+declare const DatePickerSkeleton: {
+    ({ range, id, className, ...rest }: DatePickerSkeletonProps): JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the id to add.
+         */
+        id: PropTypes.Requireable<string>;
+        /**
+         * Specify whether the skeleton should be of range date picker.
+         */
+        range: PropTypes.Requireable<boolean>;
+    };
+};
+export default DatePickerSkeleton;
+export { DatePickerSkeleton };

package/es/components/DatePicker/DatePicker.Skeleton.js

@@ -63,6 +63,5 @@ DatePickerSkeleton.propTypes = {
    */
   range: PropTypes.bool
 };
-var DatePickerSkeleton$1 = DatePickerSkeleton;
 
-export { DatePickerSkeleton, DatePickerSkeleton$1 as default };
+export { DatePickerSkeleton, DatePickerSkeleton as default };

package/es/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { ReactNodeLike } from 'prop-types';
+import React, { ChangeEventHandler } from 'react';
+import { ReactAttr } from '../../types/common';
+type ExcludedAttributes = 'value' | 'onChange' | 'locale';
+export type DatePickerTypes = 'simple' | 'single' | 'range';
+export type CalRef = {
+    inline: boolean;
+    disableMobile: boolean;
+    defaultDate: Date;
+    closeOnSelect: (evt: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    mode: 'simple' | 'single' | 'range';
+    allowInput: boolean;
+    dateFormat: string;
+    locale: string;
+    plugins: [];
+    clickOpens: any;
+};
+interface DatePickerProps extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes> {
+    /**
+     * flatpickr prop passthrough. Allows the user to enter a date directly
+     * into the input field
+     */
+    allowInput: boolean | undefined;
+    /**
+     * The DOM element the flatpickr should be inserted into `<body>` by default.
+     */
+    appendTo: object | undefined;
+    /**
+     * The child nodes.
+     */
+    children: React.ReactNode | object;
+    /**
+     * The CSS class names.
+     */
+    className: string | undefined;
+    /**
+     * flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.
+     */
+    closeOnSelect: boolean | undefined;
+    /**
+     * The date format.
+     */
+    dateFormat?: string;
+    /**
+     * The type of the date picker:
+     *
+     * * `simple` - Without calendar dropdown.
+     * * `single` - With calendar dropdown and single date.
+     * * `range` - With calendar dropdown and a date range.
+     */
+    datePickerType?: DatePickerTypes;
+    /**
+     * The flatpickr `disable` option that allows a user to disable certain dates.
+     */
+    disable?: string[];
+    /**
+     * The flatpickr `enable` option that allows a user to enable certain dates.
+     */
+    enable?: string[];
+    /**
+     * The flatpickr `inline` option.
+     */
+    inline: boolean | undefined;
+    /**
+     * Specify whether or not the control is invalid (Fluid only)
+     */
+    invalid: boolean | undefined;
+    /**
+     * Provide the text that is displayed when the control is in error state (Fluid Only)
+     */
+    invalidText: ReactNodeLike;
+    /**
+     * `true` to use the light version.
+     */
+    light: boolean;
+    /**
+     *  The language locale used to format the days of the week, months, and numbers. The full list of supported locales can be found here https://github.com/flatpickr/flatpickr/tree/master/src/l10n
+     */
+    locale?: string | any | 'ar' | 'at' | 'az' | 'be' | 'bg' | 'bn' | 'bs' | 'cat' | 'cs' | 'cy' | 'da' | 'de' | 'en' | 'eo' | 'es' | 'et' | 'fa' | 'fi' | 'fo' | 'fr' | 'ga' | 'gr' | 'he' | 'hi' | 'hr' | 'hu' | 'id' | 'is' | 'it' | 'ja' | 'ka' | 'km' | 'ko' | 'kz' | 'lt' | 'lv' | 'mk' | 'mn' | 'ms' | 'my' | 'nl' | 'no' | 'pa' | 'pl' | 'pt' | 'ro' | 'ru' | 'si' | 'sk' | 'sl' | 'sq' | 'sr' | 'sv' | 'th' | 'tr' | 'uk' | 'uz' | 'uz_latn' | 'vn' | 'zh_tw' | 'zh' | undefined;
+    /**
+     * The maximum date that a user can pick to.
+     */
+    maxDate?: string;
+    /**
+     * The minimum date that a user can start picking from.
+     */
+    minDate?: string;
+    /**
+     * The `change` event handler.
+     */
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
+    /**
+     * The `close` event handler.
+     */
+    onClose?: any;
+    /**
+     * The `open` event handler.
+     */
+    onOpen?: ChangeEventHandler<HTMLSelectElement>;
+    /**
+     * whether the DatePicker is to be readOnly
+     * if boolean applies to all inputs
+     * if array applies to each input in order
+     */
+    readOnly?: boolean | [] | any | undefined;
+    /**
+     * `true` to use the short version.
+     */
+    short?: boolean;
+    /**
+     * The value of the date value provided to flatpickr, could
+     * be a date, a date number, a date string, an array of dates.
+     */
+    value?: string | number | (string | number | object)[] | object | undefined;
+    /**
+     * Specify whether the control is currently in warning state (Fluid only)
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state (Fluid only)
+     */
+    warnText: ReactNodeLike;
+}
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+export default DatePicker;

package/es/components/DatePicker/DatePicker.js

@@ -24,6 +24,7 @@ import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import { match } from '../../internal/keyboard/match.js';
 import { Escape, ArrowDown } from '../../internal/keyboard/keys.js';
 
+// Weekdays shorthand for english locale
 l10n.en.weekdays.shorthand.forEach((_day, index) => {
   const currentDay = l10n.en.weekdays.shorthand;
 
@@ -183,26 +184,29 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
       setHasInput(true);
     }
   }, []);
-  const endInputField = useRef(null);
   const lastStartValue = useRef(''); // fix datepicker deleting the selectedDate when the calendar closes
 
   const onCalendarClose = (selectedDates, dateStr) => {
     setTimeout(() => {
       if (lastStartValue.current && selectedDates[0] && !startInputField.current.value) {
+        var _endInputField$curren;
+
         startInputField.current.value = lastStartValue.current;
-        calendarRef.current.setDate([startInputField.current.value, endInputField.current.value], true, calendarRef.current.config.dateFormat);
+        calendarRef.current.setDate([startInputField.current.value, endInputField === null || endInputField === void 0 ? void 0 : (_endInputField$curren = endInputField.current) === null || _endInputField$curren === void 0 ? void 0 : _endInputField$curren.value], true, calendarRef.current.config.dateFormat);
       }
 
       if (onClose) {
         onClose(calendarRef.current.selectedDates, dateStr, calendarRef.current);
       }
     });
-  };
+  }; //const savedOnOpen = useSavedCallback(onOpen);
+
 
+  const endInputField = useRef(null);
   const calendarRef = useRef(null);
-  const savedOnChange = useSavedCallback(onChange);
+  const savedOnChange = useSavedCallback(() => onChange);
   const savedOnClose = useSavedCallback(datePickerType === 'range' ? onCalendarClose : onClose);
-  const savedOnOpen = useSavedCallback(onOpen);
+  const savedOnOpen = useSavedCallback(() => onOpen);
   const datePickerClasses = cx(`${prefix}--date-picker`, {
     [`${prefix}--date-picker--short`]: short,
     [`${prefix}--date-picker--light`]: light,
@@ -212,7 +216,7 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
     [`${prefix}--date-picker--nolabel`]: datePickerType === 'range' && isLabelTextEmpty(children)
   });
   const wrapperClasses = cx(`${prefix}--form-item`, {
-    [className]: className
+    [String(className)]: className
   });
   const childrenWithProps = React__default.Children.toArray(children).map((child, index) => {
     if (index === 0 && child.type === React__default.createElement(DatePickerInput, child.props).type) {
@@ -268,7 +272,7 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
     // is provided, we return the default empty disabled array, allowing all dates.
 
 
-    let enableOrDisable = enable ? 'enable' : 'disable';
+    const enableOrDisable = enable ? 'enable' : 'disable';
     let enableOrDisableArr;
 
     if (!enable && !disable) {
@@ -282,7 +286,7 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
     let localeData;
 
     if (typeof locale === 'object') {
-      let location = locale.locale ? locale.locale : 'en';
+      const location = locale.locale ? locale.locale : 'en';
       localeData = { ...l10n[location],
         ...locale
       };
@@ -296,7 +300,7 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
     const {
       current: end
     } = endInputField;
-    const calendar = new flatpickr(start, {
+    const flatpickerconfig = {
       inline: inline ?? false,
       disableMobile: true,
       defaultDate: value,
@@ -340,7 +344,8 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
         savedOnOpen(...arguments);
       },
       onValueUpdate: onHook
-    });
+    };
+    const calendar = flatpickr(start, flatpickerconfig);
     calendarRef.current = calendar;
 
     function handleArrowDown(event) {
@@ -728,6 +733,5 @@ DatePicker.propTypes = {
    */
   warnText: PropTypes.node
 };
-var DatePicker$1 = DatePicker;
 
-export { DatePicker$1 as default };
+export { DatePicker as default };

package/es/components/DatePicker/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 DatePicker from './DatePicker';
+export { default as DatePickerSkeleton, type DatePickerSkeletonProps, } from './DatePicker.Skeleton';
+export default DatePicker;
+export { DatePicker };

package/es/components/DatePicker/index.js

@@ -7,3 +7,4 @@
 
 import DatePicker from './DatePicker.js';
 export { default as DatePicker, default } from './DatePicker.js';
+export { default as DatePickerSkeleton } from './DatePicker.Skeleton.js';

package/es/components/DatePickerInput/DatePickerInput.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { ReactElementLike, ReactNodeArray } from 'prop-types';
+import React from 'react';
+import { ReactAttr } from '../../types/common';
+type ExcludedAttributes = 'value' | 'onChange' | 'locale' | 'children';
+export type ReactNodeLike = ReactElementLike | ReactNodeArray | string | number | boolean | null | undefined;
+export type func = (...args: any[]) => any;
+interface DatePickerInputProps extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes> {
+    /**
+     * The type of the date picker:
+     *
+     * * `simple` - Without calendar dropdown.
+     * * `single` - With calendar dropdown and single date.
+     * * `range` - With calendar dropdown and a date range.
+     */
+    datePickerType?: 'simple' | 'single' | 'range';
+    /**
+     * Specify whether or not the input should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Provide text that is used alongside the control label for additional help
+     */
+    helperText?: ReactNodeLike;
+    /**
+     * Specify if the label should be hidden
+     */
+    hideLabel?: boolean;
+    /**
+     * Specify an id that uniquely identifies the `<input>`
+     */
+    id: string;
+    /**
+     * Specify whether or not the input should be invalid
+     */
+    invalid?: boolean;
+    /**
+     * Specify the text to be rendered when the input is invalid
+     */
+    invalidText: ReactNodeLike;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this
+     * control
+     */
+    labelText: ReactNodeLike;
+    /**
+     * Specify an `onChange` handler that is called whenever a change in the
+     * input field has occurred
+     */
+    onChange?: func;
+    /**
+     * Provide a function to be called when the input field is clicked
+     */
+    onClick?: func;
+    /**
+     * Provide a regular expression that the input value must match
+     * TODO:need to be rewritten
+     */
+    pattern: (props: {
+        [key: string]: any;
+    }, propName: string, componentName: string) => null | any | Error;
+    /**
+     * Specify the placeholder text
+     */
+    placeholder?: string;
+    /**
+     * whether the DatePicker is to be readOnly
+     */
+    readOnly?: boolean;
+    /**
+     * Specify the size of the Date Picker Input. Currently supports either `sm`, `md`, or `lg` as an option.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Specify the type of the `<input>`
+     */
+    type?: string;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: ReactNodeLike;
+}
+declare const DatePickerInput: React.ForwardRefExoticComponent<DatePickerInputProps & React.RefAttributes<HTMLDivElement>>;
+export default DatePickerInput;

package/es/components/ExpandableSearch/ExpandableSearch.d.ts

@@ -9,5 +9,6 @@ import { type SearchProps } from '../Search';
 declare function ExpandableSearch({ onBlur, onChange, onExpand, onFocus, ...props }: SearchProps): JSX.Element;
 declare namespace ExpandableSearch {
     var propTypes: React.WeakValidationMap<SearchProps & React.RefAttributes<HTMLInputElement>> | undefined;
+    var displayName: string;
 }
 export default ExpandableSearch;

package/es/components/ExpandableSearch/ExpandableSearch.js

@@ -64,5 +64,6 @@ function ExpandableSearch(_ref) {
 }
 
 ExpandableSearch.propTypes = Search.propTypes;
+ExpandableSearch.displayName = 'ExpandableSearch';
 
 export { ExpandableSearch as default };

package/es/components/FluidDatePicker/FluidDatePicker.js

@@ -10,6 +10,7 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import DatePicker from '../DatePicker/DatePicker.js';
+import '../DatePicker/DatePicker.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 

package/es/components/Heading/index.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { type ElementType } from 'react';
+import type { PolymorphicProps } from '../../types/common';
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type SectionBaseProps = {
+    level?: HeadingLevel;
+};
+type SectionProps<E extends ElementType> = PolymorphicProps<E, SectionBaseProps>;
+export declare function Section<E extends ElementType = 'section'>({ as: BaseComponent, level: levelOverride, ...rest }: SectionProps<E>): JSX.Element;
+export declare namespace Section {
+    var propTypes: {
+        /**
+         * Provide an alternative tag or component to use instead of the default
+         * <section> element
+         */
+        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        /**
+         * Specify the content that will be placed in the component
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify a class name for the outermost node of the component
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Overrides the level of the section
+         */
+        level: PropTypes.Requireable<number>;
+    };
+}
+type HeadingProps = JSX.IntrinsicElements[`h${HeadingLevel}`];
+export declare function Heading(props: HeadingProps): JSX.Element;
+export declare namespace Heading {
+    var propTypes: {
+        /**
+         * Specify the content that will be placed in the component
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify a class name for the outermost node of the component
+         */
+        className: PropTypes.Requireable<string>;
+    };
+}
+export {};

package/es/components/Heading/index.js

@@ -9,21 +9,19 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 
 const HeadingContext = /*#__PURE__*/React__default.createContext(1);
-
 function Section(_ref) {
   let {
     as: BaseComponent = 'section',
     level: levelOverride,
-    children,
     ...rest
   } = _ref;
   const parentLevel = React__default.useContext(HeadingContext);
-  const level = typeof levelOverride !== 'undefined' ? levelOverride : parentLevel + 1;
+  const level = levelOverride ?? parentLevel + 1;
+  const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React__default.createElement(HeadingContext.Provider, {
     value: Math.min(level, 6)
-  }, /*#__PURE__*/React__default.createElement(BaseComponent, rest, children));
+  }, /*#__PURE__*/React__default.createElement(BaseComponentAsAny, rest));
 }
-
 Section.propTypes = {
   /**
    * Provide an alternative tag or component to use instead of the default
@@ -46,12 +44,10 @@ Section.propTypes = {
    */
   level: PropTypes.number
 };
-
 function Heading(props) {
-  const level = React__default.useContext(HeadingContext);
-  return /*#__PURE__*/React__default.createElement(`h${level}`, props);
+  const HeadingIntrinsic = `h${React__default.useContext(HeadingContext)}`;
+  return /*#__PURE__*/React__default.createElement(HeadingIntrinsic, props);
 }
-
 Heading.propTypes = {
   /**
    * Specify the content that will be placed in the component

package/es/components/OverflowMenu/OverflowMenu.js

@@ -374,6 +374,7 @@ class OverflowMenu extends Component {
       onClick: this.handleClick,
       id: id,
       ref: mergeRefs(this._triggerRef, ref),
+      size: size,
       label: iconDescription
     }), /*#__PURE__*/React__default.createElement(IconElement, iconProps)), open && this.state.hasMountedTrigger && wrappedMenuBody));
   }