carbon-react 138.2.2 → 140.0.0

package/esm/components/dialog/dialog.component.js

@@ -16,6 +16,8 @@ import useModalAria from "../../hooks/__internal__/useModalAria/useModalAria";
 const PADDING_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
 const Dialog = /*#__PURE__*/forwardRef(({
   className,
+  "data-element": dataElement = "dialog",
+  "data-role": dataRole,
   children,
   open,
   height,
@@ -148,19 +150,14 @@ const Dialog = /*#__PURE__*/forwardRef(({
     "aria-describedby": subtitle && typeof subtitle === "string" ? subtitleId : rest["aria-describedby"],
     "aria-label": rest["aria-label"]
   };
-  const componentTags = {
-    "data-component": rest["data-component"] || "dialog",
-    "data-element": rest["data-element"],
-    "data-role": rest["data-role"]
-  };
-  return /*#__PURE__*/React.createElement(Modal, _extends({
+  return /*#__PURE__*/React.createElement(Modal, {
     open: open,
     onCancel: onCancel,
     disableEscKey: disableEscKey,
     disableClose: disableClose,
     className: className ? `${className} carbon-dialog` : "carbon-dialog",
     topModalOverride: topModalOverride
-  }, componentTags), /*#__PURE__*/React.createElement(FocusTrap, {
+  }, /*#__PURE__*/React.createElement(FocusTrap, {
     autoFocus: !disableAutoFocus,
     focusFirstElement: focusFirstElement,
     bespokeTrap: bespokeFocusTrap,
@@ -169,18 +166,21 @@ const Dialog = /*#__PURE__*/forwardRef(({
     isOpen: open,
     additionalWrapperRefs: focusableContainers
   }, /*#__PURE__*/React.createElement(StyledDialog, _extends({
+    "data-component": "dialog",
+    "data-element": dataElement,
+    "data-role": dataRole,
     "aria-modal": isTopModal ? true : undefined,
     ref: containerRef,
     topMargin: TOP_MARGIN
   }, dialogProps, {
-    "data-component": "dialog",
-    "data-element": "dialog",
-    "data-role": rest["data-role"],
     role: role,
     tabIndex: -1
   }, contentPadding, {
     backgroundColor: greyBackground ? "var(--colorsUtilityMajor025)" : "var(--colorsUtilityYang100)"
-  }), dialogTitle(), closeIcon(), /*#__PURE__*/React.createElement(StyledDialogContent, contentPadding, /*#__PURE__*/React.createElement(StyledDialogInnerContent, _extends({
+  }), dialogTitle(), closeIcon(), /*#__PURE__*/React.createElement(StyledDialogContent, _extends({}, contentPadding, {
+    "data-role": "dialog-content"
+  }), /*#__PURE__*/React.createElement(StyledDialogInnerContent, _extends({
+    "data-role": "dialog-inner-content",
     ref: innerContentRef
   }, contentPadding), children)))));
 });
@@ -202,7 +202,6 @@ if (process.env.NODE_ENV !== "production") {
       "px": PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
       "py": PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8])
     }),
-    "data-component": PropTypes.string,
     "data-element": PropTypes.string,
     "data-role": PropTypes.string,
     "disableAutoFocus": PropTypes.bool,

package/esm/components/drawer/__internal__/drawer-sidebar.context.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface DrawerSidebarContextProps {
+    isInSidebar: boolean;
+}
+declare const _default: React.Context<DrawerSidebarContextProps>;
+export default _default;

package/esm/components/drawer/__internal__/drawer-sidebar.context.js

@@ -0,0 +1,4 @@
+import React from "react";
+export default /*#__PURE__*/React.createContext({
+  isInSidebar: false
+});

package/esm/components/drawer/drawer.component.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
-export interface DrawerSidebarContextProps {
-    isInSidebar: boolean;
-}
-export interface DrawerProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+import DrawerSidebarContext from "./__internal__/drawer-sidebar.context";
+export interface DrawerProps extends Omit<TagProps, "data-component"> {
     /** Duration of a animation */
     animationDuration?: string;
     /** Specify an aria-label for the Drawer component */
@@ -31,7 +30,6 @@ export interface DrawerProps {
     /** Makes the footer of the drawer sticky. Footer prop must also be set. */
     stickyFooter?: boolean;
 }
-declare const DrawerSidebarContext: React.Context<Partial<DrawerSidebarContextProps>>;
-export declare const Drawer: ({ defaultExpanded, expanded, onChange, children, expandedWidth, sidebar, animationDuration, backgroundColor, title, footer, showControls, height, stickyHeader, stickyFooter, ...rest }: DrawerProps) => React.JSX.Element;
+export declare const Drawer: ({ "aria-label": ariaLabel, "data-element": dataElement, "data-role": dataRole, defaultExpanded, expanded, onChange, children, expandedWidth, sidebar, animationDuration, backgroundColor, title, footer, showControls, height, stickyHeader, stickyFooter, }: DrawerProps) => React.JSX.Element;
 export { DrawerSidebarContext };
 export default Drawer;

package/esm/components/drawer/drawer.component.js

@@ -1,4 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useState, useCallback, useRef, useEffect } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
@@ -7,8 +6,11 @@ import usePrevious from "../../hooks/__internal__/usePrevious";
 import Icon from "../icon";
 import { StyledSidebarHeader, StyledDrawerWrapper, StyledDrawerContent, StyledSidebarToggleButton, StyledDrawerChildren, StyledDrawerSidebar, StyledSidebarTitle } from "./drawer.style";
 import StickyFooter from "../../__internal__/sticky-footer";
-const DrawerSidebarContext = /*#__PURE__*/React.createContext({});
+import DrawerSidebarContext from "./__internal__/drawer-sidebar.context";
 export const Drawer = ({
+  "aria-label": ariaLabel,
+  "data-element": dataElement,
+  "data-role": dataRole = "drawer",
   defaultExpanded = true,
   expanded,
   onChange,
@@ -22,8 +24,7 @@ export const Drawer = ({
   showControls,
   height = "100%",
   stickyHeader,
-  stickyFooter,
-  ...rest
+  stickyFooter
 }) => {
   const drawerSidebarContentRef = useRef(null);
   const scrollableContentRef = useRef(null);
@@ -114,17 +115,22 @@ export const Drawer = ({
       type: "chevron_right"
     }));
   };
-  return /*#__PURE__*/React.createElement(StyledDrawerWrapper, _extends({
+  return /*#__PURE__*/React.createElement(StyledDrawerWrapper, {
+    "aria-label": ariaLabel,
     "data-component": "drawer",
+    "data-element": dataElement,
+    "data-role": dataRole,
     height: height
-  }, rest), /*#__PURE__*/React.createElement(StyledDrawerContent, {
+  }, /*#__PURE__*/React.createElement(StyledDrawerContent, {
     expandedWidth: expandedWidth,
     animationDuration: animationDuration,
     className: getClassNames(),
     ref: drawerSidebarContentRef,
     backgroundColor: backgroundColor,
-    "data-element": "drawer-content"
+    "data-element": "drawer-content",
+    "data-role": "drawer-content"
   }, stickyHeader && /*#__PURE__*/React.createElement(StyledSidebarHeader, {
+    "data-role": "drawer-sidebar-header",
     isExpanded: isExpanded
   }, title && /*#__PURE__*/React.createElement(StyledSidebarTitle, null, title), getControls()), !stickyHeader && /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(StyledSidebarTitle, null, title), getControls()), /*#__PURE__*/React.createElement(StyledDrawerSidebar, {
     hasControls: !!showControls,

package/esm/components/drawer/index.d.ts

@@ -1,2 +1,2 @@
-export { default, DrawerSidebarContext } from "./drawer.component";
-export type { DrawerSidebarContextProps, DrawerProps, } from "./drawer.component";
+export { default } from "./drawer.component";
+export type { DrawerProps } from "./drawer.component";

package/esm/components/drawer/index.js

@@ -1 +1 @@
-export { default, DrawerSidebarContext } from "./drawer.component";
+export { default } from "./drawer.component";

package/esm/components/duelling-picklist/duelling-picklist.component.js

@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import { StyledDuellingPicklistOverlay, StyledDuellingPicklist, StyledLabelContainer, StyledLabel, StyledControlsContainer, StyledControl } from "./duelling-picklist.style";
 import { Picklist } from "./picklist/picklist.component";
-import FocusContext from "./duelling-picklist.context";
+import FocusContext from "./__internal__/duelling-picklist.context";
 export const DuellingPicklist = ({
   children,
   disabled,

package/esm/components/duelling-picklist/picklist/picklist.component.js

@@ -2,7 +2,7 @@ import React, { useCallback, useContext, useEffect, useMemo } from "react";
 import PropTypes from "prop-types";
 import { TransitionGroup } from "react-transition-group";
 import { StyledPicklist, StyledEmptyContainer } from "./picklist.style";
-import FocusContext from "../duelling-picklist.context";
+import FocusContext from "../__internal__/duelling-picklist.context";
 import Events from "../../../__internal__/utils/helpers/events";
 import PicklistGroup from "../picklist-group/picklist-group.component";
 export const Picklist = ({

package/esm/components/duelling-picklist/picklist-group/picklist-group.component.js

@@ -3,7 +3,7 @@ import React, { useCallback, useContext, useEffect, useMemo, useState } from "re
 import PropTypes from "prop-types";
 import { CSSTransition, TransitionGroup } from "react-transition-group";
 import { StyledGroupWrapper, StyledPicklistGroupUl, StyledPicklistGroup, StyledGroupButton } from "./picklist-group.style";
-import FocusContext from "../duelling-picklist.context";
+import FocusContext from "../__internal__/duelling-picklist.context";
 import Events from "../../../__internal__/utils/helpers/events";
 const PicklistGroup = /*#__PURE__*/React.forwardRef(({
   title,

package/esm/components/duelling-picklist/picklist-item/picklist-item.component.js

@@ -3,7 +3,7 @@ import React, { useCallback, useContext, useRef } from "react";
 import PropTypes from "prop-types";
 import { CSSTransition } from "react-transition-group";
 import { StyledPicklistItem, StyledButton, StyledLockIcon } from "./picklist-item.style";
-import FocusContext from "../duelling-picklist.context";
+import FocusContext from "../__internal__/duelling-picklist.context";
 import Events from "../../../__internal__/utils/helpers/events";
 const PicklistItem = /*#__PURE__*/React.forwardRef(({
   children,

package/esm/components/fieldset/fieldset.component.js

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { FieldsetStyle, StyledLegend } from "./fieldset.style";
-import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
+import NewValidationContext from "../carbon-provider/__internal__/new-validation.context";
 import FormSpacingProvider from "../../__internal__/form-spacing-provider";
 import useFormSpacing from "../../hooks/__internal__/useFormSpacing";
 export const Fieldset = ({

package/esm/components/flat-table/__internal__/flat-table.context.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FlatTableProps } from "../flat-table.component";
+export interface FlatTableContextProps extends Pick<FlatTableProps, "colorTheme" | "size"> {
+    getTabStopElementId: () => string;
+}
+declare const _default: React.Context<FlatTableContextProps>;
+export default _default;

package/esm/components/flat-table/__internal__/flat-table.context.js

@@ -0,0 +1,4 @@
+import React from "react";
+export default /*#__PURE__*/React.createContext({
+  getTabStopElementId: () => ""
+});

package/esm/components/flat-table/__internal__/use-table-cell.js

@@ -1,10 +1,10 @@
 import { useContext, useEffect, useState } from "react";
-import FlatTableRowContext from "../flat-table-row/__internal__/flat-table-row-context";
-import { FlatTableThemeContext } from "../flat-table.component";
+import FlatTableRowContext from "../flat-table-row/__internal__/flat-table-row.context";
+import FlatTableContext from "./flat-table.context";
 export default (id => {
   const {
     getTabStopElementId
-  } = useContext(FlatTableThemeContext);
+  } = useContext(FlatTableContext);
   const [tabIndex, setTabIndex] = useState(-1);
   const {
     expandable,

package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js

@@ -6,7 +6,7 @@ import { Checkbox } from "../../checkbox";
 import Events from "../../../__internal__/utils/helpers/events/events";
 import tagComponent from "../../../__internal__/utils/helpers/tags";
 import guid from "../../../__internal__/utils/helpers/guid";
-import FlatTableRowContext from "../flat-table-row/__internal__/flat-table-row-context";
+import FlatTableRowContext from "../flat-table-row/__internal__/flat-table-row.context";
 export const FlatTableCheckbox = ({
   as = "td",
   checked,

package/esm/components/flat-table/flat-table-head/__internal__/flat-table-head.context.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface FlatTableHeadContextProps {
+    stickyOffsets: Record<string, number>;
+}
+declare const _default: React.Context<FlatTableHeadContextProps>;
+export default _default;

package/esm/components/flat-table/flat-table-head/__internal__/flat-table-head.context.js

@@ -0,0 +1,4 @@
+import React from "react";
+export default /*#__PURE__*/React.createContext({
+  stickyOffsets: {}
+});

package/esm/components/flat-table/flat-table-head/flat-table-head.component.d.ts

@@ -3,9 +3,5 @@ export interface FlatTableHeadProps {
     /** Array of FlatTableRow. */
     children: React.ReactNode;
 }
-interface FlatTableHeadContextProps {
-    stickyOffsets: Record<string, number>;
-}
-export declare const FlatTableHeadContext: React.Context<FlatTableHeadContextProps>;
 export declare const FlatTableHead: ({ children, ...rest }: FlatTableHeadProps) => React.JSX.Element;
 export default FlatTableHead;

package/esm/components/flat-table/flat-table-head/flat-table-head.component.js

@@ -3,9 +3,7 @@ import React, { useEffect, useState, useRef } from "react";
 import PropTypes from "prop-types";
 import StyledFlatTableHead from "./flat-table-head.style";
 import { buildPositionMap } from "../__internal__";
-export const FlatTableHeadContext = /*#__PURE__*/React.createContext({
-  stickyOffsets: {}
-});
+import FlatTableHeadContext from "./__internal__/flat-table-head.context";
 export const FlatTableHead = ({
   children,
   ...rest

package/esm/components/flat-table/flat-table-header/flat-table-header-utils.d.ts

@@ -1,3 +1,3 @@
 import { FlatTableProps } from "..";
-declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsActionMinor100)" | "var(--colorsUtilityYang100)" | "var(--colorsUtilityMajor025)" | "var(--colorsActionMinor550)";
+declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsUtilityYang100)" | "var(--colorsActionMinor100)" | "var(--colorsUtilityMajor025)" | "var(--colorsActionMinor550)";
 export default getAlternativeBackgroundColor;

package/esm/components/flat-table/flat-table-header/flat-table-header.component.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useRef, useContext } from "react";
 import PropTypes from "prop-types";
 import StyledFlatTableHeader from "./flat-table-header.style";
-import { FlatTableThemeContext } from "../flat-table.component";
+import FlatTableContext from "../__internal__/flat-table.context";
 import guid from "../../../__internal__/utils/helpers/guid";
 import useTableCell from "../__internal__/use-table-cell";
 export const FlatTableHeader = ({
@@ -20,7 +20,7 @@ export const FlatTableHeader = ({
   const internalId = useRef(id || guid());
   const {
     colorTheme
-  } = useContext(FlatTableThemeContext);
+  } = useContext(FlatTableContext);
   const {
     leftPosition,
     rightPosition,

package/esm/components/flat-table/flat-table-row/flat-table-row.component.js

@@ -4,15 +4,15 @@ import PropTypes from "prop-types";
 import invariant from "invariant";
 import Event from "../../../__internal__/utils/helpers/events";
 import StyledFlatTableRow from "./flat-table-row.style";
-import { DrawerSidebarContext } from "../../drawer";
+import DrawerSidebarContext from "../../drawer/__internal__/drawer-sidebar.context";
 import FlatTableRowHeader from "../flat-table-row-header";
 import FlatTableRowDraggable from "./__internal__/flat-table-row-draggable.component";
-import { FlatTableThemeContext } from "../flat-table.component";
+import FlatTableContext from "../__internal__/flat-table.context";
 import guid from "../../../__internal__/utils/helpers/guid";
-import FlatTableRowContext from "./__internal__/flat-table-row-context";
+import FlatTableRowContext from "./__internal__/flat-table-row.context";
 import SubRowProvider, { SubRowContext } from "./__internal__/sub-row-provider";
 import { buildPositionMap } from "../__internal__";
-import { FlatTableHeadContext } from "../flat-table-head/flat-table-head.component";
+import FlatTableHeadContext from "../flat-table-head/__internal__/flat-table-head.context";
 const FlatTableRow = /*#__PURE__*/React.forwardRef(({
   children,
   onClick,
@@ -94,7 +94,7 @@ const FlatTableRow = /*#__PURE__*/React.forwardRef(({
     colorTheme,
     size,
     getTabStopElementId
-  } = useContext(FlatTableThemeContext);
+  } = useContext(FlatTableContext);
   const {
     isInSidebar
   } = useContext(DrawerSidebarContext);

package/esm/components/flat-table/flat-table.component.d.ts

@@ -30,10 +30,6 @@ export interface FlatTableProps extends MarginProps {
     /** Width of the table. Any valid CSS string */
     width?: string;
 }
-export interface FlatTableThemeContextProps extends Pick<FlatTableProps, "colorTheme" | "size"> {
-    getTabStopElementId: () => string;
-}
-export declare const FlatTableThemeContext: React.Context<FlatTableThemeContextProps>;
 export declare const FlatTable: {
     ({ caption, children, hasStickyHead, colorTheme, footer, hasStickyFooter, height, isZebra, size, hasMaxHeight, ariaDescribedby, minHeight, overflowX, width, ...rest }: FlatTableProps): React.JSX.Element;
     displayName: string;

package/esm/components/flat-table/flat-table.component.js

@@ -2,11 +2,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useLayoutEffect, useRef, useState, useContext } from "react";
 import PropTypes from "prop-types";
 import { StyledFlatTableWrapper, StyledFlatTable, StyledFlatTableFooter, StyledTableContainer } from "./flat-table.style";
-import { DrawerSidebarContext } from "../drawer";
+import DrawerSidebarContext from "../drawer/__internal__/drawer-sidebar.context";
 import Events from "../../__internal__/utils/helpers/events/events";
-export const FlatTableThemeContext = /*#__PURE__*/React.createContext({
-  getTabStopElementId: () => ""
-});
+import FlatTableContext from "./__internal__/flat-table.context";
 const FOCUSABLE_ROW_AND_CELL_QUERY = "tbody tr[tabindex], tbody tr td[tabindex], tbody tr th[tabindex]";
 export const FlatTable = ({
   caption,
@@ -171,7 +169,7 @@ export const FlatTable = ({
   }, /*#__PURE__*/React.createElement(StyledFlatTable, _extends({
     ref: tableRef,
     "data-component": "flat-table"
-  }, tableStylingProps), caption ? /*#__PURE__*/React.createElement("caption", null, caption) : null, /*#__PURE__*/React.createElement(FlatTableThemeContext.Provider, {
+  }, tableStylingProps), caption ? /*#__PURE__*/React.createElement("caption", null, caption) : null, /*#__PURE__*/React.createElement(FlatTableContext.Provider, {
     value: {
       colorTheme,
       size,

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

@@ -1,5 +1,5 @@
 import { FlatTableProps } from "./flat-table.component";
-import { DrawerSidebarContextProps } from "../drawer";
+import { DrawerSidebarContextProps } from "../drawer/__internal__/drawer-sidebar.context";
 declare const StyledTableContainer: import("styled-components").StyledComponent<"div", any, Pick<FlatTableProps, "width" | "overflowX">, never>;
 declare const StyledFlatTable: import("styled-components").StyledComponent<"table", any, Pick<FlatTableProps, "caption" | "isZebra"> & {
     size: NonNullable<FlatTableProps["size"]>;

package/esm/components/flat-table/sort/sort.component.js

@@ -5,7 +5,7 @@ import Typography from "../../typography";
 import { StyledSort, StyledSpaceHolder, StyledSortIcon } from "./sort.style";
 import guid from "../../../__internal__/utils/helpers/guid";
 import useLocale from "../../../hooks/__internal__/useLocale";
-import { FlatTableThemeContext } from "../flat-table.component";
+import FlatTableContext from "../__internal__/flat-table.context";
 export const Sort = ({
   children,
   onClick,
@@ -23,7 +23,7 @@ export const Sort = ({
   };
   const {
     colorTheme
-  } = useContext(FlatTableThemeContext);
+  } = useContext(FlatTableContext);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
     screenReaderOnly: true,
     id: id.current

package/esm/components/form/form.component.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useRef, useContext } from "react";
 import PropTypes from "prop-types";
-import { SidebarContext } from "../sidebar/sidebar.component";
-import { ModalContext } from "../modal/modal.component";
+import SidebarContext from "../sidebar/__internal__/sidebar.context";
+import ModalContext from "../modal/__internal__/modal.context";
 import FormSummary from "./__internal__/form-summary.component";
 import { StyledForm, StyledFormContent, StyledFormFooter, StyledLeftButtons, StyledRightButtons, StyledFullWidthButtons } from "./form.style";
 import { formSpacing } from "./form.config";

package/esm/components/icon/icon.component.js

@@ -6,7 +6,7 @@ import { filterStyledSystemMarginProps } from "../../style/utils";
 import { TooltipContext } from "../../__internal__/tooltip-provider";
 import StyledIcon from "./icon.style";
 import { ICON_TOOLTIP_POSITIONS } from "./icon-config";
-import { TabTitleContext } from "../tabs/__internal__/tab-title";
+import TabTitleContext from "../tabs/__internal__/tab-title/tab-title.context";
 import Logger from "../../__internal__/utils/logger";
 let deprecatedExtraSmallBgSizeTriggered = false;
 const Icon = /*#__PURE__*/React.forwardRef(({

package/esm/components/link/link.component.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useContext, useMemo, useState } from "react";
 import PropTypes from "prop-types";
 import Icon from "../icon";
-import MenuContext from "../menu/menu.context";
+import MenuContext from "../menu/__internal__/menu.context";
 import { StyledLink, StyledContent } from "./link.style";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import useLocale from "../../hooks/__internal__/useLocale";

package/esm/components/menu/__internal__/submenu/submenu.component.js

@@ -4,14 +4,14 @@ import PropTypes from "prop-types";
 import StyledMenuItemWrapper from "../../menu-item/menu-item.style";
 import { StyledSubmenu, StyledSubmenuWrapper } from "./submenu.style";
 import Events from "../../../../__internal__/utils/helpers/events";
-import MenuContext from "../../menu.context";
+import MenuContext from "../menu.context";
 import { characterNavigation } from "../keyboard-navigation";
 import SubmenuContext from "./submenu.context";
 import useClickAwayListener from "../../../../hooks/__internal__/useClickAwayListener";
 import guid from "../../../../__internal__/utils/helpers/guid";
 import { SCROLLABLE_BLOCK, SCROLLABLE_BLOCK_PARENT, BLOCK_INDEX_SELECTOR, ALL_CHILDREN_SELECTOR } from "../locators";
 import useStableCallback from "../../../../hooks/__internal__/useStableCallback/useStableCallback";
-import FixedNavigationBarContext from "../../../navigation-bar/fixed-navigation-bar.context";
+import FixedNavigationBarContext from "../../../navigation-bar/__internal__/fixed-navigation-bar.context";
 const Submenu = /*#__PURE__*/React.forwardRef(({
   children,
   className,

package/esm/components/menu/__internal__/submenu/submenu.style.d.ts

@@ -1,5 +1,5 @@
 import { SubmenuProps } from "./submenu.component";
-import { MenuType } from "../../menu.context";
+import { MenuType } from "../menu.context";
 interface SharedStyleProps {
     inFullscreenView?: boolean;
     menuType?: MenuType;

package/esm/components/menu/menu-divider/menu-divider.component.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import StyledDivider from "./menu-divider.style";
-import MenuContext from "../menu.context";
+import MenuContext from "../__internal__/menu.context";
 import { StyledMenuItem } from "../menu.style";
 import tagComponent from "../../../__internal__/utils/helpers/tags";
 const MenuDivider = /*#__PURE__*/React.forwardRef(({

package/esm/components/menu/menu-divider/menu-divider.style.d.ts

@@ -1,5 +1,5 @@
 import { MenuDividerProps } from "./menu-divider.component";
-import { MenuType } from "../menu.context";
+import { MenuType } from "../__internal__/menu.context";
 declare const StyledDivider: import("styled-components").StyledComponent<"div", any, MenuDividerProps & {
     menuType: MenuType;
 }, never>;

package/esm/components/menu/menu-full-screen/menu-full-screen.component.js

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import { CSSTransition } from "react-transition-group";
 import { StyledMenuFullscreen, StyledMenuModal, StyledMenuFullscreenHeader } from "./menu-full-screen.style";
 import { StyledMenuWrapper } from "../menu.style";
-import MenuContext from "../menu.context";
+import MenuContext from "../__internal__/menu.context";
 import Events from "../../../__internal__/utils/helpers/events";
 import Box from "../../box";
 import IconButton from "../../icon-button";

package/esm/components/menu/menu-full-screen/menu-full-screen.style.d.ts

@@ -1,4 +1,4 @@
-import { MenuType } from "../menu.context";
+import { MenuType } from "../__internal__/menu.context";
 declare const StyledMenuFullscreen: import("styled-components").StyledComponent<"div", any, {
     transitionDuration: number;
     startPosition: "left" | "right";

package/esm/components/menu/menu-item/menu-item.component.js

@@ -5,7 +5,7 @@ import invariant from "invariant";
 import { filterStyledSystemPaddingProps } from "../../../style/utils";
 import StyledMenuItemWrapper from "./menu-item.style";
 import Events from "../../../__internal__/utils/helpers/events";
-import MenuContext from "../menu.context";
+import MenuContext from "../__internal__/menu.context";
 import Submenu from "../__internal__/submenu/submenu.component";
 import SubmenuContext from "../__internal__/submenu/submenu.context";
 import { StyledMenuItem } from "../menu.style";

package/esm/components/menu/menu-item/menu-item.style.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { PaddingProps } from "styled-system";
-import { MenuType } from "../menu.context";
+import { MenuType } from "../__internal__/menu.context";
 import { MenuWithChildren } from "./menu-item.component";
 interface StyledMenuItemWrapperProps extends Pick<MenuWithChildren, "href" | "variant" | "showDropdownArrow" | "overrideColor" | "clickToOpen" | "maxWidth">, PaddingProps {
     menuType: MenuType;

package/esm/components/menu/menu-segment-title/menu-segment-title.component.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import { StyledTitle, StyledSegmentChildren } from "./menu-segment-title.style";
-import MenuContext from "../menu.context";
+import MenuContext from "../__internal__/menu.context";
 import { StyledMenuItem } from "../menu.style";
 import tagComponent from "../../../__internal__/utils/helpers/tags";
 const AS_VALUES = ["h2", "h3", "h4", "h5", "h6"];

package/esm/components/menu/menu-segment-title/menu-segment-title.style.d.ts

@@ -1,5 +1,5 @@
 import { VariantType } from "../menu-item";
-import { MenuType } from "../menu.context";
+import { MenuType } from "../__internal__/menu.context";
 interface StyledTitleProps {
     variant?: VariantType;
     menuType: MenuType;

package/esm/components/menu/menu.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { LayoutProps, FlexboxProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
-import MenuContext, { MenuType } from "./menu.context";
+import MenuContext, { MenuType } from "./__internal__/menu.context";
 export interface MenuProps extends TagProps, LayoutProps, FlexboxProps {
     /** Children elements */
     children: React.ReactNode;

package/esm/components/menu/menu.component.js

@@ -3,7 +3,7 @@ import React, { useCallback, useState, useRef } from "react";
 import PropTypes from "prop-types";
 import { StyledMenuWrapper } from "./menu.style";
 import tagComponent from "../../__internal__/utils/helpers/tags";
-import MenuContext from "./menu.context";
+import MenuContext from "./__internal__/menu.context";
 import { menuKeyboardNavigation } from "./__internal__/keyboard-navigation";
 import { MENU_ITEM_CHILDREN_LOCATOR } from "./__internal__/locators";
 export const Menu = ({

package/esm/components/menu/scrollable-block/scrollable-block.component.js

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
-import MenuContext from "../menu.context";
+import MenuContext from "../__internal__/menu.context";
 import MenuItem from "../menu-item";
 import StyledScrollableBlock from "./scrollable-block.style";
 import Box from "../../box";

package/esm/components/menu/scrollable-block/scrollable-block.style.d.ts

@@ -1,4 +1,4 @@
-import { MenuType } from "../menu.context";
+import { MenuType } from "../__internal__/menu.context";
 import { VariantType } from "../menu-item";
 interface StyledScrollableBlockProps {
     menuType: MenuType;

package/esm/components/modal/__internal__/modal.context.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ModalContextProps {
+    isInModal?: boolean;
+    isAnimationComplete?: boolean;
+    triggerRefocusFlag?: boolean;
+}
+declare const _default: React.Context<ModalContextProps>;
+export default _default;

package/esm/components/modal/__internal__/modal.context.js

@@ -0,0 +1,2 @@
+import React from "react";
+export default /*#__PURE__*/React.createContext({});

package/esm/components/modal/index.d.ts

@@ -1,2 +1,2 @@
-export { default, ModalContext } from "./modal.component";
-export type { ModalProps, ModalContextProps } from "./modal.component";
+export { default } from "./modal.component";
+export type { ModalProps } from "./modal.component";

package/esm/components/modal/index.js

@@ -1 +1 @@
-export { default, ModalContext } from "./modal.component";
+export { default } from "./modal.component";