carbon-react 106.6.0 → 106.6.3

package/lib/components/action-popover/action-popover.style.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledMenuItem = exports.MenuButtonOverrideWrapper = exports.SubMenuItemIcon = exports.MenuItemDivider = exports.MenuItemIcon = exports.StyledButtonIcon = exports.ButtonIcon = exports.MenuButton = exports.MenuItemFactory = exports.Menu = void 0;
+exports.StyledMenuItem = exports.MenuButtonOverrideWrapper = exports.SubMenuItemIcon = exports.MenuItemDivider = exports.MenuItemIcon = exports.StyledButtonIcon = exports.ButtonIcon = exports.MenuButton = exports.Menu = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -40,13 +40,7 @@ exports.Menu = Menu;
 const StyledMenuItem = _styledComponents.default.button`
   text-decoration: none;
   background-color: var(--colorsActionMajorYang100);
-`;
-exports.StyledMenuItem = StyledMenuItem;
-
-const MenuItemFactory = button => (0, _styledComponents.default)(button)`
-  cursor: ${({
-  disabled
-}) => disabled ? "not-allowed" : "pointer"};
+  cursor: pointer;
   box-sizing: border-box;
   padding: 0 var(--spacing150);
   position: relative;
@@ -57,44 +51,43 @@ const MenuItemFactory = button => (0, _styledComponents.default)(button)`
   align-items: center;
   border: none;
   width: 100%;
-  color: ${({
-  disabled
-}) => disabled ? "var(--colorsUtilityYin030)" : "var(--colorsUtilityYin090)"};
+  color: var(--colorsUtilityYin090);
   font-size: 14px;
   font-weight: 700;
   justify-content: ${({
   horizontalAlignment
 }) => horizontalAlignment === "left" ? "flex-start" : "flex-end"};
-  &:focus,
-  &:hover {
-    ${({
-  disabled
-}) => !disabled && (0, _styledComponents.css)`
-        background-color: var(--colorsUtilityMajor025);
-      `}
-  }
+
   &:focus {
     outline: var(--borderWidth300) solid var(--colorsSemanticFocus500);
     z-index: 1;
   }
+
   ${({
-  disabled
-}) => !disabled && (0, _styledComponents.css)`
+  isDisabled
+}) => isDisabled && (0, _styledComponents.css)`
+      color: var(--colorsUtilityYin030);
+      cursor: not-allowed;
+
       && ${_icon2.default} {
-        cursor: pointer;
+        cursor: not-allowed;
+        color: var(--colorsUtilityYin030);
       }
     `}
+
   ${({
-  disabled
-}) => disabled && (0, _styledComponents.css)`
+  isDisabled
+}) => !isDisabled && (0, _styledComponents.css)`
+      &:focus,
+      &:hover {
+        background-color: var(--colorsUtilityMajor025);
+      }
       && ${_icon2.default} {
-        cursor: not-allowed;
-        color: var(--colorsUtilityYin030);
+        cursor: pointer;
       }
     `}
 `;
-
-exports.MenuItemFactory = MenuItemFactory;
+exports.StyledMenuItem = StyledMenuItem;
 const MenuItemDivider = _styledComponents.default.div.attrs({
   "data-element": "action-popover-divider"
 })`

package/lib/components/action-popover/index.d.ts

@@ -1,5 +1,9 @@
-export { default as ActionPopover } from "./action-popover";
-export { default as ActionPopoverMenu } from "./action-popover-menu/action-popover-menu";
-export { default as ActionPopoverItem } from "./action-popover-item/action-popover-item";
-export { default as ActionPopoverMenuButton } from "./action-popover-menu-button";
-export { default as ActionPopoverDivider } from "./action-popover-divider/action-popover-divider";
+export { default as ActionPopover } from "./action-popover.component";
+export type { ActionPopoverProps } from "./action-popover.component";
+export { default as ActionPopoverMenu } from "./action-popover-menu/action-popover-menu.component";
+export type { ActionPopoverMenuProps } from "./action-popover-menu/action-popover-menu.component";
+export { default as ActionPopoverItem } from "./action-popover-item/action-popover-item.component";
+export type { ActionPopoverItemProps } from "./action-popover-item/action-popover-item.component";
+export { default as ActionPopoverMenuButton } from "./action-popover-menu-button/action-popover-menu-button.component";
+export type { ActionPopoverMenuButtonProps } from "./action-popover-menu-button/action-popover-menu-button.component";
+export { default as ActionPopoverDivider } from "./action-popover-divider/action-popover-divider.component";

package/lib/components/box/box.component.d.ts

@@ -1,2 +1,13 @@
+import React from "react";
+import { SpaceProps, LayoutProps, FlexboxProps, ColorProps } from "styled-system";
+export declare type OverflowWrap = "break-word" | "anywhere";
+export declare type ScrollVariant = "light" | "dark";
+export interface BoxProps extends SpaceProps, LayoutProps, FlexboxProps, ColorProps {
+    as?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
+    /** String to set Box content break strategy. Note "anywhere" is not supported in Safari */
+    overflowWrap?: OverflowWrap;
+    /** scroll styling attribute */
+    scrollVariant?: ScrollVariant;
+}
+declare const Box: import("styled-components").StyledComponent<"div", any, BoxProps, never>;
 export default Box;
-declare const Box: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/box/box.component.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(require("@styled-system/prop-types"));
-
-var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _styledSystem = require("styled-system");
@@ -19,17 +15,27 @@ var _color = _interopRequireDefault(require("../../style/utils/color"));
 
 var _box = _interopRequireDefault(require("./box.config"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Box = _styledComponents.default.div`
   ${_styledSystem.space}
   ${_styledSystem.layout}
   ${_styledSystem.flexbox}
-  ${_color.default}
+  ${({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+}) => (0, _color.default)({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+})}
 
   ${({
   overflowWrap
@@ -54,25 +60,6 @@ const Box = _styledComponents.default.div`
       }
     `}
 `;
-Box.propTypes = {
-  /** Styled system box props */
-  ..._propTypes.default.space,
-
-  /** Styled system flex props */
-  ..._propTypes.default.flexbox,
-
-  /** Styled system layout props */
-  ..._propTypes.default.layout,
-
-  /** Styled system color props */
-  ..._propTypes.default.color,
-
-  /** String to set Box content break strategy. Note "anywhere" is not supported in Safari and IE11 */
-  overflowWrap: _propTypes2.default.oneOf(["break-word", "anywhere"]),
-
-  /** scroll styling attribute */
-  scrollVariant: _propTypes2.default.oneOf(["light", "dark"])
-};
 Box.defaultProps = {
   theme: _base.default
 };

package/lib/components/box/box.config.d.ts

@@ -1,13 +1,11 @@
-declare namespace _default {
-    namespace light {
-        const thumb: string;
-        const track: string;
-    }
-    namespace dark {
-        const thumb_1: string;
-        export { thumb_1 as thumb };
-        const track_1: string;
-        export { track_1 as track };
-    }
-}
+declare const _default: {
+    light: {
+        thumb: string;
+        track: string;
+    };
+    dark: {
+        thumb: string;
+        track: string;
+    };
+};
 export default _default;

package/lib/components/box/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./box";
+export { default } from "./box.component";
+export type { BoxProps } from "./box.component";

package/lib/components/dismissible-box/dismissible-box.style.d.ts

@@ -1,3 +1,2 @@
-declare var _default: import("styled-components").StyledComponent<typeof Box, any, {}, never>;
+declare var _default: import("styled-components").StyledComponent<"div", any, import("../box").BoxProps, never>;
 export default _default;
-import Box from "../box";

package/lib/components/drawer/drawer.style.d.ts

@@ -2,9 +2,8 @@ export const StyledSidebarHeader: import("styled-components").StyledComponent<"d
 export const StyledDrawerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledDrawerContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledDrawerChildren: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledDrawerSidebar: import("styled-components").StyledComponent<typeof Box, any, {}, never>;
+export const StyledDrawerSidebar: import("styled-components").StyledComponent<"div", any, import("../box").BoxProps, never>;
 export const StyledSidebarTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledButton: import("styled-components").StyledComponent<"button", any, {
     type: "button";
 }, "type">;
-import Box from "../box";

package/lib/components/duelling-picklist/picklist/picklist.style.d.ts

@@ -1,5 +1,4 @@
-export const StyledPicklist: import("styled-components").StyledComponent<typeof Box, any, {
-    as: "ul";
+export const StyledPicklist: import("styled-components").StyledComponent<"div", any, import("../../box").BoxProps & {
+    as: string;
 }, "as">;
 export const StyledEmptyContainer: import("styled-components").StyledComponent<"li", any, {}, never>;
-import Box from "../../box";

package/lib/components/flat-table/flat-table.style.d.ts

@@ -1,5 +1,4 @@
-export const StyledFlatTableWrapper: import("styled-components").StyledComponent<typeof Box, any, {}, never>;
+export const StyledFlatTableWrapper: import("styled-components").StyledComponent<"div", any, import("../box").BoxProps, never>;
 export const StyledFlatTable: import("styled-components").StyledComponent<"table", any, {}, never>;
 export const StyledFlatTableFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledTableContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-import Box from "../box";

package/lib/components/form/form.component.js

@@ -45,6 +45,7 @@ const Form = ({
   } = (0, _react.useContext)(_sidebar.SidebarContext);
   const formRef = (0, _react.useRef)();
   const formFooterRef = (0, _react.useRef)();
+  const renderFooter = !!(saveButton || leftSideButtons || rightSideButtons || errorCount || warningCount);
   return /*#__PURE__*/_react.default.createElement(_form.StyledForm, _extends({
     ref: formRef,
     stickyFooter: stickyFooter,
@@ -58,7 +59,7 @@ const Form = ({
     "data-element": "form-content",
     stickyFooter: stickyFooter,
     className: stickyFooter ? "sticky" : ""
-  }, children), /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, {
+  }, children), renderFooter && /*#__PURE__*/_react.default.createElement(_form.StyledFormFooter, {
     "data-element": "form-footer",
     className: stickyFooter ? "sticky" : "",
     ref: formFooterRef,

package/lib/components/modal/modal.component.js

@@ -17,7 +17,7 @@ var _portal = _interopRequireDefault(require("../portal"));
 
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
-var _modalManager = _interopRequireDefault(require("./__internal__/modal-manager"));
+var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
 
 var _modal = require("./modal.style");
 
@@ -46,8 +46,6 @@ const Modal = ({
   const ref = (0, _react.useRef)();
   const backgroundNodeRef = (0, _react.useRef)();
   const contentNodeRef = (0, _react.useRef)();
-  const listenerAdded = (0, _react.useRef)(false);
-  const modalRegistered = (0, _react.useRef)(false);
   const [isAnimationComplete, setAnimationComplete] = (0, _react.useState)(false);
   const [triggerRefocusFlag, setTriggerRefocusFlag] = (0, _react.useState)(false);
   const {
@@ -73,69 +71,12 @@ const Modal = ({
     };
   }, [allowScroll, enableBackgroundUI]);
   const closeModal = (0, _react.useCallback)(ev => {
-    const isTopmost = _modalManager.default.isTopmost(ref.current);
-
-    if (onCancel && !disableClose && !disableEscKey && _events.default.isEscKey(ev) && isTopmost) {
+    if (onCancel && !disableClose && !disableEscKey && _events.default.isEscKey(ev)) {
       ev.stopImmediatePropagation();
       onCancel(ev);
     }
   }, [disableClose, disableEscKey, onCancel]);
-  const addListener = (0, _react.useCallback)(() => {
-    /* istanbul ignore else */
-    if (!listenerAdded.current) {
-      document.addEventListener("keyup", closeModal);
-      listenerAdded.current = true;
-    }
-  }, [closeModal]);
-  const removeListener = (0, _react.useCallback)(() => {
-    if (listenerAdded.current) {
-      document.removeEventListener("keyup", closeModal);
-      listenerAdded.current = false;
-    }
-  }, [closeModal]);
-  (0, _react.useEffect)(() => {
-    if (open) {
-      addListener();
-    }
-
-    if (!open) {
-      removeListener();
-    }
-  }, [addListener, open, removeListener]);
-  (0, _react.useEffect)(() => {
-    return () => {
-      removeListener();
-    };
-  }, [removeListener]);
-  const registerModal = (0, _react.useCallback)(() => {
-    /* istanbul ignore else */
-    if (!modalRegistered.current) {
-      _modalManager.default.addModal(ref.current, setTriggerRefocusFlag);
-
-      modalRegistered.current = true;
-    }
-  }, []);
-  const unregisterModal = (0, _react.useCallback)(() => {
-    if (modalRegistered.current) {
-      _modalManager.default.removeModal(ref.current);
-
-      modalRegistered.current = false;
-    }
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (open) {
-      registerModal();
-    }
-
-    if (!open) {
-      unregisterModal();
-    }
-  }, [open, registerModal, unregisterModal]);
-  (0, _react.useEffect)(() => {
-    return () => {
-      unregisterModal();
-    };
-  }, [unregisterModal]);
+  (0, _useModalManager.default)(open, closeModal, ref, setTriggerRefocusFlag);
   let background;
   let content;
 

package/lib/components/select/select.style.js

@@ -37,7 +37,7 @@ const StyledSelect = _styledComponents.default.div`
     position: relative;
 
     ${_input.default} {
-      cursor: "text";
+      cursor: text;
 
       ${disabled && (0, _styledComponents.css)`
         cursor: not-allowed;

package/lib/components/toast/toast.component.js

@@ -21,12 +21,12 @@ var _toast = require("./toast.style");
 
 var _iconButton = _interopRequireDefault(require("../icon-button"));
 
-var _modalManager = _interopRequireDefault(require("../modal/__internal__/modal-manager"));
-
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
 
+var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
+
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -68,25 +68,12 @@ const Toast = ({
     return (0, _classnames.default)(className);
   }, [className]);
   const dismissToast = (0, _react.useCallback)(ev => {
-    const isTopmost = _modalManager.default.isTopmost(toastRef.current);
-
-    if (onDismiss && _events.default.isEscKey(ev) && isTopmost) {
+    if (onDismiss && _events.default.isEscKey(ev)) {
       ev.stopImmediatePropagation();
       onDismiss(ev);
     }
   }, [onDismiss]);
-  (0, _react.useEffect)(() => {
-    const currentElement = toastRef.current;
-
-    _modalManager.default.addModal(currentElement);
-
-    document.addEventListener("keyup", dismissToast);
-    return () => {
-      _modalManager.default.removeModal(currentElement);
-
-      document.removeEventListener("keyup", dismissToast);
-    };
-  }, [dismissToast]);
+  (0, _useModalManager.default)(open, dismissToast, toastRef);
   (0, _react.useEffect)(() => {
     clearTimeout(timer.current);
 

package/lib/hooks/__internal__/useModalManager/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./useModalManager";

package/lib/hooks/__internal__/useModalManager/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useModalManager.default;
+  }
+});
+
+var _useModalManager = _interopRequireDefault(require("./useModalManager"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/hooks/__internal__/useModalManager/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../../esm/hooks/__internal__/useModalManager/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/hooks/__internal__/useModalManager/useModalManager.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const useModalManager: (open: boolean, closeModal: (e: KeyboardEvent) => void, modalRef: React.RefObject<HTMLElement>, setTriggerRefocusFlag?: ((flag: boolean) => void) | undefined) => void;
+export default useModalManager;

package/lib/hooks/__internal__/useModalManager/useModalManager.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _modalManager = _interopRequireDefault(require("../../../components/modal/__internal__/modal-manager"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const useModalManager = (open, closeModal, modalRef, setTriggerRefocusFlag) => {
+  const listenerAdded = (0, _react.useRef)(false);
+  const modalRegistered = (0, _react.useRef)(false);
+  const handleClose = (0, _react.useCallback)(ev => {
+    const isTopmost = _modalManager.default.isTopmost(modalRef.current);
+
+    if (isTopmost) {
+      closeModal(ev);
+    }
+  }, [modalRef, closeModal]);
+  const addListener = (0, _react.useCallback)(() => {
+    /* istanbul ignore else */
+    if (!listenerAdded.current) {
+      document.addEventListener("keyup", handleClose);
+      listenerAdded.current = true;
+    }
+  }, [handleClose]);
+  const removeListener = (0, _react.useCallback)(() => {
+    if (listenerAdded.current) {
+      document.removeEventListener("keyup", handleClose);
+      listenerAdded.current = false;
+    }
+  }, [handleClose]);
+  (0, _react.useEffect)(() => {
+    if (open) {
+      addListener();
+    } else {
+      removeListener();
+    }
+  }, [addListener, open, removeListener]);
+  (0, _react.useEffect)(() => {
+    return () => {
+      removeListener();
+    };
+  }, [removeListener]);
+  const registerModal = (0, _react.useCallback)(() => {
+    /* istanbul ignore else */
+    if (!modalRegistered.current) {
+      _modalManager.default.addModal(modalRef.current, setTriggerRefocusFlag);
+
+      modalRegistered.current = true;
+    }
+  }, [modalRef, setTriggerRefocusFlag]);
+  const unregisterModal = (0, _react.useCallback)(() => {
+    if (modalRegistered.current) {
+      _modalManager.default.removeModal(modalRef.current);
+
+      modalRegistered.current = false;
+    }
+  }, [modalRef]);
+  (0, _react.useEffect)(() => {
+    if (open) {
+      registerModal();
+    } else {
+      unregisterModal();
+    }
+  }, [open, registerModal, unregisterModal]);
+  (0, _react.useEffect)(() => {
+    return () => {
+      unregisterModal();
+    };
+  }, [unregisterModal]);
+};
+
+var _default = useModalManager;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "106.6.0",
+  "version": "106.6.3",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -98,6 +98,7 @@
     "@types/react": "16.9.56",
     "@types/react-dom": "16.9.8",
     "@types/react-test-renderer": "^17.0.1",
+    "@types/sprintf-js": "^1.1.2",
     "@types/styled-components": "^5.1.9",
     "@types/uuid": "^8.3.3",
     "@typescript-eslint/eslint-plugin": "^5.4.0",
@@ -112,6 +113,7 @@
     "conventional-changelog-conventionalcommits": "^4.5.0",
     "core-js": "^3.20.3",
     "cross-env": "^5.2.0",
+    "css-loader": "4.0.0",
     "cypress": "^9.6.0",
     "cypress-axe": "^0.14.0",
     "cypress-cucumber-preprocessor": "^4.3.1",
@@ -138,6 +140,7 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "events": "~1.1.1",
     "fast-glob": "^3.2.7",
+    "file-loader": "^6.2.0",
     "fs-extra": "^10.0.0",
     "husky": "^4.3.6",
     "jest": "^26.6.3",
@@ -159,6 +162,7 @@
     "ts-node": "^10.4.0",
     "typescript": "^4.6.2",
     "typescript-to-proptypes": "^2.2.1",
+    "url-loader": "^4.1.1",
     "uuid": "^8.3.2",
     "webpack-dev-server": "^4.0.0"
   },

package/esm/components/action-popover/action-popover-divider/action-popover-divider.d.ts

@@ -1,12 +0,0 @@
-import { StyledComponentProps } from "styled-components";
-
-declare function ActionPopoverDivider(
-  attrs: StyledComponentProps<
-    "div",
-    Record<string, unknown>,
-    Record<string, unknown>,
-    ""
-  >
-): JSX.Element;
-
-export default ActionPopoverDivider;

package/esm/components/action-popover/action-popover-item/action-popover-item.d.ts

@@ -1,26 +0,0 @@
-import { IconType } from "components/icon/icon";
-import * as React from "react";
-import { ActionPopoverMenuProps } from "../action-popover-menu/action-popover-menu";
-
-export interface ActionPopoverItemProps {
-  /** The text label to display for this Item */
-  children: string;
-  /** Flag to indicate if item is disabled */
-  disabled?: boolean;
-  /** allows to provide download prop that works dependent with href */
-  download?: boolean;
-  /** allows to provide href prop */
-  href?: string;
-  /** The name of the icon to display next to the label */
-  icon?: IconType;
-  /** Callback to run when item is clicked */
-  onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
-  /** Submenu component for item */
-  submenu?: React.ReactElement<ActionPopoverMenuProps>;
-}
-
-declare function MenuItem(props: ActionPopoverItemProps): JSX.Element;
-declare function ActionPopoverItem(props: ActionPopoverItemProps): JSX.Element;
-
-export { MenuItem };
-export default ActionPopoverItem;

package/esm/components/action-popover/action-popover-menu/action-popover-menu.d.ts

@@ -1,33 +0,0 @@
-import * as React from "react";
-import ActionPopoverDivider from "../action-popover-divider/action-popover-divider";
-import { ActionPopoverItemProps } from "../action-popover-item/action-popover-item";
-
-type ActionPopoverChild =
-  | React.ReactElement<ActionPopoverItemProps>
-  | typeof ActionPopoverDivider
-  | boolean
-  | null
-  | undefined;
-
-export interface ActionPopoverMenuProps {
-  /** Children for the menu */
-  children?: ActionPopoverChild | ActionPopoverChild[];
-  /** Index to control which item is focused */
-  focusIndex?: number;
-  /** Flag to indicate whether a menu should open */
-  isOpen?: boolean;
-  /** A unique ID for the menu */
-  menuID?: string;
-  /** Callback to set the index of the focused item */
-  setFocusIndex?: (args: number) => any;
-  /** Callback to set the isOpen flag */
-  setOpen?: (args: boolean) => any;
-  /** Unique ID for the menu's parent */
-  parentID?: string;
-}
-
-declare function ActionPopoverMenu(
-  props: ActionPopoverMenuProps & React.RefAttributes<HTMLDivElement>
-): JSX.Element;
-
-export default ActionPopoverMenu;

package/esm/components/action-popover/action-popover-menu-button/action-popover-menu-button.d.ts

@@ -1,13 +0,0 @@
-export interface ActionPopoverMenuButtonProps {
-  children?: string;
-  buttonType?: string;
-  iconType?: string;
-  iconPosition?: string;
-  size?: string;
-}
-
-declare function ActionPopoverMenuButton(
-  props: ActionPopoverMenuButtonProps
-): JSX.Element;
-
-export default ActionPopoverMenuButton;