carbon-react 162.10.0 → 162.12.0-beta.1

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

@@ -1,76 +0,0 @@
-import React from "react";
-import { SpaceProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface AccordionProps extends SpaceProps, TagProps {
-    id?: string;
-    /** Content of the Accordion component */
-    children?: React.ReactNode;
-    /** Set the default state of expansion of the Accordion if component is to be used as uncontrolled */
-    defaultExpanded?: boolean;
-    /**
-     * Disable padding for the content.
-     * @deprecated Padding is no longer applied to the Accordion content by default. Any desired spacing can be applied directly to the provided content.
-     */
-    disableContentPadding?: boolean;
-    /** Sets the expansion state of the Accordion if component is to be used as controlled */
-    expanded?: boolean;
-    /** Styled system spacing props provided to Accordion Title */
-    headerSpacing?: SpaceProps;
-    /** Title of the Accordion */
-    title: React.ReactNode;
-    /** Title of the Accordion when it is open */
-    openTitle?: string;
-    /** Sets accordion sub title */
-    subTitle?: string;
-    /** Callback fired when expansion state changes */
-    onChange?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, isExpanded: boolean) => void;
-    /** Sets Accordion size */
-    size?: "small" | "medium" | "large";
-    /**
-     * Sets Accordion borders.
-     *
-     * **Deprecation Warning:** The "full" borders are deprecated and will be removed in a future release.
-     */
-    borders?: "default" | "none" | "full";
-    /** Sets Accordion width */
-    width?: string;
-    /**
-     * Sets Accordion variant.
-     *
-     * **Deprecation Warning:** The "subtle" variant is deprecated, please use "simple" instead.
-     */
-    variant?: "standard" | "simple" | "subtle";
-    /**
-     * Sets icon type
-     * @deprecated Custom icon types on accordions are deprecated and will be removed in a future release.
-     */
-    iconType?: "chevron_down" | "chevron_down_thick" | "dropdown";
-    /**
-     * Sets icon alignment.
-     * @deprecated Icon alignment on accordions is deprecated and will be removed in a future release. Icons will now render on the left by default.
-     */
-    iconAlign?: "left" | "right";
-    /**
-     * An error message to be displayed in the tooltip.
-     * @deprecated Validation messages on accordions are no longer supported.
-     */
-    error?: string;
-    /**
-     * A warning message to be displayed in the tooltip.
-     * @deprecated Validation messages on accordions are no longer supported.
-     */
-    warning?: string;
-    /**
-     * An info message to be displayed in the tooltip.
-     * @deprecated Validation messages on accordions are no longer supported.
-     */
-    info?: string;
-}
-export interface AccordionInternalProps {
-    /** @ignore @private */
-    handleKeyboardAccessibility?: (ev: React.KeyboardEvent<HTMLElement>, index?: number) => void;
-    /** @ignore @private */
-    index?: number;
-}
-export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & AccordionInternalProps & React.RefAttributes<HTMLDivElement>>;
-export default Accordion;

package/esm/components/accordion/accordion.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import n,{useState as t,useRef as o,useEffect as i,useCallback as a}from"react";import c from"../../__internal__/utils/helpers/tags/tags.js";import l from"../../hooks/__internal__/useResizeObserver/useResizeObserver.js";import d from"../../__internal__/utils/helpers/guid/index.js";import s from"../../__internal__/utils/helpers/events/events.js";import{StyledAccordionContainer as u,StyledAccordionTitleContainer as p,StyledAccordionTitleWrapper as f,StyledAccordionSubTitle as b,StyledAccordionContentContainer as m,StyledAccordionLine as y,StyledAccordionContent as h,StyledAccordionIcon as v,StyledAccordionTitle as g}from"./accordion.style.js";import{Button as O}from"../button/__next__/button.component.js";import j from"../../hooks/useMediaQuery/useMediaQuery.js";function _(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function w(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},t=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),t.forEach((function(r){_(e,r,n[r])}))}return e}function x(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 n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}const $=n.forwardRef(((n,_)=>{var{borders:$="default",defaultExpanded:P,expanded:A,onChange:E,children:S,handleKeyboardAccessibility:T,id:k,index:z,iconType:C,iconAlign:D,size:K="medium",subTitle:M,title:H,width:R,headerSpacing:I,disableContentPadding:L,error:N,warning:Q,info:q,openTitle:B,variant:F="standard"}=n,G=function(e,r){if(null==e)return{};var n,t,o=function(e,r){if(null==e)return{};var n,t,o={},i=Object.keys(e);for(t=0;t<i.length;t++)n=i[t],r.indexOf(n)>=0||(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)n=i[t],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(n,["borders","defaultExpanded","expanded","onChange","children","handleKeyboardAccessibility","id","index","iconType","iconAlign","size","subTitle","title","width","headerSpacing","disableContentPadding","error","warning","info","openTitle","variant"]);const J=void 0!==A,[U,V]=t(P||!1),[W,X]=t(U?"auto":0),Y=o(null),Z=o(null),ee=J?A:U;l(Y,(()=>{var e;X(null===(e=Y.current)||void 0===e?void 0:e.scrollHeight)})),i((()=>{var e;X(null===(e=Y.current)||void 0===e?void 0:e.scrollHeight)}),[ee]);const re=j("screen and (prefers-reduced-motion: no-preference)"),ne=a((e=>{J||V(!ee),null==E||E(e,!ee)}),[J,ee,E]),te=re?400:0;i((()=>{var e;if(!ee){const e=setTimeout((()=>{var e;null===(e=Z.current)||void 0===e||e.setAttribute("hidden","until-found")}),te);return()=>clearTimeout(e)}null===(e=Z.current)||void 0===e||e.removeAttribute("hidden")}),[ee,te]),i((()=>{const e=Z.current;if(!e)return;const r=e=>{ne(e)};return e.addEventListener("beforematch",r),()=>e.removeEventListener("beforematch",r)}),[ne,J,E]);const oe=a((e=>{T&&T(e,z),(s.isEnterKey(e)||s.isSpaceKey(e))&&(e.preventDefault(),ne(e))}),[T,z,ne]),ie=o(d()),ae=k||`Accordion_${ie.current}`,ce=`AccordionHeader_${ie.current}`,le=`AccordionContent_${ie.current}`,de="large"===K?"medium":K,se="subtle"===F?"simple":F,ue=()=>ee&&B||H,pe=()=>r(v,{"data-element":"accordion-icon","data-role":"accordion-icon",type:C||("standard"===F&&"medium"===de?"chevron_down":"chevron_down_thick"),$isExpanded:ee,$allowMotion:re});return e(u,x(w({id:ae,$width:R,$borders:$,$variant:se,$isExpanded:ee,$allowMotion:re},G,c("accordion",G)),{children:["simple"===se?e(O,{"data-role":"accordion-simple-button",id:ce,"aria-expanded":ee,"aria-controls":le,onClick:ne,variantType:"tertiary",size:K,className:ee?"active":"",children:[pe(),ue()]}):e(p,x(w({"data-element":"accordion-title-container",id:ce,"aria-expanded":ee,"aria-controls":le,onClick:ne,onKeyDown:oe,tabIndex:0,ref:_,role:"button",$size:de,$iconAlign:D},I),{children:[pe(),e(f,{children:["string"==typeof H?r(g,{"data-element":"accordion-title",$size:de,children:ue()}):ue(),M&&r(b,{"data-element":"accordion-subtitle",$size:de,children:M})]})]})),e(m,{ref:Z,$isExpanded:ee,$height:W,$allowMotion:re,"data-role":"accordion-content-container",children:["simple"===se&&r(y,{}),r(h,{role:"region","data-element":"accordion-content","data-role":"accordion-content",id:le,"aria-labelledby":ce,ref:Y,$variant:se,children:S})]})]}))}));$.displayName="Accordion";export{$ as Accordion,$ as default};

package/esm/components/accordion/accordion.style.d.ts

@@ -1,26 +0,0 @@
-export interface StyledAccordionProps {
-    $borders?: "default" | "full" | "none";
-    $width?: string;
-    $variant?: "standard" | "simple";
-    $isExpanded?: boolean;
-    $allowMotion?: boolean;
-    $size?: "small" | "medium";
-    $iconAlign?: "left" | "right";
-    $height?: string | number;
-}
-export declare const StyledAccordionGroup: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-}, "theme">;
-export declare const StyledAccordionContainer: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & StyledAccordionProps, "theme">;
-export declare const StyledAccordionTitle: import("styled-components").StyledComponent<"h3", any, StyledAccordionProps, never>;
-export declare const StyledAccordionSubTitle: import("styled-components").StyledComponent<"span", any, StyledAccordionProps, never>;
-export declare const StyledAccordionIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, StyledAccordionProps, never>;
-export declare const StyledAccordionTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAccordionTitleContainer: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & StyledAccordionProps, "theme">;
-export declare const StyledAccordionLine: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAccordionContentContainer: import("styled-components").StyledComponent<"div", any, StyledAccordionProps, never>;
-export declare const StyledAccordionContent: import("styled-components").StyledComponent<"div", any, StyledAccordionProps, never>;

package/esm/components/accordion/accordion.style.js

@@ -1 +0,0 @@
-import o,{css as t}from"styled-components";import{margin as e,space as i}from"styled-system";import n from"../icon/icon.component.js";import"../icon/icon.style.js";import a from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";const c={small:{titleFont:"var(--global-font-static-section-heading-s)",subtitleFont:"var(--global-font-static-comp-medium-s)",headingPadding:"var(--global-space-comp-l)"},medium:{titleFont:"var(--global-font-static-section-heading-m)",subtitleFont:"var(--global-font-static-comp-medium-l)",headingPadding:"var(--global-space-comp-xl)"}},l=o.div.attrs(a).withConfig({displayName:"accordion.style__StyledAccordionGroup",componentId:"carbon_v162_9_1__sc-5e39e462-0"})(["",""],e),d=o.div.attrs(a).withConfig({displayName:"accordion.style__StyledAccordionContainer",componentId:"carbon_v162_9_1__sc-5e39e462-1"})(["display:flex;align-items:stretch;justify-content:center;flex-direction:column;box-sizing:border-box;width:",";"," &&{","}"],(({$width:o})=>o||"100%"),(({$variant:o,$borders:e,$isExpanded:i,$allowMotion:n})=>t([""," ",""],"standard"===o&&t(["& + &{margin-top:-1px;}border:1px solid var(--container-action-border-default);",";",";"],"default"===e&&t(["border-left:none;border-right:none;"]),"none"===e&&t(["border:none;"])),"simple"===o&&t(["gap:",";",""],i?"var(--global-space-comp-l)":"0px",n&&t(["transition:gap 0.4s;"])))),i),s=o.h3.withConfig({displayName:"accordion.style__StyledAccordionTitle",componentId:"carbon_v162_9_1__sc-5e39e462-2"})([""," color:var(--container-action-txt-default);margin:0;"],(({$size:o})=>o&&t(["font:",";"],c[o].titleFont))),p=o.span.withConfig({displayName:"accordion.style__StyledAccordionSubTitle",componentId:"carbon_v162_9_1__sc-5e39e462-3"})([""," color:var(--container-action-txt-alt-default);"],(({$size:o})=>o&&t(["font:",";"],c[o].subtitleFont))),_=o(n).withConfig({displayName:"accordion.style__StyledAccordionIcon",componentId:"carbon_v162_9_1__sc-5e39e462-4"})(["width:var(--global-size-2-xs);height:var(--global-size-2-xs);color:var(--container-action-icon-default);",";"],(({$isExpanded:o,$allowMotion:e})=>t(["transform:rotate(0deg);"," ",""],o&&t(["transform:rotate(-180deg);"]),e&&t(["transition:transform 0.4s;"])))),m=o.div.withConfig({displayName:"accordion.style__StyledAccordionTitleWrapper",componentId:"carbon_v162_9_1__sc-5e39e462-5"})(["display:flex;flex-direction:column;align-items:flex-start;gap:var(--global-space-comp-xs);flex:1 0 0;"]),g=o.div.attrs(a).withConfig({displayName:"accordion.style__StyledAccordionTitleContainer",componentId:"carbon_v162_9_1__sc-5e39e462-6"})(["",""],(({$size:o,$iconAlign:e})=>o&&t(["display:flex;flex:1 0 0;align-items:center;align-self:stretch;background-color:transparent;border:none;text-align:left;gap:var(--global-space-comp-l);padding:",";"," "," &:hover{cursor:pointer;background-color:var(--container-action-bg-hover);}&:focus{"," z-index:1;}"],c[o].headingPadding,"right"===e&&t(["flex-direction:row-reverse;"]),i,r()))),f=o.div.withConfig({displayName:"accordion.style__StyledAccordionLine",componentId:"carbon_v162_9_1__sc-5e39e462-7"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:var(--global-radius-action-xs);height:100%;"]),y=o.div.withConfig({displayName:"accordion.style__StyledAccordionContentContainer",componentId:"carbon_v162_9_1__sc-5e39e462-8"})(["position:relative;overflow:hidden;height:0;opacity:0;",""],(({$height:o,$isExpanded:e,$allowMotion:i})=>t([""," ",""],i&&t(["transition:height 0.4s,opacity 0.2s;"]),e&&t(["height:","px;opacity:1;"],o)))),b=o.div.withConfig({displayName:"accordion.style__StyledAccordionContent",componentId:"carbon_v162_9_1__sc-5e39e462-9"})(["",""],(({$variant:o})=>t(["overflow:hidden;",""],"simple"===o&&t(["margin-left:var(--global-space-comp-l);"]))));export{d as StyledAccordionContainer,b as StyledAccordionContent,y as StyledAccordionContentContainer,l as StyledAccordionGroup,_ as StyledAccordionIcon,f as StyledAccordionLine,p as StyledAccordionSubTitle,s as StyledAccordionTitle,g as StyledAccordionTitleContainer,m as StyledAccordionTitleWrapper};

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

@@ -1,4 +0,0 @@
-export { default as Accordion } from "./accordion.component";
-export type { AccordionProps } from "./accordion.component";
-export { default as AccordionGroup } from "./accordion-group/accordion-group.component";
-export type { AccordionGroupProps } from "./accordion-group/accordion-group.component";

package/esm/components/accordion/index.js

@@ -1 +0,0 @@
-export{Accordion}from"./accordion.component.js";export{AccordionGroup}from"./accordion-group/accordion-group.component.js";

package/esm/components/action-popover/__internal__/action-popover.context.d.ts

@@ -1,12 +0,0 @@
-export type Alignment = "left" | "right";
-type ActionPopoverContextType = {
-    setOpenPopover: (isOpen: boolean) => void;
-    focusButton: () => void;
-    horizontalAlignment: Alignment;
-    submenuPosition: Alignment;
-    selectedSubmenuRef: HTMLUListElement | null;
-    setSelectedSubmenuRef: (ref: HTMLUListElement | null) => void;
-};
-export declare const ActionPopoverProvider: import("react").Provider<ActionPopoverContextType | null>;
-export declare const useActionPopoverContext: () => ActionPopoverContextType;
-export {};

package/esm/components/action-popover/__internal__/action-popover.context.js

@@ -1 +0,0 @@
-import{createContext as o,useContext as r}from"react";import t from"invariant";const e=o(null),n=e.Provider,a=()=>{const o=r(e);return t(o,"Carbon ActionPopover: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details."),o};export{n as ActionPopoverProvider,a as useActionPopoverContext};

package/esm/components/action-popover/__internal__/action-popover.utils.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-type ReactItem = React.ReactChild | React.ReactFragment | React.ReactPortal;
-export declare const getItems: (children: React.ReactNode | React.ReactNode[]) => ReactItem[];
-export declare const isItemDisabled: (item: ReactItem) => boolean;
-export declare const findFirstFocusableItem: (items: ReactItem[]) => number;
-export declare const findLastFocusableItem: (items: ReactItem[]) => number;
-export declare const checkChildrenForString: (children: React.ReactNode) => boolean;
-export {};

package/esm/components/action-popover/__internal__/action-popover.utils.js

@@ -1 +0,0 @@
-import e from"react";import{ActionPopoverItem as r}from"../action-popover-item/action-popover-item.component.js";const t=t=>e.Children.toArray(t).filter((t=>e.isValidElement(t)&&t.type===r)),o=r=>{var t;return e.isValidElement(r)&&!!(null===(t=r.props)||void 0===t?void 0:t.disabled)},i=e=>e.findIndex(((r,t)=>!o(e[t]))),n=e=>{for(let r=e.length-1;r>=0;r--)if(!o(e[r]))return r;return-1},l=r=>e.Children.toArray(r).some((r=>"string"==typeof r||!!e.isValidElement(r)&&l(r.props.children)));export{l as checkChildrenForString,i as findFirstFocusableItem,n as findLastFocusableItem,t as getItems,o as isItemDisabled};

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

@@ -1,2 +0,0 @@
-import { MenuItemDivider as ActionPopoverDivider } from "../action-popover.style";
-export default ActionPopoverDivider;

package/esm/components/action-popover/action-popover-divider/action-popover-divider.component.js

@@ -1 +0,0 @@
-import{MenuItemDivider as o}from"../action-popover.style.js";o.displayName="ActionPopoverDivider";export{o as default};

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

@@ -1,30 +0,0 @@
-import React from "react";
-import { Alignment } from "../__internal__/action-popover.context";
-import { IconType } from "../../icon";
-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<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** Submenu component for item */
-    submenu?: React.ReactNode;
-    /** @ignore @private */
-    focusItem?: boolean;
-    /** @ignore @private */
-    currentSubmenuPosition?: Alignment;
-    /** @ignore @private */
-    setCurrentSubmenuPosition?: (value: Alignment) => void;
-}
-export declare const ActionPopoverItem: {
-    ({ children, icon, disabled, onClick: onClickProp, submenu, focusItem, download, href, currentSubmenuPosition, setCurrentSubmenuPosition, ...rest }: ActionPopoverItemProps): React.JSX.Element;
-    displayName: string;
-};
-export default ActionPopoverItem;

package/esm/components/action-popover/action-popover-item/action-popover-item.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useState as n,useRef as o,useCallback as i,useEffect as u}from"react";import c from"invariant";import{StyledMenuItemWrapper as a,StyledMenuItem as l,SubMenuItemIcon as s,MenuItemIcon as p,StyledMenuItemInnerText as f}from"../action-popover.style.js";import m from"../../../__internal__/utils/helpers/events/events.js";import d from"../../../__internal__/utils/helpers/guid/index.js";import{useActionPopoverContext as v}from"../__internal__/action-popover.context.js";import b from"../action-popover-menu/action-popover-menu.component.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function P(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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function g(e){return Boolean(e&&e.current)}const O=y=>{var{children:O,icon:j,disabled:w=!1,onClick:_,submenu:S,focusItem:D,download:E,href:x,currentSubmenuPosition:I,setCurrentSubmenuPosition:K}=y,k=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(y,["children","icon","disabled","onClick","submenu","focusItem","download","href","currentSubmenuPosition","setCurrentSubmenuPosition"]);c(!r.isValidElement(S)||S.type===b,"ActionPopoverItem only accepts submenu of type `ActionPopoverMenu`");const{setOpenPopover:C,focusButton:T,submenuPosition:A,selectedSubmenuRef:L,setSelectedSubmenuRef:M}=v(),[R,B]=n(void 0),[W]=n(d()),[$,V]=n(!1),[z,F]=n(0),N=o(null),q=o(null),G=o(null),H=o(null),J=i((()=>{const e=function(e,t,r,n){if(!e.current||!t.current)return n||r;const{left:o,right:i}=e.current.getBoundingClientRect(),{offsetWidth:u}=t.current,c=document.body.clientWidth;return"left"===r?o>=u?"left":"right":c>=i+u?"right":"left"}(q,N,A,I);return null==K||K(e),g(q)&&g(N)&&S}),[S,K,A,I]);u((()=>{!w&&N.current&&V(L===N.current)}),[w,L]),u((()=>{B((()=>{if(!q.current||!N.current)return;const{offsetWidth:e}=N.current,t="left"===I;return{left:t?-e:"auto",right:t?"auto":-e}}))}),[S,I]),u((()=>{S&&J()}),[J,S]),u((()=>{D&&setTimeout((()=>{var e;null===(e=q.current)||void 0===e||e.focus()}),0)}),[D]),u((()=>function(){G.current&&clearTimeout(G.current),H.current&&clearTimeout(H.current)}),[]),u((()=>{const e="resize";return window.addEventListener(e,J),function(){window.removeEventListener(e,J)}}),[J]);const Q=i((e=>{var t;e.stopPropagation(),w?(null===(t=q.current)||void 0===t||t.focus(),e.preventDefault()):(C(!1),T(),_&&_(e))}),[w,T,_,C]),U=i((e=>{if(m.isSpaceKey(e))e.preventDefault(),e.stopPropagation();else if(w)m.isEnterKey(e)&&e.stopPropagation();else if(S){var t;if("left"===I){if(m.isLeftKey(e)||m.isEnterKey(e))M(N.current),V(!0),F(0),e.stopPropagation();else if(m.isRightKey(e)){var r;V(!1),null===(r=q.current)||void 0===r||r.focus(),e.stopPropagation()}}else(m.isRightKey(e)||m.isEnterKey(e))&&(V(!0),F(0),e.stopPropagation()),m.isLeftKey(e)&&(V(!1),null===(t=q.current)||void 0===t||t.focus(),e.stopPropagation());e.preventDefault()}else m.isEnterKey(e)&&(x||(e.preventDefault(),Q(e)))}),[w,S,I,M,Q,x]),X=P(h({},!w&&{onClick:e=>{var t;M(N.current),V(!0),null===(t=q.current)||void 0===t||t.focus(),e.preventDefault(),e.stopPropagation()}}),{"aria-haspopup":"true","aria-controls":`ActionPopoverMenu_${W}`,"aria-expanded":$}),Y=h({},!w&&{onMouseEnter:e=>{G.current&&clearTimeout(G.current),F(-1),G.current=setTimeout((()=>{V(!0),M(N.current)}),150),e.stopPropagation()},onMouseLeave:e=>{H.current&&clearTimeout(H.current),H.current=setTimeout((()=>{V(!1)}),150),e.stopPropagation()}});return e(a,P(h({onKeyDown:U},S&&Y),{children:[e(l,P(h(P(h({},k),{ref:q,onClick:Q,type:"button",tabIndex:0,isDisabled:w}),w&&{"aria-disabled":!0},!!x&&{as:"a",download:E,href:x},S&&X),{children:[S&&g(q)&&t(s,{"aria-hidden":!0,"data-element":"action-popover-menu-item-chevron","data-role":"chevron-icon",type:"left"===I?"chevron_left_thick":"chevron_right_thick"}),j&&t(p,{"aria-hidden":!0,type:j,"data-element":"action-popover-menu-item-icon","data-role":"item-icon"}),t(f,{"data-element":"action-popover-menu-item-inner-text",children:O})]})),r.isValidElement(S)?r.cloneElement(S,{parentID:`ActionPopoverItem_${W}`,menuID:`ActionPopoverMenu_${W}`,"data-element":"action-popover-submenu",isOpen:$,ref:N,style:R,setOpen:V,setFocusIndex:F,focusIndex:z}):null]}))};O.displayName="ActionPopoverItem";export{O as ActionPopoverItem,O as default};

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

@@ -1,42 +0,0 @@
-import React from "react";
-export interface ActionPopoverMenuBaseProps {
-    /** Children for the menu */
-    children?: React.ReactNode;
-    /**
-     * @ignore
-     * @private
-     * @internal
-     * 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;
-    /**
-     * @ignore
-     * @private
-     * @internal
-     * Callback to set the index of the focused item */
-    setFocusIndex?: (args: number) => void;
-    /** Callback to set the isOpen flag */
-    setOpen?: (args: boolean) => void;
-    /** Unique ID for the menu's parent */
-    parentID?: string;
-    /** Set whether the menu should open above or below the button */
-    placement?: "bottom" | "top";
-    /** @ignore @private */
-    role?: string;
-    /** @ignore @private */
-    "data-element"?: string;
-    /** @ignore @private */
-    style?: {
-        left: string | number;
-        top?: string;
-        bottom?: string;
-        right: string | number;
-    };
-}
-export interface ActionPopoverMenuProps extends ActionPopoverMenuBaseProps, React.RefAttributes<HTMLUListElement> {
-}
-declare const ActionPopoverMenu: React.ForwardRefExoticComponent<ActionPopoverMenuBaseProps & React.RefAttributes<HTMLUListElement>>;
-export default ActionPopoverMenu;

package/esm/components/action-popover/action-popover-menu/action-popover-menu.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import t,{useMemo as o,useCallback as n,useState as r}from"react";import i from"invariant";import{MenuItemDivider as p,Menu as a}from"../action-popover.style.js";import s from"../../../__internal__/utils/helpers/events/events.js";import{ActionPopoverItem as l}from"../action-popover-item/action-popover-item.component.js";import"../action-popover-divider/action-popover-divider.component.js";import{useActionPopoverContext as c}from"../__internal__/action-popover.context.js";import{getItems as u,isItemDisabled as f,findFirstFocusableItem as m,findLastFocusableItem as y}from"../__internal__/action-popover.utils.js";function d(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}const v=t.forwardRef(((v,b)=>{var{children:O,parentID:P,focusIndex:j,isOpen:g,menuID:h,setOpen:w,setFocusIndex:D,placement:I="bottom"}=v,_=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(v,["children","parentID","focusIndex","isOpen","menuID","setOpen","setFocusIndex","placement"]);const{focusButton:x,submenuPosition:A,horizontalAlignment:E}=c();i(w&&D&&void 0!==j,"ActionPopoverMenu must be used within an ActionPopover or ActionPopoverItem component");const S=o((()=>!t.Children.toArray(O).find((e=>!t.isValidElement(e)||"ActionPopoverItem"!==e.type.displayName&&"ActionPopoverDivider"!==e.type.displayName))),[O]);i(S,`ActionPopoverMenu only accepts children of type \`${l.displayName}\` and \`${p.displayName}\`.`);const K=o((()=>u(O)),[O]),k=n((e=>f(K[e])),[K]),C=m(K),N=y(K),L=n((e=>{if(s.isTabKey(e))e.preventDefault(),x(),w(!1);else if(s.isDownKey(e)){e.preventDefault(),e.stopPropagation();let t=j+1;for(;t<K.length&&k(t);)t+=1;t>=K.length&&(t=C),D(t)}else if(s.isUpKey(e)){e.preventDefault(),e.stopPropagation();let t=j-1;for(;t>=C&&k(t);)t-=1;t<C&&(t=N),D(t)}else if(s.isHomeKey(e))e.preventDefault(),e.stopPropagation(),D(C);else if(s.isEndKey(e))e.preventDefault(),e.stopPropagation(),D(N);else if(1===e.key.length){let o,n;e.stopPropagation(),K.forEach(((r,i)=>{t.isValidElement(r)&&!k(i)&&r.props.children.toLowerCase().startsWith(e.key.toLowerCase())&&(void 0===o&&(o=i),i>j&&void 0===n&&(n=i))})),void 0!==n?D(n):void 0!==o&&D(o)}}),[x,w,j,K,k,D,C,N]),[M,V]=r(A),F=o((()=>{let e=0;return t.Children.map(O,(o=>t.isValidElement(o)&&o.type===l?(e+=1,t.cloneElement(o,{focusItem:g&&j===e-1,currentSubmenuPosition:M,setCurrentSubmenuPosition:V})):o))}),[O,j,g,M]);return e(a,($=function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){d(e,t,o[t])}))}return e}({"data-component":"action-popover","data-submenu-placement":I,isOpen:!!g,onKeyDown:L,id:h,"aria-labelledby":P,ref:b,role:"list",submenuLeft:"left"===M,iconLeft:"left"===E},_),z=null!=(z={children:F})?z:{},Object.getOwnPropertyDescriptors?Object.defineProperties($,Object.getOwnPropertyDescriptors(z)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(z)).forEach((function(e){Object.defineProperty($,e,Object.getOwnPropertyDescriptor(z,e))})),$));var $,z}));v.displayName="ActionPopoverMenu";export{v as default};

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

@@ -1,34 +0,0 @@
-import React from "react";
-import { ButtonIconPosition, ButtonTypes, SizeOptions } from "../../button/button.component";
-import { IconType } from "../../icon";
-export type ActionPopoverMenuButtonAria = {
-    "aria-haspopup": string;
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
-    "aria-describedby"?: string;
-    "aria-controls": string;
-    "aria-expanded": string;
-};
-export interface ActionPopoverMenuButtonProps {
-    /** ARIA attributes to be applied to the button HTML element */
-    ariaAttributes: ActionPopoverMenuButtonAria;
-    /** Variant of the menu button */
-    buttonType?: ButtonTypes;
-    /** Identifier used for testing purposes, applied to the root element of the component. */
-    "data-element": string;
-    /** Content of the button */
-    children?: string;
-    /** Defines an Icon position related to the children: "before" | "after" */
-    iconPosition?: ButtonIconPosition;
-    /** Defines an Icon type within the button */
-    iconType?: IconType;
-    /** Assigns a size to the button: "small" | "medium" | "large" */
-    size?: SizeOptions;
-    /** Overrides the default tabindex of the component */
-    tabIndex: number;
-}
-export declare const ActionPopoverMenuButton: {
-    ({ buttonType, iconType, iconPosition, size, children, ariaAttributes, ...props }: ActionPopoverMenuButtonProps): React.JSX.Element;
-    displayName: string;
-};
-export default ActionPopoverMenuButton;

package/esm/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import{MenuButtonOverrideWrapper as t}from"../action-popover.style.js";import r from"../../button/button.component.js";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}const i=n=>{var i,c,{buttonType:p,iconType:u,iconPosition:b,size:l,children:s,ariaAttributes:y}=n,a=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,["buttonType","iconType","iconPosition","size","children","ariaAttributes"]);return e(t,{children:e(r,(i=o({buttonType:p,iconType:u,iconPosition:b,size:l},y,a),c={children:s},c=null!=c?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(c)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(c)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(c,e))})),i))})};i.displayName="ActionPopoverMenuButton";export{i as ActionPopoverMenuButton,i as default};

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

@@ -1,47 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-import { Alignment } from "./__internal__/action-popover.context";
-export interface RenderButtonProps {
-    tabIndex: number;
-    "data-element": string;
-    ariaAttributes: {
-        "aria-haspopup": string;
-        "aria-label"?: string;
-        "aria-labelledby"?: string;
-        "aria-describedby"?: string;
-        "aria-controls": string;
-        "aria-expanded": string;
-    };
-}
-export interface ActionPopoverProps extends MarginProps, TagProps {
-    /** Children for popover component */
-    children?: React.ReactNode;
-    /** Horizontal alignment of menu items content */
-    horizontalAlignment?: Alignment;
-    /** Sets submenu position */
-    submenuPosition?: Alignment;
-    /** Unique ID */
-    id?: string;
-    /** Callback to be called on menu open */
-    onOpen?: () => void;
-    /** Callback to be called on menu close */
-    onClose?: () => void;
-    /** Set whether the menu should open above or below the button */
-    placement?: "bottom" | "top";
-    /** Render a custom menu button to override default ellipsis icon */
-    renderButton?: (buttonProps: RenderButtonProps) => React.ReactNode;
-    /** Boolean to control whether menu should align to right */
-    rightAlignMenu?: boolean;
-    /** Prop to specify an aria-label for the component */
-    "aria-label"?: string;
-    /** Prop to specify an aria-labelledby for the component */
-    "aria-labelledby"?: string;
-    /** Prop to specify an aria-describedby for the component */
-    "aria-describedby"?: string;
-}
-export type ActionPopoverHandle = {
-    focusButton: () => void;
-} | null;
-export declare const ActionPopover: React.ForwardRefExoticComponent<ActionPopoverProps & React.RefAttributes<ActionPopoverHandle>>;
-export default ActionPopover;

package/esm/components/action-popover/action-popover.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o,{forwardRef as r,useState as n,useRef as a,useContext as i,useMemo as l,useCallback as p,useImperativeHandle as c,useEffect as s}from"react";import u from"invariant";import d from"../../__internal__/utils/helpers/tags/tags.js";import{MenuItemDivider as b,MenuButton as m,StyledButtonIcon as f,ButtonIcon as v}from"./action-popover.style.js";import y from"../../__internal__/utils/helpers/events/events.js";import _ from"../../__internal__/popover/popover.component.js";import O from"../../__internal__/utils/helpers/guid/index.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";import j from"./action-popover-menu/action-popover-menu.component.js";import{ActionPopoverItem as h}from"./action-popover-item/action-popover-item.component.js";import"./action-popover-divider/action-popover-divider.component.js";import{ActionPopoverProvider as P}from"./__internal__/action-popover.context.js";import w from"../../hooks/__internal__/useModalManager/useModalManager.js";import x from"../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";import{getItems as A,findFirstFocusableItem as S,findLastFocusableItem as k,checkChildrenForString as D}from"./__internal__/action-popover.utils.js";import I from"../flat-table/__internal__/flat-table.context.js";function M(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}const E=()=>{},B=()=>{},L=r(((r,L)=>{var{children:K,id:$,onOpen:C=E,onClose:F=B,rightAlignMenu:z,renderButton:R,placement:N="bottom",horizontalAlignment:T="left",submenuPosition:U="left","aria-label":q,"aria-labelledby":V,"aria-describedby":G}=r,H=function(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(r,["children","id","onOpen","onClose","rightAlignMenu","renderButton","placement","horizontalAlignment","submenuPosition","aria-label","aria-labelledby","aria-describedby"]);const J=g(),[Q,W]=n(!1),[X,Y]=n(0),[Z]=n(O()),ee=a(null),te=a(null),{isInFlatTable:oe}=i(I),[re,ne]=n(null),ae=l((()=>!o.Children.toArray(K).find((e=>!o.isValidElement(e)||e.type!==h&&e.type!==b))),[K]),ie=l((()=>A(K)),[K]),le=S(ie),pe=k(ie);u(ae,`ActionPopover only accepts children of type \`${h.displayName}\` and \`${b.displayName}\`.`);const ce=l((()=>"top"!==N||z?"top"===N&&z?"top-start":"bottom"===N&&z?"bottom-start":"bottom-end":"top-end"),[N,z]),se=p((e=>{e&&!Q&&C(),!e&&Q&&F(),W(e)}),[Q,C,F]),ue=p((()=>{var e;const t=null===(e=ee.current)||void 0===e?void 0:e.querySelector("[data-element='action-popover-button']");null==t||t.focus()}),[]);c(L,(()=>({focusButton(){ue()}})),[ue]);const de=p((e=>{e.stopPropagation();const t=!Q;Y(le),se(t),t||ue()}),[Q,le,se,ue]),be=p((e=>{const t=e.target;Boolean(null==t?void 0:t.closest("[data-element='action-popover-button']"))&&(y.isSpaceKey(e)||y.isDownKey(e)||y.isEnterKey(e)?(e.preventDefault(),e.stopPropagation(),Y(le),se(!0)):y.isUpKey(e)&&(e.preventDefault(),e.stopPropagation(),Y(pe),se(!0)))}),[le,pe,se]),me=p((e=>{y.isEscKey(e)&&(se(!1),ue())}),[se,ue]);w({open:Q,closeModal:me,modalRef:ee}),s((()=>{const e=({target:e})=>{var t,o;const r=null==te||null===(t=te.current)||void 0===t?void 0:t.contains(e),n=null==ee||null===(o=ee.current)||void 0===o?void 0:o.contains(e);r||n||se(!1)},t="click";return document.addEventListener(t,e,{capture:!0}),function(){document.removeEventListener(t,e,{capture:!0})}}),[se]),x((()=>W(!1)));const fe=$||`ActionPopoverButton_${Z}`,ve=`ActionPopoverMenu_${Z}`,[ye,_e]=n(null);return s((()=>{var e;return _e((null===(e=ee.current)||void 0===e?void 0:e.closest("[data-component='tokens-wrapper']"))||ee.current),()=>{_e(null)}}),[]),e(m,(Oe=function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){M(e,t,o[t])}))}return e}({id:fe,onKeyDown:be,onClick:de,isOpen:Q,ref:ee},H,d("action-popover-wrapper",H)),ge=null!=(ge={children:[(e=>{if(R){const t=R({tabIndex:Q?-1:0,"data-element":"action-popover-button",ariaAttributes:{"aria-haspopup":"true","aria-label":q||J.actionPopover.ariaLabel(),"aria-labelledby":V,"aria-describedby":G,"aria-controls":e,"aria-expanded":`${Q}`}}),o=D(t);return R({tabIndex:Q?-1:0,"data-element":"action-popover-button",ariaAttributes:{"aria-haspopup":"true","aria-label":o?void 0:q||J.actionPopover.ariaLabel(),"aria-labelledby":V,"aria-describedby":G,"aria-controls":e,"aria-expanded":`${Q}`}})}return t(f,{role:"button","aria-haspopup":"true","aria-label":q||J.actionPopover.ariaLabel(),"aria-labelledby":V,"aria-describedby":G,"aria-controls":e,"aria-expanded":Q,tabIndex:Q?-1:0,"data-element":"action-popover-button",children:t(v,{type:"ellipsis_vertical"})})})(ve),t(P,{value:{setOpenPopover:se,focusButton:ue,submenuPosition:U,horizontalAlignment:T,selectedSubmenuRef:re,setSelectedSubmenuRef:ne},children:Q&&t(_,{placement:ce,reference:ee,disableBackgroundUI:oe,portalTarget:ye,children:t(j,{"data-component":"action-popover",ref:te,parentID:fe,menuID:ve,focusIndex:X,setFocusIndex:Y,isOpen:Q,setOpen:se,placement:N,children:K})})})]})?ge:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Oe,Object.getOwnPropertyDescriptors(ge)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(ge)).forEach((function(e){Object.defineProperty(Oe,e,Object.getOwnPropertyDescriptor(ge,e))})),Oe));var Oe,ge}));export{L as ActionPopover,L as default};

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

@@ -1,24 +0,0 @@
-declare const Menu: import("styled-components").StyledComponent<"ul", any, {
-    theme: object;
-} & {
-    isOpen: boolean;
-    submenuLeft: boolean;
-    iconLeft: boolean;
-}, "theme">;
-declare const StyledMenuItemInnerText: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledMenuItem: import("styled-components").StyledComponent<"button", any, {
-    isDisabled: boolean;
-}, never>;
-declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"li", any, {}, never>;
-declare const MenuItemDivider: import("styled-components").StyledComponent<"li", any, {
-    "data-element": string;
-}, "data-element">;
-declare const MenuButton: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-}, "theme">;
-declare const ButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-declare const StyledButtonIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const MenuItemIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-declare const SubMenuItemIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-declare const MenuButtonOverrideWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { Menu, MenuButton, ButtonIcon, StyledButtonIcon, MenuItemIcon, MenuItemDivider, SubMenuItemIcon, MenuButtonOverrideWrapper, StyledMenuItemInnerText, StyledMenuItem, StyledMenuItemWrapper, };

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

@@ -1 +0,0 @@
-import o,{css as t}from"styled-components";import{margin as n}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import e from"../icon/icon.component.js";import r from"../icon/icon.style.js";import a from"../button/button.style.js";import c from"../../style/utils/add-focus-styling.js";const s=o.ul.attrs(i).withConfig({displayName:"action-popover.style__Menu",componentId:"carbon_v162_9_1__sc-918f5c4a-0"})(["visibility:",";display:grid;"," align-items:center;min-width:fit-content;text-align:",";justify-content:",';margin:0;list-style:none;padding:var(--spacing100) 0;box-shadow:var(--boxShadow100);position:absolute;border-radius:var(--borderRadius100);background-color:var(--colorsUtilityYang100);z-index:10000;&[data-submenu-placement="top"] &{bottom:calc(-1 * var(--spacing100));top:auto;}&[data-submenu-placement="bottom"] &{top:calc(-1 * var(--spacing100));bottom:auto;}'],(({isOpen:o})=>o?"visible":"hidden"),(({submenuLeft:o,iconLeft:n})=>{const i="[chevron_column] auto",e="[icon_column] auto",r="[text_column] auto";return t(["grid-template-columns:"," "," ",";"],o?i:"",n?`${e} ${r}`:`${r} ${e}`,o?"":i)}),(({iconLeft:o})=>o?"left":"right"),(({iconLeft:o})=>o?"left":"right")),l=o.div.withConfig({displayName:"action-popover.style__StyledMenuItemInnerText",componentId:"carbon_v162_9_1__sc-918f5c4a-1"})(["grid-column:text_column;&:only-child{padding:0;}padding:0 var(--spacing100);"]),d=o.button.withConfig({displayName:"action-popover.style__StyledMenuItem",componentId:"carbon_v162_9_1__sc-918f5c4a-2"})(["display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:span 3;align-items:inherit;text-align:inherit;justify-content:inherit;text-decoration:none;background-color:var(--colorsActionMajorYang100);cursor:pointer;box-sizing:border-box;padding:0 var(--spacing150);position:relative;line-height:40px;white-space:nowrap;user-select:none;border:none;color:var(--colorsUtilityYin090);font-size:14px;font-weight:500;&:focus{"," z-index:1;border-radius:var(--borderRadius000);}"," ",""],c(),(({isDisabled:o})=>o&&t(["color:var(--colorsUtilityYin030);cursor:not-allowed;&& ","{cursor:not-allowed;color:var(--colorsUtilityYin030);}:focus{border:none;outline:none;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;}"],r)),(({isDisabled:o})=>!o&&t(["&:focus,&:hover{background-color:var(--colorsUtilityMajor100);}&& ","{cursor:pointer;}"],r))),p=o.li.withConfig({displayName:"action-popover.style__StyledMenuItemWrapper",componentId:"carbon_v162_9_1__sc-918f5c4a-3"})(["display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:span 3;text-align:inherit;align-items:inherit;justify-content:inherit;position:relative;"]),_=o.li.attrs({"data-element":"action-popover-divider"}).withConfig({displayName:"action-popover.style__MenuItemDivider",componentId:"carbon_v162_9_1__sc-918f5c4a-4"})(["grid-column:span 3;background-color:var(--colorsUtilityMajor050);height:var(--borderWidth100);margin:var(--spacing100) var(--spacing150);"]),m=o.div.attrs(i).withConfig({displayName:"action-popover.style__MenuButton",componentId:"carbon_v162_9_1__sc-918f5c4a-5"})(["position:relative;&& ","{cursor:pointer;}width:fit-content;margin:auto;",""],r,n),u=o(e).withConfig({displayName:"action-popover.style__ButtonIcon",componentId:"carbon_v162_9_1__sc-918f5c4a-6"})(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),g=o.div.withConfig({displayName:"action-popover.style__StyledButtonIcon",componentId:"carbon_v162_9_1__sc-918f5c4a-7"})(["&:focus{","}border-radius:var(--borderRadius050);"],c()),v=o(e).withConfig({displayName:"action-popover.style__MenuItemIcon",componentId:"carbon_v162_9_1__sc-918f5c4a-8"})(["justify-content:inherit;grid-column:icon_column;padding:var(--spacing100);color:var(--colorsUtilityYin065);"]),b=o(u).withConfig({displayName:"action-popover.style__SubMenuItemIcon",componentId:"carbon_v162_9_1__sc-918f5c4a-9"})(["grid-column:chevron_column;",""],(({type:o})=>t([""," ",""],"chevron_left_thick"===o&&t(["left:-5px;"]),"chevron_right_thick"===o&&t(["right:-5px;"])))),y=o.div.withConfig({displayName:"action-popover.style__MenuButtonOverrideWrapper",componentId:"carbon_v162_9_1__sc-918f5c4a-10"})(["",'{padding:0px var(--sizing100);width:100%;[data-component="icon"]{color:inherit;}&:hover,&:focus{background-color:var(--colorsActionMajorTransparent);color:var(--colorsActionMajor600);[data-component="icon"]{color:inherit;}}}'],a);export{u as ButtonIcon,s as Menu,m as MenuButton,y as MenuButtonOverrideWrapper,_ as MenuItemDivider,v as MenuItemIcon,g as StyledButtonIcon,d as StyledMenuItem,l as StyledMenuItemInnerText,p as StyledMenuItemWrapper,b as SubMenuItemIcon};

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

@@ -1,11 +0,0 @@
-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";
-export type { RenderButtonProps } from "./action-popover.component";
-export type { ActionPopoverHandle } from "./action-popover.component";

package/esm/components/action-popover/index.js

@@ -1 +0,0 @@
-export{ActionPopover}from"./action-popover.component.js";export{default as ActionPopoverMenu}from"./action-popover-menu/action-popover-menu.component.js";export{ActionPopoverItem}from"./action-popover-item/action-popover-item.component.js";export{ActionPopoverMenuButton}from"./action-popover-menu-button/action-popover-menu-button.component.js";import"./action-popover-divider/action-popover-divider.component.js";export{MenuItemDivider as ActionPopoverDivider}from"./action-popover.style.js";

package/esm/components/adaptive-sidebar/__internal__/utils.d.ts

@@ -1,6 +0,0 @@
-import { AdaptiveSidebarProps } from "../adaptive-sidebar.component";
-export declare const getColors: (backgroundColor: AdaptiveSidebarProps["backgroundColor"]) => {
-    "background-color": string;
-    color: string;
-};
-export declare const kebabToCamelCase: (str: string) => string;

package/esm/components/adaptive-sidebar/__internal__/utils.js

@@ -1 +0,0 @@
-const r=r=>{switch(r){case"app":return{"background-color":"var(--colorsUtilityMajor025)",color:"var(--colorsUtilityYin090)"};case"black":return{"background-color":"var(--colorsUtilityYin100)",color:"var(--colorsUtilityYang100)"};default:return{"background-color":"var(--colorsUtilityYang100)",color:"var(--colorsUtilityYin090)"}}},o=r=>r.replace(/-./g,(r=>r.charAt(1).toUpperCase()));export{r as getColors,o as kebabToCamelCase};

package/esm/components/adaptive-sidebar/adaptive-sidebar.component.d.ts

@@ -1,32 +0,0 @@
-import React from "react";
-import { PaddingProps, MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-import { SidebarProps } from "../sidebar";
-export interface AdaptiveSidebarProps extends MarginProps, PaddingProps, Omit<TagProps, "data-component">, Pick<SidebarProps, "restoreFocusOnClose"> {
-    /** The breakpoint (in pixels) at which the sidebar will convert to a dialog-based sidebar */
-    adaptiveBreakpoint?: number;
-    /** The time in milliseconds for the sidebar to animate */
-    animationTimeout?: number;
-    /** The background color of the sidebar */
-    backgroundColor?: "white" | "black" | "app";
-    /** The color to use for the left-hand border of the sidebar. Should be a design token e.g. `--colorsUtilityYang100` */
-    borderColor?: string | "none";
-    /** The content of the sidebar */
-    children?: React.ReactNode;
-    /** The height of the sidebar, relative to the wrapping component */
-    height?: string;
-    /** Whether the sidebar is hidden from view. In this state, the adaptive sidebar will continue to receive updates, etc. but will not be visible to users */
-    hidden?: boolean;
-    /** Whether the sidebar is open or closed */
-    open: boolean;
-    /** Whether to render the sidebar as a modal component instead of as an inline sidebar */
-    renderAsModal?: boolean;
-    /** Prop to specify the aria-label of the component, applied when the component is rendered as a modal */
-    "aria-label"?: string;
-    /** Prop to specify the aria-labelledby property of the component, applied when the component is rendered as a modal */
-    "aria-labelledby"?: string;
-    /** The width of the sidebar */
-    width?: string;
-}
-export declare const AdaptiveSidebar: ({ adaptiveBreakpoint, backgroundColor, borderColor, children, height, hidden, open, renderAsModal, width, restoreFocusOnClose, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }: AdaptiveSidebarProps) => React.JSX.Element | null;
-export default AdaptiveSidebar;

package/esm/components/adaptive-sidebar/adaptive-sidebar.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as r,useEffect as t}from"react";import{getColors as o,kebabToCamelCase as n}from"./__internal__/utils.js";import{Box as a}from"../box/box.component.js";import i from"../../style/utils/filter-styled-system-padding-props.js";import l from"../../style/utils/filter-styled-system-margin-props.js";import d from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import{StyledSidebar as s,StyledAdaptiveSidebar as c}from"./adaptive-sidebar.style.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(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){p(e,r,t[r])}))}return e}const u=p=>{var{adaptiveBreakpoint:u=768,backgroundColor:f="white",borderColor:m="none",children:y,height:O="100%",hidden:h=!1,open:v,renderAsModal:g=!1,width:j="320px",restoreFocusOnClose:w=!1,"aria-label":k,"aria-labelledby":P}=p,C=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}(p,["adaptiveBreakpoint","backgroundColor","borderColor","children","height","hidden","open","renderAsModal","width","restoreFocusOnClose","aria-label","aria-labelledby"]);const S=d(u),x=g||!S,_=r(null),I=Object.entries(o(f)).reduce(((e,[r,t])=>(e[n(r)]=t,e)),{});return t((()=>{_.current&&_.current.focus()}),[v]),t((()=>{x&&document.dispatchEvent(new CustomEvent("adaptiveSidebarModalFocusIn",{bubbles:!0,detail:{source:"adaptiveSidebarModal"}}))}),[x]),x?e(s,{backgroundColor:f,className:"adaptive-sidebar-modal-view","data-role":"adaptive-sidebar-modal-view",enableBackgroundUI:v&&h,fullScreenOnSmallScreen:!1,hidden:h,restoreFocusOnClose:w,open:v,p:0,ref:_,"aria-label":k,"aria-labelledby":P,children:e("div",{"data-role":"adaptive-sidebar-content-wrapper",style:b({height:"100%"},I),children:y})}):v?e(c,(B=b({$backgroundColor:f,$borderColor:"none"===m?void 0:m,"data-element":"adaptive-sidebar","data-role":"adaptive-sidebar",$height:O,hidden:h,ref:_,role:"region",tabIndex:-1,$width:j},l(C),i(C)),E=null!=(E={children:e(a,{"data-role":"adaptive-sidebar-content-wrapper",children:y})})?E:{},Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(E)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(E)).forEach((function(e){Object.defineProperty(B,e,Object.getOwnPropertyDescriptor(E,e))})),B)):null;var B,E};export{u as AdaptiveSidebar,u as default};

package/esm/components/adaptive-sidebar/adaptive-sidebar.style.d.ts

@@ -1,17 +0,0 @@
-import { MarginProps, PaddingProps } from "styled-system";
-import { SidebarProps } from "../sidebar";
-import { AdaptiveSidebarProps } from "./adaptive-sidebar.component";
-declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
-    $backgroundColor: AdaptiveSidebarProps["backgroundColor"];
-    $borderColor?: AdaptiveSidebarProps["borderColor"];
-    $height: AdaptiveSidebarProps["height"];
-    $width: AdaptiveSidebarProps["width"];
-}, "theme">;
-interface StyledSidebarProps extends SidebarProps {
-    backgroundColor: "app" | "black" | "white";
-    hidden?: boolean;
-}
-declare const StyledSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledSidebarProps, never>;
-export { StyledAdaptiveSidebar, StyledSidebar };

package/esm/components/adaptive-sidebar/adaptive-sidebar.style.js

@@ -1 +0,0 @@
-import e,{css as o}from"styled-components";import{margin as t,padding as i}from"styled-system";import{Sidebar as d}from"../sidebar/sidebar.component.js";import r from"../../style/themes/apply-base-theme.js";import{getColors as a}from"./__internal__/utils.js";const n=e.div.attrs(r).withConfig({displayName:"adaptive-sidebar.style__StyledAdaptiveSidebar",componentId:"carbon_v162_9_1__sc-4f345b4c-0"})(["",";"],(({$backgroundColor:e,$borderColor:d,$height:r,hidden:n,$width:s})=>o([""," "," "," max-height:",";max-width:",";min-width:",";overflow-y:auto;outline:none;"," ",""],a(e),d&&o(["border-left:1px solid var(",");"],d),n&&o(["display:none;"]),r,s,s,t,i))),s=e(d).withConfig({displayName:"adaptive-sidebar.style__StyledSidebar",componentId:"carbon_v162_9_1__sc-4f345b4c-1"})([""," ",""],(({hidden:e})=>o(["",""],e&&o(["display:none;"]))),(({backgroundColor:e})=>o(['div[data-element="sidebar-content"]{',"}"],a(e))));export{n as StyledAdaptiveSidebar,s as StyledSidebar};

package/esm/components/adaptive-sidebar/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./adaptive-sidebar.component";
-export type { AdaptiveSidebarProps } from "./adaptive-sidebar.component";

package/esm/components/adaptive-sidebar/index.js

@@ -1 +0,0 @@
-export{AdaptiveSidebar as default}from"./adaptive-sidebar.component.js";

package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.d.ts

@@ -1,6 +0,0 @@
-declare const StyledAdvancedColorPickerCell: import("styled-components").StyledComponent<"button", any, {
-    theme: object;
-} & {
-    type: "button";
-}, "theme" | "type">;
-export default StyledAdvancedColorPickerCell;

package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.js

@@ -1 +0,0 @@
-import o,{css as t}from"styled-components";import r from"../../style/themes/apply-base-theme.js";import e from"../../style/utils/add-focus-styling.js";const s=o.button.attrs(r).attrs({type:"button"}).withConfig({displayName:"advanced-color-picker-cell.style__StyledAdvancedColorPickerCell",componentId:"carbon_v162_9_1__sc-5a6db1d6-0"})(["display:block;width:25px;height:25px;border:1px solid var(--colorsUtilityYin090);"," "," &:hover{cursor:pointer;}&:focus{","}&::-moz-focus-inner{border:none;}"],(({color:o})=>o&&t(["background-color:",";border-radius:var(--borderRadius050);"],o)),(({color:o})=>"transparent"===o&&t(['background:#eee url("data:image/svg+xml,','");background-size:10px 10px;'],"%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20fill-opacity%3D%22.45%22%3E%3Crect%20x%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3Crect%20y%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3C%2Fsvg%3E")),e());export{s as default};

package/esm/components/advanced-color-picker/advanced-color-picker.component.d.ts

@@ -1,43 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { ModalProps } from "../../__internal__/modal";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface AdvancedColor {
-    label: string;
-    value: string;
-}
-export interface AdvancedColorPickerProps extends MarginProps, Pick<ModalProps, "restoreFocusOnClose">, TagProps {
-    /** Prop to specify the aria-describedby property of the component */
-    "aria-describedby"?: string;
-    /**
-     * Prop to specify the aria-label of the component.
-     * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
-     */
-    "aria-label"?: string;
-    /**
-     * Prop to specify the aria-labelledby property of the component
-     * To be used when the title prop is a custom React Node,
-     * or the component is labelled by an internal element other than the title.
-     */
-    "aria-labelledby"?: string;
-    /** Prop for `availableColors` containing array of objects of colors */
-    availableColors: AdvancedColor[];
-    /** Specifies the name prop to be applied to each color in the group */
-    name: string;
-    /** Prop for `onBlur` event */
-    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** Prop for `onChange` event */
-    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Prop for `onClose` event */
-    onClose?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
-    /** Prop for `onOpen` event */
-    onOpen?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    /** Prop for `open` status */
-    open?: boolean;
-    /** The ARIA role to be applied to the component container */
-    role?: string;
-    /** Prop for `selectedColor` containing pre-selected color for `controlled` use */
-    selectedColor: string;
-}
-export declare const AdvancedColorPicker: ({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, availableColors, name, onOpen, onClose, onChange, onBlur, open, role, selectedColor, restoreFocusOnClose, ...props }: AdvancedColorPickerProps) => React.JSX.Element;
-export default AdvancedColorPicker;

package/esm/components/advanced-color-picker/advanced-color-picker.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as t,useEffect as l,useCallback as n}from"react";import{StyledAdvancedColorPickerWrapper as i,HiddenCurrentColorList as a,DialogStyle as c,StyledAdvancedColorPickerPreview as s}from"./advanced-color-picker.style.js";import{SimpleColorPicker as p}from"../simple-color-picker/simple-color-picker.component.js";import{SimpleColor as u}from"../simple-color-picker/simple-color/simple-color.component.js";import d from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import m from"../../style/utils/filter-styled-system-margin-props.js";import f from"../../__internal__/utils/helpers/guid/index.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";import"../definition-list/dl.component.js";import y from"../definition-list/dt/dt.component.js";import v from"../definition-list/dd/dd.component.js";import O from"../../__internal__/utils/helpers/tags/tags.js";import j from"./advanced-color-picker-cell.style.js";function g(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}const h=e=>`advanced-color-picker-color-${e.replace(/[^a-zA-Z0-9]+/g,"-").replace(/^-+|-+$/g,"")}`,k=k=>{var{"aria-describedby":C,"aria-label":P,"aria-labelledby":_,availableColors:w,name:D,onOpen:x,onClose:E,onChange:S,onBlur:K,open:F=!1,role:R,selectedColor:B,restoreFocusOnClose:I=!0}=k,L=function(e,r){if(null==e)return{};var o,t,l=function(e,r){if(null==e)return{};var o,t,l={},n=Object.keys(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||(l[o]=e[o]);return l}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(l[o]=e[o])}return l}(k,["aria-describedby","aria-label","aria-labelledby","availableColors","name","onOpen","onClose","onChange","onBlur","open","role","selectedColor","restoreFocusOnClose"]);const[T,z]=o(),[A,$]=o(null),Z=t(f()),q=b(),G=t(null),H=w.map((({value:e,label:r},o)=>({value:e,label:r,getRef:()=>G.current?G.current.gridItemRefs[o]:null}))),J=()=>{var e;return(null===(e=w.find((e=>e.value===B)))||void 0===e?void 0:e.label)||B};l((()=>{if(T||F){const e=null==H?void 0:H.find((e=>B===e.value));e&&$(e.getRef())}}),[H,B,T,F]);const M=n(((e,r)=>{"Tab"===e.key&&(e.shiftKey?document.activeElement===r&&A&&(A.focus(),e.preventDefault()):document.activeElement===A&&(null==r||r.focus(),e.preventDefault()))}),[A]),N=n((e=>{z(!0),x&&x(e)}),[x]),Q=n((e=>{z(!1),E&&E(e)}),[E]),U=n((e=>{const r=null==H?void 0:H.find((r=>e.target.value===r.value));r&&$(r.getRef()),S&&S(e)}),[S,H]),V=n((e=>{(d.isEnterKey(e)||d.isSpaceKey(e))&&(e.preventDefault(),N(e))}),[N]),W=n((e=>{(d.isEnterKey(e)||d.isSpaceKey(e))&&(e.preventDefault(),Q(e))}),[Q]),X=n((e=>{K&&K(e)}),[K]);return e(i,(Y=function(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){g(e,r,o[r])}))}return e}({m:"15px auto auto 15px"},m(L),O("advanced-color-picker",L)),ee=null!=(ee={children:[r(j,{"data-element":"color-picker-cell","aria-label":q.advancedColorPicker.ariaLabel(),"aria-describedby":Z.current,onClick:N,onKeyDown:V,color:B,tabIndex:0}),e(a,{id:Z.current,"data-element":"current-color-description",children:[r(y,{children:q.advancedColorPicker.currentColorDescriptionTerm(J())}),r(v,{children:q.advancedColorPicker.currentColorAssigned(J())})]}),e(c,{"aria-describedby":C,"aria-label":P,"aria-labelledby":_,open:T||F,size:"small",onCancel:Q,bespokeFocusTrap:M,focusFirstElement:A,role:R,restoreFocusOnClose:I,children:[r(s,{"data-element":"color-picker-preview",color:B}),r(p,{name:D,legend:"",onChange:U,onBlur:X,onKeyDown:W,ref:G,value:B,children:null==H?void 0:H.map((({value:e,label:o})=>r(u,{value:e,"aria-label":o,id:h(e),checked:e===B},e)))})]})]})?ee:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Y,Object.getOwnPropertyDescriptors(ee)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(ee)).forEach((function(e){Object.defineProperty(Y,e,Object.getOwnPropertyDescriptor(ee,e))})),Y));var Y,ee};export{k as AdvancedColorPicker,k as default};