carbon-react 162.10.0 → 162.12.0-beta.1

package/esm/__internal__/legacy-label/label.style.d.ts

@@ -1,23 +0,0 @@
-export interface StyledLabelProps {
-    /** If true, the component will be disabled */
-    disabled?: boolean;
-    /** Flag to configure component as mandatory */
-    isRequired?: boolean;
-    /** Flag to determine whether to use colours for dark backgrounds */
-    isDarkBackground?: boolean;
-    /** Set large font-size */
-    isLarge?: boolean;
-}
-declare const StyledLabel: import("styled-components").StyledComponent<"label", any, StyledLabelProps, never>;
-export interface StyledLabelContainerProps {
-    /** Label alignment */
-    align?: "left" | "right";
-    /** When true, label is placed in line an input */
-    inline?: boolean;
-    /** Padding right, integer multiplied by base spacing constant (8) */
-    pr?: 1 | 2;
-    /** Label width */
-    width?: number;
-}
-export declare const StyledLabelContainer: import("styled-components").StyledComponent<"div", any, StyledLabelContainerProps, never>;
-export default StyledLabel;

package/esm/__internal__/legacy-label/label.style.js

@@ -1 +0,0 @@
-import t,{css as a}from"styled-components";const e=t.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v162_9_1__sc-1af3965d-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>a(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&a(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&a(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&a(["color:var(--input-labelset-label-disabled);"]))),i=t.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"carbon_v162_9_1__sc-1af3965d-1"})(["display:flex;align-items:center;margin-bottom:8px;.fieldset-content &{margin-bottom:var(--global-space-comp-xs);}"," ",""],(({align:t})=>a(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:e,width:i})=>t&&a(["box-sizing:border-box;margin-bottom:0;",";width:","%;"],e&&a(["padding-right:var(",");"],1===e?"--spacing100":"--spacing200"),i)));export{i as StyledLabelContainer,e as default};

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

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

package/esm/__internal__/modal/index.js

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

package/esm/__internal__/modal/modal-manager.d.ts

@@ -1,19 +0,0 @@
-type SetTriggerRefocusFlag = (boolean: boolean) => void;
-export type ModalList = {
-    modal: HTMLElement;
-    setTriggerRefocusFlag?: SetTriggerRefocusFlag;
-    topModalOverride?: boolean;
-}[];
-declare class ModalManagerInstance {
-    private modalList;
-    constructor();
-    private getTopModal;
-    addModal: (modal: HTMLElement | null, setTriggerRefocusFlag?: SetTriggerRefocusFlag, topModalOverride?: boolean) => void;
-    isTopmost(modal: HTMLElement | null): boolean;
-    removeModal(modal: HTMLElement | null, triggerRefocusOnClose?: boolean): void;
-    clearList(): void;
-    callTopModalSetters(): void;
-}
-declare const ModalManager: ModalManagerInstance;
-export { ModalManagerInstance };
-export default ModalManager;

package/esm/__internal__/modal/modal-manager.js

@@ -1 +0,0 @@
-import{getWindow as t}from"../dom/globals.js";function o(t,o,s){return o in t?Object.defineProperty(t,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[o]=s,t}class s{getTopModal(){return this.modalList.length?this.modalList.slice().reverse().find((t=>t.topModalOverride))||this.modalList[this.modalList.length-1]:{}}isTopmost(t){const{modal:o}=this.getTopModal();return!(!t||!o)&&t===o}removeModal(t,o=!0){const s=this.modalList.findIndex((({modal:o})=>o===t));if(-1===s)return;if(this.modalList.splice(s,1),this.callTopModalSetters(),!this.modalList.length)return;const{setTriggerRefocusFlag:l}=this.getTopModal();l&&o&&l(!0)}clearList(){const o=t(),s=[];o&&(o.__CARBON_INTERNALS_MODAL_LIST=s),this.modalList=s,this.callTopModalSetters()}callTopModalSetters(){const o=t();if(null==o?void 0:o.__CARBON_INTERNALS_MODAL_SETTER_LIST){var s;const t=(null===(s=this.getTopModal())||void 0===s?void 0:s.modal)||null;for(const s of o.__CARBON_INTERNALS_MODAL_SETTER_LIST)s(t)}}constructor(){o(this,"modalList",void 0),o(this,"addModal",((t,o,s)=>{if(!t)return;const{modal:l,setTriggerRefocusFlag:e,topModalOverride:i}=this.getTopModal();!i&&l&&e&&e(!1),this.modalList.push({modal:t,setTriggerRefocusFlag:o,topModalOverride:s}),this.callTopModalSetters()}));const s=t();s?(s.__CARBON_INTERNALS_MODAL_LIST||(s.__CARBON_INTERNALS_MODAL_LIST=[]),this.modalList=s.__CARBON_INTERNALS_MODAL_LIST):this.modalList=[]}}const l=new s;export{s as ModalManagerInstance,l as default};

package/esm/__internal__/modal/modal.component.d.ts

@@ -1,32 +0,0 @@
-import React from "react";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface ModalProps extends TagProps {
-    /**
-     * @private
-     * @internal
-     * @ignore
-     * Sets className for component. INTERNAL USE ONLY. */
-    className?: string;
-    /** Modal content */
-    children?: React.ReactNode;
-    /** The ARIA role to be applied to the modal */
-    ariaRole?: string;
-    /** Determines if the Esc Key closes the modal */
-    disableEscKey?: boolean;
-    /** Determines if the Dialog can be closed */
-    disableClose?: boolean;
-    /** Determines if the background is disabled when the modal is open */
-    enableBackgroundUI?: boolean;
-    /** A custom close event handler */
-    onCancel?: (ev: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
-    /** Sets the open state of the modal */
-    open: boolean;
-    /** Manually override the internal modal stacking order to set this as top */
-    topModalOverride?: boolean;
-    /** Enables the automatic restoration of focus to the element that invoked
-     * the modal when the modal is closed.
-     */
-    restoreFocusOnClose?: boolean;
-}
-declare const Modal: (props: ModalProps) => React.JSX.Element;
-export default Modal;

package/esm/__internal__/modal/modal.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as r,useState as t,useEffect as n,useCallback as l}from"react";import{TransitionGroup as a,CSSTransition as i}from"react-transition-group";import c from"../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import{Portal as s}from"../../components/portal/portal.js";import{getDocument as d}from"../dom/globals.js";import m from"../utils/helpers/events/events.js";import p from"../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledModal as u,StyledModalBackground as f}from"./modal.style.js";import b from"./modal.context.js";function O(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}function g(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(o){O(e,o,r[o])}))}return e}const y=300,j=s=>{var{children:O,"data-element":j,"data-role":v="modal",open:h,onCancel:P,disableEscKey:k=!1,disableClose:w,enableBackgroundUI:E=!1,topModalOverride:M,restoreFocusOnClose:S=!0}=s,C=function(e,o){if(null==e)return{};var r,t,n=function(e,o){if(null==e)return{};var r,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||(n[r]=e[r]);return n}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(s,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const _=r(null),x=r(null),I=r(null),[R,B]=t(!1),[D,F]=t(!1),{blockScroll:N,allowScroll:T}=c();n((()=>{E||(h?N():T())}),[T,N,E,h]),n((()=>()=>{E||T()}),[T,E]);const K=l((e=>{P&&!w&&!k&&m.isEscKey(e)&&(e.stopImmediatePropagation(),P(e))}),[w,k,P]),A=d();let U,q;return p({open:h,closeModal:K,modalRef:_,setTriggerRefocusFlag:F,topModalOverride:M,focusCallToActionElement:S&&A?A.activeElement:void 0}),h&&(U=E?null:e(f,{ref:x,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:y}),q=O),o(u,(z=g({"data-component":"modal","data-element":j,"data-role":v,"data-state":h&&R?"open":"closed",transitionName:"modal",transitionTime:y,topModalOverride:M,ref:_},C),G=null!=(G={children:[e(a,{children:U&&e(i,{nodeRef:x,appear:!0,classNames:"modal-background",timeout:y,onEntered:()=>B(!0),onExiting:()=>B(!1),children:U},"modal")}),e(a,{children:q&&e(i,{nodeRef:I,appear:!0,classNames:"modal",timeout:y,children:e(b.Provider,{value:{isAnimationComplete:R,triggerRefocusFlag:D,isInModal:!0},children:e("div",{ref:I,children:q})})})})]})?G:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(G)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o.push.apply(o,r)}return o}(Object(G)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(G,e))})),z));var z,G},v=o=>e(s,{children:e(j,g({},o))});export{v as default};

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

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

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

@@ -1 +0,0 @@
-import t from"react";var e=t.createContext({});export{e as default};

package/esm/__internal__/modal/modal.style.d.ts

@@ -1,11 +0,0 @@
-type TransitionProps = {
-    transitionName: string;
-    transitionTime: number;
-};
-declare const StyledModalBackground: import("styled-components").StyledComponent<"div", any, TransitionProps, never>;
-declare const StyledModal: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & TransitionProps & {
-    topModalOverride?: boolean;
-}, "theme">;
-export { StyledModal, StyledModalBackground };

package/esm/__internal__/modal/modal.style.js

@@ -1 +0,0 @@
-import t,{css as e}from"styled-components";import a from"../../style/themes/apply-base-theme.js";const i=t.div.withConfig({displayName:"modal.style__StyledModalBackground",componentId:"carbon_v162_9_1__sc-1ca46940-0"})(["background-color:var(--container-standard-dimmer);bottom:0;left:0;position:fixed;right:0;top:0;",";"],(({transitionName:t,transitionTime:a})=>e(["&.","-enter,.","-appear{opacity:0;}&.","-enter.","-enter-active,&.","-appear.","-appear-active{opacity:1;transition:opacity ","ms ease-out;}&.","-exit.","-exit-active{opacity:0;transition:opacity ","ms 100ms ease-out;}"],t,t,t,t,t,t,a,t,t,a))),o=t.div.attrs(a).withConfig({displayName:"modal.style__StyledModal",componentId:"carbon_v162_9_1__sc-1ca46940-1"})(["position:absolute;z-index:",";",""],(({theme:t,topModalOverride:e})=>`${e?t.zIndex.notification:t.zIndex.modal}`),(({transitionName:t,transitionTime:a})=>e([".","-enter,.","-appear{opacity:0;}.","-enter.","-enter-active,.","-appear.","-appear-active{opacity:1;transition:all ","ms 100ms ease-out;}.","-exit.","-exit-active{opacity:0;transition:all ","ms ease-out;}"],t,t,t,t,t,t,a,t,t,a)));export{o as StyledModal,i as StyledModalBackground};

package/esm/__internal__/popover/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./popover.component";
-export type { PopoverProps } from "./popover.component";

package/esm/__internal__/popover/index.js

@@ -1 +0,0 @@
-export{default}from"./popover.component.js";

package/esm/__internal__/popover/popover.component.d.ts

@@ -1,54 +0,0 @@
-import React, { MutableRefObject, RefObject } from "react";
-import { Placement, Middleware } from "@floating-ui/dom";
-export interface PopoverProps {
-    /**
-     * Element to be positioned, has to be a single node and has to accept `ref` and `style` props.
-     */
-    children: React.ReactElement;
-    /**
-     * Placement of children in relation to the reference element.
-     */
-    placement?: Placement;
-    /**
-     * Disables interaction with background UI.
-     */
-    disableBackgroundUI?: boolean;
-    /**
-     * Optional middleware array, for more information go to:
-     * [https://floating-ui.com/docs/middleware](https://floating-ui.com/docs/middleware)
-     */
-    middleware?: Middleware[];
-    /**
-     * When true, children are not rendered in portal.
-     */
-    disablePortal?: boolean;
-    /**
-     * Reference element, children will be positioned in relation to this element - should be a ref shaped object.
-     */
-    reference: RefObject<HTMLElement>;
-    /**
-     * Whether the Popover is open, determines if autoUpdate runs in useFloating.
-     */
-    isOpen?: boolean;
-    /**
-     * Applies display: none to the content wrapper.
-     */
-    hide?: boolean;
-    /**
-     * Whether to update the position of the floating element on every animation frame if required. This is optimized for performance but can still be costly. Use with caution!
-     * [https://floating-ui.com/docs/autoUpdate#animationframe](https://floating-ui.com/docs/autoUpdate#animationframe)
-     */
-    animationFrame?: boolean;
-    /**
-     * Optional strategy to use for positioning the floating element. Defaults to "absolute".
-     */
-    popoverStrategy?: "absolute" | "fixed";
-    /**
-     * Allows child ref to be set via a prop instead of dynamically finding it via children iteration.
-     */
-    childRefOverride?: MutableRefObject<HTMLDivElement | null>;
-    /** Optional custom portal container. Defaults to document.body (or the closest dialog in a modal). */
-    portalTarget?: HTMLElement | null;
-}
-declare const Popover: ({ disablePortal, portalTarget, ...props }: PopoverProps) => React.JSX.Element | null;
-export default Popover;

package/esm/__internal__/popover/popover.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import r,{useContext as t,useState as o,useEffect as n,useRef as a}from"react";import{createPortal as i}from"react-dom";import{flip as c}from"@floating-ui/dom";import l from"../../hooks/__internal__/useFloating/useFloating.js";import{StyledPopoverContent as s,StyledBackdrop as p}from"./popover.style.js";import d from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import u from"../modal/modal.context.js";import m from"../../hooks/__internal__/useIsBrowser/index.js";import f from"../../components/tokens-wrapper/__internal__/context/tokens-wrapper.context.js";function b(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){b(e,r,t[r])}))}return e}const y=[c({fallbackStrategy:"initialPlacement"})],v=({children:t,placement:o,reference:n,middleware:i=y,disableBackgroundUI:c,isOpen:d=!0,hide:u,animationFrame:m,popoverStrategy:f="absolute",childRefOverride:b})=>{const O=b||r.Children.only(t).ref,v=a(null),g=O||v;let j;return j=O?t:r.cloneElement(t,{ref:g}),l({isOpen:d,reference:n,floating:g,placement:o,middleware:i,animationFrame:m,strategy:f}),e(s,{hide:u,children:c?e(p,{"data-role":"popup-backdrop",children:j}):j})},g=r=>{var a,{disablePortal:c,portalTarget:l}=r,s=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(r,["disablePortal","portalTarget"]);const{isBrowser:p}=m(),{isInModal:b}=t(u),{wrapperId:y}=t(f),g=null===(a=s.reference.current)||void 0===a?void 0:a.closest("[role='dialog']"),[j,h]=o();if(n((()=>{var e;const r=null===(e=s.reference.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!r)return;var t;h(null!==(t=r.getAttribute("data-carbon-theme"))&&void 0!==t?t:void 0);const o=new MutationObserver((()=>{var e;h(null!==(e=r.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return o.observe(r,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>{o.disconnect(),h(void 0)}}),[s.reference]),c)return e(v,O({},s));if(!p)return null;const w=b&&g?g:null!=l?l:document.body;return i(e(d,function(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}(O({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":y},j&&{"data-carbon-theme":j}),{children:e(v,O({},s))})),w)};export{g as default};

package/esm/__internal__/popover/popover.style.d.ts

@@ -1,8 +0,0 @@
-export declare const StyledBackdrop: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-}, "theme">;
-type StyledPopoverContentProps = {
-    hide?: boolean;
-};
-export declare const StyledPopoverContent: import("styled-components").StyledComponent<"div", any, StyledPopoverContentProps, never>;
-export {};

package/esm/__internal__/popover/popover.style.js

@@ -1 +0,0 @@
-import e from"styled-components";import o from"../../style/themes/apply-base-theme.js";const t=e.div.attrs(o).withConfig({displayName:"popover.style__StyledBackdrop",componentId:"carbon_v162_9_1__sc-fb4df9e5-0"})(["bottom:0;left:0;position:fixed;right:0;top:0;z-index:var( --adaptiveSidebarModalBackdrop,"," );background:transparent;"],(({theme:e})=>e.zIndex.popover)),p=e.div.withConfig({displayName:"popover.style__StyledPopoverContent",componentId:"carbon_v162_9_1__sc-fb4df9e5-1"})(["",""],(({hide:e})=>e&&"display: none;"));export{t as StyledBackdrop,p as StyledPopoverContent};

package/esm/__internal__/popover-menu/contexts/index.d.ts

@@ -1,4 +0,0 @@
-export { PopoverMenuContext } from "./popover-menu.context";
-export type { PopoverMenuContextProps, SubmenuRenderProps, PopoverControlProps, } from "./popover-menu.context";
-export { default as MenuHeadingContext } from "./menu-heading.context";
-export { default as MenuItemContext } from "./menu-item.context";

package/esm/__internal__/popover-menu/contexts/index.js

@@ -1 +0,0 @@
-export{PopoverMenuContext}from"./popover-menu.context.js";export{default as MenuHeadingContext}from"./menu-heading.context.js";export{default as MenuItemContext}from"./menu-item.context.js";

package/esm/__internal__/popover-menu/contexts/menu-heading.context.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import("react").Context<{
-    headingId: string;
-} | null>;
-export default _default;

package/esm/__internal__/popover-menu/contexts/menu-heading.context.js

@@ -1 +0,0 @@
-import{createContext as r}from"react";var a=r(null);export{a as default};

package/esm/__internal__/popover-menu/contexts/menu-item.context.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import("react").Context<{
-    isDisabled: boolean;
-} | null>;
-export default _default;

package/esm/__internal__/popover-menu/contexts/menu-item.context.js

@@ -1 +0,0 @@
-import{createContext as a}from"react";var r=a({isDisabled:!1});export{r as default};

package/esm/__internal__/popover-menu/contexts/popover-menu.context.d.ts

@@ -1,26 +0,0 @@
-export interface PopoverControlProps {
-    "aria-haspopup": "listbox" | "true";
-    "aria-controls"?: string;
-    "aria-expanded"?: boolean;
-    role?: string;
-    "aria-activedescendant"?: string;
-}
-export interface SubmenuRenderProps {
-    open: boolean;
-    submenu: React.ReactNode;
-    submenuWidth?: string;
-    size: "small" | "medium" | "large";
-    onClose: () => void;
-    ref: React.RefObject<HTMLUListElement>;
-    control: (props: PopoverControlProps) => React.ReactNode;
-    triggerRef: React.RefObject<HTMLLIElement>;
-}
-export interface PopoverMenuContextProps {
-    size: "small" | "medium" | "large";
-    isButtonMenu?: boolean;
-    isSubmenu?: boolean;
-    onSubmenuCloseContext?: () => void;
-    focusSubmenuParent?: () => void;
-    renderSubmenu?: (props: SubmenuRenderProps) => React.ReactNode;
-}
-export declare const PopoverMenuContext: import("react").Context<PopoverMenuContextProps>;

package/esm/__internal__/popover-menu/contexts/popover-menu.context.js

@@ -1 +0,0 @@
-import{createContext as e}from"react";const t=e({size:"medium",isButtonMenu:!1,isSubmenu:!1});export{t as PopoverMenuContext};

package/esm/__internal__/popover-menu/hooks/index.d.ts

@@ -1 +0,0 @@
-export { useHandleDropdownMenuKeyDown, setFocus, } from "./useHandleDropdownMenuKeyDown";

package/esm/__internal__/popover-menu/hooks/index.js

@@ -1 +0,0 @@
-export{setFocus,useHandleDropdownMenuKeyDown}from"./useHandleDropdownMenuKeyDown.js";

package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.d.ts

@@ -1,7 +0,0 @@
-import { MutableRefObject } from "react";
-export declare const setFocus: (el?: HTMLElement, highlightedItem?: HTMLElement, isButtonMenu?: boolean) => void;
-export declare const useHandleDropdownMenuKeyDown: (ref: MutableRefObject<HTMLUListElement | null>, setAriaActivedescendant: React.Dispatch<React.SetStateAction<string>>, onClose: (e?: Event) => void, submenuOptions: {
-    isButtonMenu?: boolean;
-    isSubmenu?: boolean;
-    controlReference?: React.RefObject<HTMLLIElement>;
-}) => (ev: React.KeyboardEvent<HTMLElement>) => void;

package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.js

@@ -1 +0,0 @@
-import{useCallback as t}from"react";import{buttonMenuItemQuerySelector as n,itemQuerySelector as e}from"../utils/index.js";const l=(t,n,e)=>{var l;e?null==t||t.focus():(null==n||n.setAttribute("data-has-focus","false"),null==t||t.setAttribute("data-has-focus","true"),null==t||null===(l=t.scrollIntoView)||void 0===l||l.call(t,{block:"nearest",inline:"nearest"}))},i=(i,o,r,u)=>t((t=>{var d,a;const v=null===(d=document.activeElement)||void 0===d?void 0:d.closest('[data-component="scroll-wrapper"]');if(v&&!v.contains(i.current))return;const{isButtonMenu:s,isSubmenu:c}=u,f=Array.from((null===(a=i.current)||void 0===a?void 0:a.querySelectorAll(s?n(c):e(c)))||[]),p=f[0],m=f[f.length-1],g=s?f.find((t=>t.contains(document.activeElement))):f.find((t=>"true"===t.getAttribute("data-has-focus"))),h=f.find((t=>"true"===t.getAttribute("aria-selected")));if("ArrowDown"===t.key){if(t.preventDefault(),t.stopPropagation(),!g){const t=null!=h?h:p;var k;return o(null!==(k=null==t?void 0:t.id)&&void 0!==k?k:""),void l(t,g,s)}var y;if(!s&&m===g)return o(null!==(y=null==p?void 0:p.id)&&void 0!==y?y:""),void l(p,g,s);const n=f.indexOf(g),e=f[s?Math.min(n+1,f.length-1):(n+1)%f.length];var A;return o(null!==(A=null==e?void 0:e.id)&&void 0!==A?A:""),void l(e,g,s)}if("ArrowUp"===t.key){if(t.preventDefault(),t.stopPropagation(),!g){const t=null!=h?h:m;var b;return o(null!==(b=null==t?void 0:t.id)&&void 0!==b?b:""),void l(t,g,s)}var D;if(!s&&p===g)return o(null!==(D=null==m?void 0:m.id)&&void 0!==D?D:""),void l(m,g,s);const n=f.indexOf(g),e=f[s?Math.max(n-1,0):(n-1+f.length)%f.length];var w;return o(null!==(w=null==e?void 0:e.id)&&void 0!==w?w:""),void l(e,g,s)}var x,E;return"Home"===t.key?(t.preventDefault(),o(null!==(x=null==p?void 0:p.id)&&void 0!==x?x:""),void l(p,g,s)):"End"===t.key?(t.preventDefault(),o(null!==(E=null==m?void 0:m.id)&&void 0!==E?E:""),void l(m,g,s)):("Enter"!==t.key||s||g&&(t.preventDefault(),t.stopPropagation(),g.click()),void("Tab"!==t.key||r(t.nativeEvent)))}),[i,o,r,u]);export{l as setFocus,i as useHandleDropdownMenuKeyDown};

package/esm/__internal__/popover-menu/index.d.ts

@@ -1,4 +0,0 @@
-export { default as PopoverMenu } from "./popover-menu.component";
-export { MenuItem, MenuItemLeading, MenuItemLabel, MenuItemSubtext, MenuItemDivider, MenuItemHeading, } from "./menu-item";
-export type { PopoverMenuProps } from "./popover-menu.component";
-export type { PopoverControlProps } from "./contexts";

package/esm/__internal__/popover-menu/index.js

@@ -1 +0,0 @@
-export{default as PopoverMenu}from"./popover-menu.component.js";export{default as MenuItem}from"./menu-item/menu-item.component.js";export{default as MenuItemLeading}from"./menu-item/menu-item-content/menu-item-leading.component.js";export{default as MenuItemLabel}from"./menu-item/menu-item-content/menu-item-label.component.js";export{default as MenuItemSubtext}from"./menu-item/menu-item-content/menu-item-subtext.component.js";export{default as MenuItemDivider}from"./menu-item/menu-item-divider/menu-item-divider.component.js";export{default as MenuItemHeading}from"./menu-item/menu-item-heading/menu-item-heading.component.js";

package/esm/__internal__/popover-menu/menu-item/index.d.ts

@@ -1,6 +0,0 @@
-export { default as MenuItem } from "./menu-item.component";
-export { MenuItemLeading } from "./menu-item-content";
-export { MenuItemLabel } from "./menu-item-content";
-export { MenuItemSubtext } from "./menu-item-content";
-export { default as MenuItemDivider } from "./menu-item-divider";
-export { default as MenuItemHeading } from "./menu-item-heading";

package/esm/__internal__/popover-menu/menu-item/index.js

@@ -1 +0,0 @@
-export{default as MenuItem}from"./menu-item.component.js";export{default as MenuItemLeading}from"./menu-item-content/menu-item-leading.component.js";export{default as MenuItemLabel}from"./menu-item-content/menu-item-label.component.js";export{default as MenuItemSubtext}from"./menu-item-content/menu-item-subtext.component.js";export{default as MenuItemDivider}from"./menu-item-divider/menu-item-divider.component.js";export{default as MenuItemHeading}from"./menu-item-heading/menu-item-heading.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-content/index.d.ts

@@ -1,3 +0,0 @@
-export { default as MenuItemLeading } from "./menu-item-leading.component";
-export { default as MenuItemLabel } from "./menu-item-label.component";
-export { default as MenuItemSubtext } from "./menu-item-subtext.component";

package/esm/__internal__/popover-menu/menu-item/menu-item-content/index.js

@@ -1 +0,0 @@
-export{default as MenuItemLeading}from"./menu-item-leading.component.js";export{default as MenuItemLabel}from"./menu-item-label.component.js";export{default as MenuItemSubtext}from"./menu-item-subtext.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export interface MenuItemLabelProps {
-    children: React.ReactNode;
-    prefix?: string;
-}
-declare const MenuItemLabel: {
-    ({ children, prefix }: MenuItemLabelProps): React.JSX.Element;
-    displayName: string;
-};
-export default MenuItemLabel;

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as n}from"react";import m,{css as o}from"styled-components";import{PopoverMenuContext as i}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";const r=m.span.withConfig({displayName:"menu-item-label.component__StyledMenuItemLabel",componentId:"carbon_v162_9_1__sc-3e81ec8-0"})(["grid-column:-2 / -1;grid-row:1;",""],(({$size:e})=>o(["span.menu-item-label-prefix{font:var(--global-font-static-comp-medium-",");}"],e.charAt(0)))),a=({children:m,prefix:o})=>{const{size:a}=n(i);return e(r,{"data-element":"menu-item-label",$size:a,children:[o&&t("span",{"data-element":"menu-item-label-prefix",className:"menu-item-label-prefix",children:o}),m]})};a.displayName="PopoverMenuItemLabel";export{a as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-declare const MenuItemLeading: {
-    ({ children, selectedIcon, }: {
-        children?: React.ReactNode;
-        selectedIcon?: boolean;
-    }): React.JSX.Element;
-    displayName: string;
-};
-export default MenuItemLeading;

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useContext as t}from"react";import o from"styled-components";import{PopoverMenuContext as i}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";import c from"../../../../components/icon/icon.component.js";import"../../../../components/icon/icon.style.js";const m=o.span.withConfig({displayName:"menu-item-leading.component__StyledMenuItemLeading",componentId:"carbon_v162_9_1__sc-38bfc3f-0"})(['display:flex;grid-row:1;[data-component="icon"]{width:20px;height:20px;}']),a=o.span.withConfig({displayName:"menu-item-leading.component__StyledSelectedIconWrapper",componentId:"carbon_v162_9_1__sc-38bfc3f-1"})(["",""],(({$hasIcon:e})=>`\n    padding: 0 var(--global-space-comp-2-xs);\n    visibility: ${e?"visible":"hidden"};\n  `)),p=({children:o,selectedIcon:p=!1})=>{const{isButtonMenu:s}=t(i);return e(m,{className:"menu-item-leading","data-element":"leading",children:[!s&&n(a,{"data-role":"selected-icon-wrapper",$hasIcon:p,children:n(c,{type:"tick_thick","data-role":"selected-icon"})}),o]})};p.displayName="PopoverMenuItemLeading";export{p as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-declare const MenuItemSubtext: {
-    ({ children }: {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-};
-export default MenuItemSubtext;

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useContext as e}from"react";import o,{css as n}from"styled-components";import{PopoverMenuContext as m}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";const r=o.span.withConfig({displayName:"menu-item-subtext.component__StyledMenuItemSubtext",componentId:"carbon_v162_9_1__sc-8eef9447-0"})(["grid-column:-2 / -1;grid-row:2;color:var(--input-dropdown-label-subtxt);",""],(({$size:t})=>n([""," ",""],("small"===t||"medium"===t)&&"\n      font: var(--global-font-static-comp-regular-xs);\n    ","large"===t&&"\n      font: var(--global-font-static-comp-regular-s);\n    "))),s=({children:o})=>{const{size:n}=e(m);return t(r,{"data-element":"menu-item-subtext",className:"menu-item-subtext",$size:n,children:o})};s.displayName="PopoverMenuItemSubtext";export{s as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./menu-item-divider.component";

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/index.js

@@ -1 +0,0 @@
-export{default}from"./menu-item-divider.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-declare const MenuItemDivider: {
-    (): React.JSX.Element;
-    displayName: string;
-};
-export default MenuItemDivider;

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import o from"styled-components";import{Divider as r}from"../../../../components/divider/divider.component.js";const i=o.li.withConfig({displayName:"menu-item-divider.component__StyledMenuItemDivider",componentId:"carbon_v162_9_1__sc-dae620b3-0"})(["margin:var(--global-space-comp-m);hr{background-color:var(--container-standard-border-default);height:var(--global-borderwidth-xs);}"]),t=()=>e(i,{"data-component":"popover-menu-divider","aria-hidden":"true",children:e(r,{m:0,type:"horizontal"})});t.displayName="PopoverMenuItemDivider";export{t as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./menu-item-heading.component";

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/index.js

@@ -1 +0,0 @@
-export{default}from"./menu-item-heading.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-declare const MenuItemHeading: {
-    ({ children, text, icon, }: {
-        children: React.ReactNode;
-        text: string;
-        icon?: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-};
-export default MenuItemHeading;

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as n,useRef as o}from"react";import r from"styled-components";import{PopoverMenuContext as i}from"../../contexts/popover-menu.context.js";import c from"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";import a from"../../../utils/helpers/guid/index.js";function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(t){l(e,t,n[t])}))}return e}function m(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const s=r.div.withConfig({displayName:"menu-item-heading.component__StyledMenuHeadingWithIcon",componentId:"carbon_v162_9_1__sc-f76e7b6a-0"})(["display:flex;align-items:center;gap:",";"],(({$size:e})=>"small"===e?"var(--global-space-comp-2-xs)":"var(--global-space-comp-xs)")),d=r.li.withConfig({displayName:"menu-item-heading.component__StyledMenuHeading",componentId:"carbon_v162_9_1__sc-f76e7b6a-1"})(['div[data-element="text"]{'," color:var(--input-dropdown-label-alt);}ul{margin:0;padding:0;list-style:none;overflow:hidden;}"],(({$size:e})=>`\n        padding: 0 var(--global-space-comp-m);\n        font: var(--global-font-static-comp-medium-${e.charAt(0)});\n        margin-left: calc(var(--global-space-comp-m) - 2px);\n      `)),u=({children:r,text:l,icon:u})=>{const{size:b}=n(i),f=o(`popover-menu-heading-${a()}`),g={"data-element":"text",id:f.current};return e(d,{"data-component":"popover-menu-item-heading",$size:b,role:"option",children:[u?e(s,m(p({"data-role":"text-with-icon",$size:b},g),{children:[u,l]})):t("div",m(p({},g),{children:l})),t(c.Provider,{value:{headingId:f.current},children:t("ul",{role:"listbox","aria-label":l,children:r})})]})};u.displayName="PopoverMenuItemHeading";export{u as default};

package/esm/__internal__/popover-menu/menu-item/menu-item.component.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-export interface MenuItemProps {
-    children: React.ReactNode;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    selected?: boolean;
-    disabled?: boolean;
-    id?: string;
-    submenu?: React.ReactNode;
-    submenuWidth?: string;
-    submenuOpen?: boolean;
-    onSubmenuOpen?: () => void;
-    onSubmenuClose?: () => void;
-}
-declare const MenuItem: {
-    ({ children, onClick, selected, disabled, submenu, submenuOpen, onSubmenuOpen, onSubmenuClose, submenuWidth, id, ...rest }: MenuItemProps): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
-    displayName: string;
-};
-export default MenuItem;

package/esm/__internal__/popover-menu/menu-item/menu-item.component.js

@@ -1 +0,0 @@
-import{jsx as n,jsxs as e}from"react/jsx-runtime";import o,{useRef as t,useContext as r,useCallback as a,useEffect as l}from"react";import i,{css as u}from"styled-components";import{PopoverMenuContext as s}from"../contexts/popover-menu.context.js";import c from"../contexts/menu-heading.context.js";import p from"../contexts/menu-item.context.js";import m from"../../utils/helpers/guid/index.js";import d from"../../../components/icon/icon.component.js";import"../../../components/icon/icon.style.js";import{buttonMenuItemQuerySelector as b}from"../utils/index.js";function v(n,e,o){return e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o,n}function g(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable})))),t.forEach((function(e){v(n,e,o[e])}))}return n}function f(n,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):function(n){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e.push.apply(e,o)}return e}(Object(e)).forEach((function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(e,o))})),n}const h=i.li.withConfig({displayName:"menu-item.component__StyledMenuItem",componentId:"carbon_v162_9_1__sc-4bc50bba-0"})(["width:100%;position:relative;box-sizing:border-box;&:not(:has(button)):not(:has(a)){"," display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--global-space-comp-xs);&:not(:has(.menu-item-leading)){grid-template-columns:1fr;}}"," "," ",""],(({$disabled:n})=>n?"\n          * {\n          color: var(--input-dropdown-label-disabled);\n          }\n          cursor: not-allowed;\n        ":"\n          color: var(--input-dropdown-label-alt);\n          cursor: pointer;\n\n          :hover {\n            * {\n              color: var(--input-dropdown-label-hover);\n            }\n            background-color: var(--input-dropdown-bg-hover);\n          }\n      "),(({$disabled:n,$isButtonMenu:e})=>n?"\n        * {\n          color: var(--input-dropdown-label-disabled);\n        }\n\n        & > button, & > a {\n          background-color: transparent;\n        }\n        cursor: not-allowed;\n      ":`\n        cursor: pointer;\n\n        ${e?"\n              color: var(--popover-label-default);\n\n              & > button:active,\n              & > a:active {\n                background-color: var(--popover-bg-active);\n                color: var(--popover-label-active);\n              }\n\n              & > button:not(:active):hover,\n              & > a:not(:active):hover {\n                color: var(--popover-label-hover);\n                background-color: var(--popover-bg-hover);\n              }\n            ":"\n              color: var(--input-dropdown-label-alt);\n\n              &:not(:active):hover {\n                * {\n                  color: var(--input-dropdown-label-hover);\n                }\n                background-color: var(--popover-bg-hover);\n              }\n            "}\n  `),(({$isButtonMenu:n})=>u(["",""],n?"\n        &:focus {\n          outline: none;\n        }\n      ":'\n        &[data-has-focus="true"] {\n          outline: var(--focus-borderalt) solid var(--global-borderwidth-s);\n          outline-offset: calc(var(--global-borderwidth-s) * -1);\n        }\n    ')),(({$size:n,$isButtonMenu:e})=>u([""," "," ",""],"small"===n&&`\n      &:not(:has(button)):not(:has(a)) {\n        padding: var(--global-space-comp-xs) 0;\n\n        &:not(:has(.menu-item-subtext)) {\n          min-height: var(--global-size-s);\n        }\n      }\n\n      button, a {\n        width: 100%;\n        padding: var(--global-space-comp-xs) var(--global-space-comp-m) var(--global-space-comp-xs) var(--global-space-comp-m);\n      }\n\n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-${e?"medium":"regular"}-s);\n      }\n    `,"medium"===n&&`\n      &:not(:has(button)):not(:has(a)) {\n        padding: var(--global-space-comp-s) 0;\n\n        &:not(:has(.menu-item-subtext)) {\n          min-height: var(--global-size-m);\n        }\n      }\n\n      button, a {\n        width: 100%;\n        padding: var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-m);\n      }\n\n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-${e?"medium":"regular"}-m);\n      }\n    `,"large"===n&&`\n      &:not(:has(button)):not(:has(a)) {\n        padding: var(--global-space-comp-m) 0;\n\n        &:not(:has(.menu-item-subtext)) {\n          min-height: var(--global-size-l);\n        }\n      }\n      \n      button, a {\n        width: 100%;\n        padding: var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m);\n      }\n\n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-${e?"medium":"regular"}-l);\n      }\n    `))),y=i.div.withConfig({displayName:"menu-item.component__SubmenuParentWrapper",componentId:"carbon_v162_9_1__sc-4bc50bba-1"})(["display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--global-space-comp-xs);"]),w=n=>{if(!o.isValidElement(n))return!1;const e=n.props;return!(!e.disabled&&!0!==e["aria-disabled"]&&"true"!==e["aria-disabled"])||o.Children.toArray(e.children).some(w)},O=n=>{var e;const o=null===(e=n.current)||void 0===e?void 0:e.querySelector(b(!0));null==o||o.focus()},x=i=>{var{children:u,onClick:b,selected:v,disabled:x,submenu:j,submenuOpen:$,onSubmenuOpen:P,onSubmenuClose:S,submenuWidth:_,id:k}=i,C=function(n,e){if(null==n)return{};var o,t,r=function(n,e){if(null==n)return{};var o,t,r={},a=Object.keys(n);for(t=0;t<a.length;t++)o=a[t],e.indexOf(o)>=0||(r[o]=n[o]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t<a.length;t++)o=a[t],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(n,o)&&(r[o]=n[o])}return r}(i,["children","onClick","selected","disabled","submenu","submenuOpen","onSubmenuOpen","onSubmenuClose","submenuWidth","id"]);const D=t(null),{size:M,isButtonMenu:z,isSubmenu:E,onSubmenuCloseContext:B,focusSubmenuParent:I,renderSubmenu:N}=r(s),A=!!j,W=z&&w(u),K=x||W,R=a((t=>((t,r)=>o.isValidElement(t)&&1===o.Children.count(t)?o.cloneElement(t,g({"data-element":"submenu-parent",children:e(y,{"data-element":"submenu-parent-wrapper",children:[t.props.children,n(d,{type:"caret_right","data-element":"submenu-icon",ml:3})]})},r)):t)(u,g({},t))),[u]),V=t(null),q=r(c),L=null==q?void 0:q.headingId,F=t(null!=k?k:`popover-menu-item-${m()}`).current,G=a((n=>{if(A&&z)return"ArrowRight"===n.key?(n.preventDefault(),void($?O(V):null==P||P())):void 0}),[A,z,P,$]);l((()=>{$&&O(V)}),[$]);const H=a((n=>{var e;const{activeElement:o}=document,t="popover-submenu-item"===(null==o||null===(e=o.parentElement)||void 0===e?void 0:e.getAttribute("data-component"));if("ArrowLeft"===n.key&&(n.preventDefault(),t))return null==I||I(),void(null==B||B())}),[I,B]),J=a((n=>{null==P||P(),null==b||b(n)}),[P,b]);return z&&A&&N?N({open:!!$,submenu:j,submenuWidth:_,size:M,onClose:()=>null==S?void 0:S(),ref:V,triggerRef:D,control:e=>n(h,{ref:D,id:F,"data-component":"popover-menu-item",className:"popover-menu-item"+(K?"-disabled":""),$size:M,onClick:K?void 0:J,onMouseDown:K?void 0:n=>n.preventDefault(),onKeyDown:K?void 0:G,$disabled:K,$isButtonMenu:z,children:R(f(g({},e),{disabled:K}))})}):n(h,f(g({ref:D,id:F,"data-component":`popover-${E?"submenu":"menu"}-item`,className:"popover-menu-item"+(K?"-disabled":""),$size:M,onClick:K?void 0:b,onMouseDown:K?void 0:n=>n.preventDefault(),onKeyDown:H,role:z?void 0:"option","aria-selected":z?void 0:v&&!K,"aria-disabled":z?void 0:K,$disabled:K,$isButtonMenu:z},C),{"aria-describedby":L,children:n(p.Provider,{value:{isDisabled:!!K},children:u})}))};x.displayName="PopoverMenuItem";export{x as default};

package/esm/__internal__/popover-menu/popover-menu.component.d.ts

@@ -1,66 +0,0 @@
-import React from "react";
-import type { CSSObject } from "styled-components";
-import { PopoverProps } from "../popover";
-import { PopoverMenuContextProps, PopoverControlProps } from "./contexts";
-import { TagProps } from "../utils/helpers/tags";
-interface ListProps {
-    $size: PopoverMenuContextProps["size"];
-    $maxHeight?: string;
-    $isButtonMenu?: PopoverMenuContextProps["isButtonMenu"];
-}
-export declare const List: import("styled-components").StyledComponent<"ul", any, ListProps, never>;
-export type FocusableHandle = HTMLElement | HTMLButtonElement | HTMLAnchorElement | HTMLInputElement;
-export interface PopoverMenuProps<TRef extends FocusableHandle = HTMLElement> extends TagProps {
-    /** The content of the popover menu */
-    children: React.ReactNode;
-    /** Whether the popover menu is open or not */
-    open: boolean;
-    /** The element that the popover menu is anchored to */
-    popoverControl: (ref: React.RefObject<TRef>, props: PopoverControlProps) => React.ReactNode;
-    size?: PopoverMenuContextProps["size"];
-    /** Placement of the popover menu */
-    placement?: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
-    /** Middleware for the popover menu */
-    middleware?: typeof menuPopoverMiddleware;
-    /** Ref for the submenu control element */
-    submenuControlRef?: React.MutableRefObject<HTMLElement | null>;
-    /** id applied to the outer wrapper element (e.g. for aria-controls) */
-    id?: string;
-    /** Blur handler for the outer wrapper element */
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    /** Callback when the popover menu is opened */
-    onOpen?: () => void;
-    /** Callback when the popover menu is closed */
-    onClose: (e?: Event, value?: string) => void;
-    /** Set the custom width of the menu */
-    width?: string;
-    /** Whether the menu width should match the control reference width */
-    matchReferenceWidth?: boolean;
-    /** Strategy used to position the popover */
-    popoverStrategy?: PopoverProps["popoverStrategy"];
-    /** Override default control reference for popover */
-    controlReference?: React.RefObject<HTMLDivElement | HTMLLIElement>;
-    /** Set the custom max-height of the menu list */
-    maxHeight?: string;
-    /** Custom styles for the control wrapper element */
-    controlWrapperStyle?: CSSObject;
-    /** Aria labelledby for the listbox */
-    listboxAriaLabelledBy?: string;
-    /** Aria label for the listbox */
-    listboxAriaLabel?: string;
-    /** Controls the keyboard navigation behavior and sets roles to `list` and `listitem` */
-    isButtonMenu?: boolean;
-    /** Flag to notify that the menu is a submenu */
-    isSubmenu?: boolean;
-    /** Ref to the listbox/menu element */
-    listRef?: React.Ref<HTMLUListElement>;
-}
-declare const menuPopoverMiddleware: (width?: string, isButtonMenu?: boolean, isSubmenu?: boolean, matchReferenceWidth?: boolean) => {
-    name: string;
-    options?: any;
-    fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
-}[];
-declare const PopoverMenu: <TRef extends FocusableHandle = HTMLElement>(props: PopoverMenuProps<TRef> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => React.ReactElement;
-export default PopoverMenu;

package/esm/__internal__/popover-menu/popover-menu.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{forwardRef as r,useRef as t,useState as l,useCallback as i,useEffect as a}from"react";import c,{css as p}from"styled-components";import u from"../popover/popover.component.js";import{offset as s,flip as d,size as m}from"@floating-ui/dom";import{wrapChildrenInItem as v,buttonMenuItemQuerySelector as b}from"./utils/index.js";import f from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import{useHandleDropdownMenuKeyDown as y,setFocus as g}from"./hooks/useHandleDropdownMenuKeyDown.js";import h from"../utils/helpers/guid/index.js";import{PopoverMenuContext as w}from"./contexts/popover-menu.context.js";import"./contexts/menu-heading.context.js";import"./contexts/menu-item.context.js";import x from"../utils/helpers/combine-refs/index.js";function O(e,o,n){return o in e?Object.defineProperty(e,o,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[o]=n,e}const _=c.div.withConfig({displayName:"popover-menu.component__PopoverControlWrapper",componentId:"carbon_v162_9_1__sc-b31ae1b1-0"})(["display:inline-block;",""],(({$controlWrapperStyle:e})=>e)),S=c.ul.withConfig({displayName:"popover-menu.component__List",componentId:"carbon_v162_9_1__sc-b31ae1b1-1"})(["margin:var(--global-space-none);padding:var(--global-space-none);background-color:var(--popover-bg-default);display:flex;flex-direction:column;max-height:",';list-style-type:"";list-style:none;',""],(({$maxHeight:e,$size:o})=>null!=e?e:`calc(5 * var(--global-size-${o.charAt(0)}))`),(({$isButtonMenu:e,$size:o,$maxHeight:n})=>!e&&p(["overflow:hidden auto;-webkit-overflow-scrolling:touch;max-height:",";"],null!=n?n:`calc(5 * var(--global-size-${o.charAt(0)}))`))),j={small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"},k=c.div.withConfig({displayName:"popover-menu.component__MenuWrapper",componentId:"carbon_v162_9_1__sc-b31ae1b1-2"})(["box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-container-m);background-color:var(--popover-bg-default);width:max-content;max-width:100%;position:relative;z-index:var(--carbon-zindex-small-overlay);padding:",";",""],(({$size:e})=>p([""," var(--global-space-none)"],j[e])),(({$isButtonMenu:e})=>!e&&p(["overflow:hidden;max-height:100%;"]))),P=c.div.withConfig({displayName:"popover-menu.component__ScrollWrapper",componentId:"carbon_v162_9_1__sc-b31ae1b1-3"})(["max-height:100%;width:100%;"]),R=(e,o,n,r)=>[s(n?0:8),d({fallbackStrategy:"initialPlacement"}),m({apply({rects:n,elements:t}){(!o||r||e)&&(t.floating.style.width=e||`${n.reference.width}px`)}})],C=e=>{null==e||e.focus()},D=({open:o,placement:n,controlWrapperRef:r,size:t,listRef:l,listboxAriaLabelledBy:i,listboxAriaLabel:a,isButtonMenu:c,children:p,onKeyDown:s,middleware:d,scrollRef:m,listId:v,disablePortal:b,portalTarget:f,maxHeight:y,popoverStrategy:g})=>e(u,{placement:n,reference:r,isOpen:o,"data-component":"popover-menu",middleware:d,disablePortal:b,portalTarget:f,popoverStrategy:g,children:e(k,{$size:t,onKeyDown:s,"data-role":"menu-wrapper",onMouseDown:e=>e.preventDefault(),$isButtonMenu:c,children:e(P,{ref:m,"data-component":"scroll-wrapper",children:e(S,{$size:t,ref:l,role:c?"list":"listbox",id:v,"aria-labelledby":i,$isButtonMenu:c,"aria-label":a,$maxHeight:y,children:p})})})}),$=({open:o,isButtonMenu:n,isSubmenu:r,popoverControl:t,controlRef:l,controlWrapperRef:i,onKeyDown:a,listId:c,"aria-activedescendant":p,controlWrapperStyle:u})=>r?t(l,{"aria-haspopup":"true","aria-controls":o?c:void 0,"aria-expanded":o}):e(_,{ref:i,onKeyDown:a,"data-component":"popover-menu-control",$controlWrapperStyle:u,children:t(l,{"aria-haspopup":n?"true":"listbox","aria-controls":o?c:void 0,"aria-expanded":o,"aria-activedescendant":n?void 0:p,role:n?void 0:"combobox"})}),A=(r,c)=>{var{children:p,open:u,popoverControl:s,size:d="medium",placement:m="bottom-end",onOpen:_,onClose:S,width:j,matchReferenceWidth:k=!1,popoverStrategy:P="absolute",listboxAriaLabelledBy:A,listboxAriaLabel:L,isButtonMenu:z=!1,isSubmenu:M=!1,id:W,controlReference:E,listRef:I,controlWrapperStyle:H,maxHeight:K}=r,N=function(e,o){if(null==e)return{};var n,r,t=function(e,o){if(null==e)return{};var n,r,t={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],o.indexOf(n)>=0||(t[n]=e[n]);return t}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],o.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}(r,["children","open","popoverControl","size","placement","onOpen","onClose","width","matchReferenceWidth","popoverStrategy","listboxAriaLabelledBy","listboxAriaLabel","isButtonMenu","isSubmenu","id","controlReference","listRef","controlWrapperStyle","maxHeight"]);const T=t(null),q=null!=E?E:T,F=t(null),U=t(null),G=x(I,U),J=t(null!=W?W:`popover-menu-wrapper-${h()}`),Q=t(null),V=x(Q,c),X=v(p),Y=t(null),Z=f(S),[ee,oe]=l(""),ne=R(j,z,M,k),re=t(null),te=i((()=>{if(M){var e;const o=null==E||null===(e=E.current)||void 0===e?void 0:e.querySelector("button, a");o&&C(o)}}),[M,E]),le=i((e=>{u&&"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),S(),M?te():C(Y.current))}),[u,S,M,te]);a((()=>{const e=M?F.current:Q.current;null==e||e.addEventListener("click",Z,{passive:!0}),null==e||e.addEventListener("keydown",le);const o=M?null==E?void 0:E.current:null;return null==o||o.addEventListener("click",Z,{passive:!0}),()=>{null==e||e.removeEventListener("click",Z),null==e||e.removeEventListener("keydown",le),null==o||o.removeEventListener("click",Z)}}),[M,Z,le,E]);const ie=y(U,z?()=>{}:oe,S,{isButtonMenu:z,isSubmenu:M}),ae=i((e=>{var o;if(u&&(null===(o=T.current)||void 0===o?void 0:o.contains(document.activeElement)))ie(e);else if(!u&&z&&!M){if("ArrowDown"===e.key)return e.preventDefault(),null==_||_(),void(re.current="down");if("ArrowUp"===e.key)return e.preventDefault(),null==_||_(),void(re.current="up")}}),[u,ie,z,_,M]);a((()=>{let e;return u&&z&&!M&&(e=requestAnimationFrame((()=>{var e;const o=null===(e=F.current)||void 0===e?void 0:e.querySelectorAll(b(!1)),n="up"===re.current?null==o?void 0:o[o.length-1]:null==o?void 0:o[0];re.current=null,n&&(oe(n.id),g(n,void 0,z))}))),()=>cancelAnimationFrame(e)}),[u,z,M]);const ce=i((o=>e(B,{open:o.open,onClose:e=>{var n;o.onClose(),("click"===(null==e?void 0:e.type)&&!(null===(n=Q.current)||void 0===n?void 0:n.contains(null==e?void 0:e.target))||"Tab"===(null==e?void 0:e.key))&&S(e)},size:o.size,isButtonMenu:!0,isSubmenu:!0,width:o.submenuWidth,listRef:o.ref,popoverControl:(e,n)=>o.control(n),placement:"right-start",controlReference:o.triggerRef,children:o.submenu})),[S]),pe=o(n,{children:[e($,{open:u,isButtonMenu:z,isSubmenu:M,popoverControl:s,controlRef:Y,controlWrapperRef:T,controlWrapperStyle:H,onKeyDown:ae,listId:J.current,"aria-activedescendant":u&&ee?ee:void 0}),e(w.Provider,{value:{size:d,isButtonMenu:z,isSubmenu:M,onSubmenuCloseContext:M?S:void 0,focusSubmenuParent:M?te:void 0,renderSubmenu:z&&!M?ce:void 0},children:u&&e(D,{open:u,placement:m,controlWrapperRef:q,size:d,listRef:G,listboxAriaLabelledBy:A,listboxAriaLabel:L,isButtonMenu:z,onKeyDown:ie,middleware:ne,scrollRef:F,listId:J.current,disablePortal:!M,portalTarget:M?null==E?void 0:E.current:void 0,maxHeight:K,popoverStrategy:P,children:X})})]});return M?pe:e("div",(ue=function(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(o){O(e,o,n[o])}))}return e}({ref:V,"data-component":"popover-menu"},N),se=null!=(se={children:pe})?se:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ue,Object.getOwnPropertyDescriptors(se)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o.push.apply(o,n)}return o}(Object(se)).forEach((function(e){Object.defineProperty(ue,e,Object.getOwnPropertyDescriptor(se,e))})),ue));var ue,se},B=r(A);export{S as List,B as default};

package/esm/__internal__/popover-menu/utils/index.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-export declare const wrapChildrenInItem: (children: React.ReactNode) => React.ReactNode[] | undefined;
-export declare const itemQuerySelector: (isSubmenu?: boolean) => string;
-export declare const buttonMenuItemQuerySelector: (isSubmenu?: boolean) => string;

package/esm/__internal__/popover-menu/utils/index.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import m from"../menu-item/menu-item.component.js";import"../menu-item/menu-item-content/menu-item-leading.component.js";import"../menu-item/menu-item-content/menu-item-label.component.js";import"../menu-item/menu-item-content/menu-item-subtext.component.js";import n from"../menu-item/menu-item-divider/menu-item-divider.component.js";import i from"../menu-item/menu-item-heading/menu-item-heading.component.js";const o=r=>{var u;return null===(u=t.Children.map(r,(r=>t.isValidElement(r)?r.type===t.Fragment?o(r.props.children):r.type===m||r.type===n||r.type===i?r:e(m,{children:r}):null)))||void 0===u?void 0:u.flat().filter(Boolean)},r=e=>`li[data-component='popover-${e?"submenu":"menu"}-item']:not([aria-disabled='true'])`,u=e=>`${r(e)} button:not([disabled]), ${r(e)} a:not([disabled])`;export{u as buttonMenuItemQuerySelector,r as itemQuerySelector,o as wrapChildrenInItem};

package/esm/__internal__/radio-button-mapper/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./radio-button-mapper.component";
-export type { RadioButtonMapperProps, MappedChildProps, } from "./radio-button-mapper.component";

package/esm/__internal__/radio-button-mapper/index.js

@@ -1 +0,0 @@
-export{default}from"./radio-button-mapper.component.js";