carbon-react 162.11.0 → 162.12.0-beta.1

package/esm/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface VerticalMenuFullScreenProps extends TagProps {
-    /** An aria-label attribute for the menu */
-    "aria-label"?: string;
-    /** An aria-labelledby attribute for the menu */
-    "aria-labelledby"?: string;
-    /**  Content of the menu - VerticalMenuItem */
-    children: React.ReactNode;
-    /** Whether the menu is open or not */
-    isOpen: boolean;
-    /** A callback to be called when the close icon is clicked or enter is pressed when focused */
-    onClose: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement> | KeyboardEvent) => void;
-}
-export declare const VerticalMenuFullScreen: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, isOpen, onClose, ...rest }: VerticalMenuFullScreenProps) => React.JSX.Element;
-export default VerticalMenuFullScreen;

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

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useCallback as o}from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import l from"../../../hooks/__internal__/useLocale/useLocale.js";import{Portal as i}from"../../portal/portal.js";import a from"../../../__internal__/focus-trap/focus-trap.component.js";import c from"../../icon-button/icon-button.component.js";import s from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Box as p}from"../../box/box.component.js";import{StyledVerticalMenuFullScreen as u,StyledList as f}from"../vertical-menu.style.js";import{VerticalMenuProvider as m}from"../__internal__/vertical-menu.context.js";import{getDocument as b}from"../../../__internal__/dom/globals.js";import d from"../../../__internal__/utils/helpers/events/events.js";import y from"../../../hooks/__internal__/useModalManager/useModalManager.js";import O from"../../../hooks/useMediaQuery/useMediaQuery.js";function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _(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){j(e,r,t[r])}))}return e}const g=j=>{var{"aria-label":g,"aria-labelledby":h,children:v,isOpen:x,onClose:P}=j,w=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(j,["aria-label","aria-labelledby","children","isOpen","onClose"]);const M=l(),S=t(null),k=!O("screen and (prefers-reduced-motion: no-preference)"),C=o((e=>{d.isEscKey(e)&&P(e)}),[P]),E=b();return y({open:x,closeModal:C,modalRef:S,topModalOverride:!0,focusCallToActionElement:null==E?void 0:E.activeElement}),e(i,{children:e(a,{isOpen:x,wrapperRef:S,children:r(u,(D=_({ref:S,isOpen:x,prefersReducedMotion:k,"aria-label":g,"aria-labelledby":h},n("vertical-menu-full-screen",w)),L={children:[e(p,{display:"flex",justifyContent:"flex-end",height:"60px",alignItems:"flex-start",px:"20px",pt:"20px",boxSizing:"border-box",children:e(c,{"aria-label":M.verticalMenuFullScreen.ariaLabels.close(),onClick:P,"data-element":"close",children:e(s,{type:"close",color:"var(--colorsComponentsLeftnavWinterStandardContent)"})})}),e(m,{value:{isFullScreen:!0},children:e(f,{children:v})})]},L=null!=L?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(L,e))})),D))})});var D,L};export{g as VerticalMenuFullScreen,g as default};

package/esm/components/vertical-menu/vertical-menu-item/__internal__/menu-item.context.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-declare const _default: React.Context<{
-    level: number;
-}>;
-export default _default;

package/esm/components/vertical-menu/vertical-menu-item/__internal__/menu-item.context.js

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

package/esm/components/vertical-menu/vertical-menu-item/vertical-menu-item.component.d.ts

@@ -1,35 +0,0 @@
-import React, { ReactNode } from "react";
-import { PaddingProps, MarginProps } from "styled-system";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-import { IconType } from "../../icon";
-type AriaCurrent = Pick<React.HTMLAttributes<HTMLElement>, "aria-current">["aria-current"];
-export type VerticalMenuItemClickEvent = React.MouseEvent<HTMLButtonElement | HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>;
-export interface VerticalMenuItemProps<T = React.ElementType> extends PaddingProps, MarginProps, TagProps {
-    /** Children of the menu item - another level of VerticalMenuItems */
-    children?: React.ReactNode;
-    /** Custom icon to be displayed. Takes precedence over `iconType` if both are specified. */
-    customIcon?: ReactNode;
-    /** Default open state of the component */
-    defaultOpen?: boolean;
-    /** Title of the menu item */
-    title: string;
-    /** Adornment of the menu item meant to be rendered on the right side */
-    adornment?: React.ReactNode | ((isOpen: boolean) => React.ReactNode);
-    /** The Carbon icon to be displayed. Defers to `customIcon` if both are defined. */
-    iconType?: IconType;
-    /** Whether the menu item is active or not */
-    active?: boolean | ((isOpen: boolean) => boolean);
-    /** Height of the menu item */
-    height?: string;
-    /**  Href, when passed the menu item will be rendered as an anchor tag */
-    href?: string;
-    /** A custom click handler to run when the menu item is clicked */
-    onClick?: (event: VerticalMenuItemClickEvent) => void;
-    /** Optional component to render instead of the default div, useful for rendering router link components */
-    component?: T;
-    /** Marks the element as the current item within a navigation context. */
-    ariaCurrent?: AriaCurrent;
-}
-type InferredComponentProps<T extends React.ElementType> = Omit<React.ComponentProps<T>, keyof VerticalMenuItemProps<T>>;
-export declare const VerticalMenuItem: <T>({ defaultOpen, title, iconType, adornment, children, customIcon, component, active, height, href, onClick, ariaCurrent, ...rest }: T extends React.ElementType ? InferredComponentProps<T> & VerticalMenuItemProps<T> : VerticalMenuItemProps) => React.JSX.Element;
-export default VerticalMenuItem;

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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useContext as n}from"react";import o from"../../../__internal__/utils/helpers/tags/tags.js";import i from"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import{StyledListItem as l,StyledVerticalMenuItem as a,StyledCustomIconWrapper as p,StyledTitleIcon as s,StyledTitle as u,StyledAdornment as f,StyledChevronIcon as m,StyledList as y}from"../vertical-menu.style.js";import b from"./__internal__/menu-item.context.js";import{useVerticalMenuContext as O}from"../__internal__/vertical-menu.context.js";function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(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){h(e,t,r[t])}))}return e}function j(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}const g=h=>{var{defaultOpen:g=!1,title:v,iconType:_,adornment:P,children:w,customIcon:x,component:k,active:S,height:C="56px",href:D,onClick:I,ariaCurrent:E}=h,T=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}(h,["defaultOpen","title","iconType","adornment","children","customIcon","component","active","height","href","onClick","ariaCurrent"]);const[F,$]=r(g),{level:q}=n(b),{isFullScreen:z}=O(),A="function"==typeof S?S(F):S,B=d(j(d({},D&&{as:"a",href:D},!D&&k&&{as:k,tabIndex:0},!D&&!k&&(w||I)&&{as:"button",type:"button","aria-expanded":F},(D||!k)&&{onClick:e=>{$((e=>!e)),I&&I(e)}}),{"aria-current":E}),T),G=`calc(var(--spacing500) + (${q} * var(--spacing400)))`;return e(l,j(d({},c(T)),{children:[e(a,j(d({height:C,px:G,py:2,active:A},B,i(T),o("vertical-menu-item",T)),{children:[(_||x)&&(x?t(p,{children:x}):_&&t(s,{type:_})),t(u,{children:v}),P&&t(f,{children:"function"==typeof P?P(F):P}),w&&!z&&t(m,{type:F?"chevron_up_thick":"chevron_down_thick"})]})),(F||z)&&t(b.Provider,{value:{level:q+1},children:t(y,{children:w})})]}))};export{g as VerticalMenuItem,g as default};

package/esm/components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { PaddingProps } from "styled-system";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface VerticalMenuTriggerProps extends PaddingProps, TagProps {
-    /** Height of the menu trigger */
-    height?: string;
-    /** Title of the menu trigger */
-    children: string;
-    /** Callback passed to the menu trigger */
-    onClick: (ev: React.MouseEvent<HTMLButtonElement>) => void;
-}
-export declare const VerticalMenuTrigger: ({ height, px, py, onClick, children, ...rest }: VerticalMenuTriggerProps) => React.JSX.Element;
-export default VerticalMenuTrigger;

package/esm/components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../../__internal__/utils/helpers/tags/tags.js";import r from"../../../style/utils/filter-styled-system-padding-props.js";import{StyledVerticalMenuItem as n,StyledTitle as o}from"../vertical-menu.style.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=c=>{var{height:l="40px",px:p=2,py:s=1,onClick:u,children:a}=c,f=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}(c,["height","px","py","onClick","children"]);const y=r(f);return e(n,(b=function(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){i(e,t,r[t])}))}return e}({onClick:u,as:"button",height:l,px:p,py:s,tabIndex:0},y,t("vertical-menu-trigger",f)),O=null!=(O={children:e(o,{children:a})})?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(b,Object.getOwnPropertyDescriptors(O)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(O)).forEach((function(e){Object.defineProperty(b,e,Object.getOwnPropertyDescriptor(O,e))})),b));var b,O};export{c as VerticalMenuTrigger,c as default};

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

@@ -1,16 +0,0 @@
-import React from "react";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface VerticalMenuProps extends TagProps {
-    /** An aria-label attribute for the menu */
-    "aria-label"?: string;
-    /** An aria-labelledby attribute for the menu */
-    "aria-labelledby"?: string;
-    /** Width of the menu */
-    width?: string;
-    /** Content of the menu - VerticalMenuItem */
-    children: React.ReactNode;
-    /** Height of the menu */
-    height?: string;
-}
-export declare const VerticalMenu: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, width, children, height, ...rest }: VerticalMenuProps) => React.JSX.Element;
-export default VerticalMenu;

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

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../__internal__/utils/helpers/tags/tags.js";import{StyledVerticalMenu as t,StyledList as n}from"./vertical-menu.style.js";import{VerticalMenuProvider as l}from"./__internal__/vertical-menu.context.js";function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const o=o=>{var c,a,{"aria-label":b,"aria-labelledby":u,width:p="322px",children:f,height:s="100%"}=o,O=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(o,["aria-label","aria-labelledby","width","children","height"]);return e(t,(c=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){i(e,r,t[r])}))}return e}({$width:p,$height:s,"aria-label":b,"aria-labelledby":u},r("vertical-menu",O)),a=null!=(a={children:e(n,{children:e(l,{value:{isFullScreen:!1},children:f})})})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(a)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(a)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(a,e))})),c))};export{o as VerticalMenu,o as default};

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

@@ -1,31 +0,0 @@
-import { PaddingProps } from "styled-system";
-export declare const StyledList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledListItem: import("styled-components").StyledComponent<"li", any, {
-    theme: object;
-}, "theme">;
-interface StyledVerticalMenuProps extends PaddingProps {
-    active?: boolean;
-    height: string;
-}
-export declare const StyledVerticalMenuItem: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & StyledVerticalMenuProps, "theme">;
-export declare const StyledTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledAdornment: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTitleIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const StyledCustomIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledChevronIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const StyledVerticalMenu: import("styled-components").StyledComponent<"nav", any, {
-    theme: object;
-} & {
-    $height: string;
-    $width: string;
-}, "theme">;
-interface FullScreenProps {
-    isOpen: boolean;
-    prefersReducedMotion?: boolean;
-}
-export declare const StyledVerticalMenuFullScreen: import("styled-components").StyledComponent<"nav", any, {
-    theme: object;
-} & FullScreenProps, "theme">;
-export {};

package/esm/components/vertical-menu/vertical-menu.style.js

@@ -1 +0,0 @@
-import e,{css as t}from"styled-components";import{margin as o,padding as n}from"styled-system";import r from"../../style/utils/add-focus-styling.js";import i from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.style.js";import l from"../icon/icon.component.js";const c=e.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"carbon_v162_10_0__sc-f6b4614a-0"})(["display:flex;flex:1;flex-direction:column;min-height:0;list-style:none;margin:0;padding:0;"]),s=e.li.attrs(i).withConfig({displayName:"vertical-menu.style__StyledListItem",componentId:"carbon_v162_10_0__sc-f6b4614a-1"})(["",""],o),d=e.div.attrs(i).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"carbon_v162_10_0__sc-f6b4614a-2"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),n,r(!0),(({active:e})=>e&&t(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),a),b=e.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"carbon_v162_10_0__sc-f6b4614a-3"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),p=e.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"carbon_v162_10_0__sc-f6b4614a-4"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),m=e(l).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"carbon_v162_10_0__sc-f6b4614a-5"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),_=e.div.withConfig({displayName:"vertical-menu.style__StyledCustomIconWrapper",componentId:"carbon_v162_10_0__sc-f6b4614a-6"})(["margin-right:12px;width:20px;"]),f=e(l).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"carbon_v162_10_0__sc-f6b4614a-7"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),g=e.nav.attrs(i).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"carbon_v162_10_0__sc-f6b4614a-8"})(["background-color:rgb(38,38,38);box-sizing:border-box;display:flex;height:",";overflow:auto;padding-block:var(--global-space-layout-3-xs);scrollbar-color:rgb(179,179,179) rgb(77,77,77);width:",";&::-webkit-scrollbar{width:12px;}&::-webkit-scrollbar-track{background-color:rgb(77,77,77);}&::-webkit-scrollbar-thumb{background-color:rgb(179,179,179);}"],(({$height:e})=>e),(({$width:e})=>e)),v=e.nav.attrs(i).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"carbon_v162_10_0__sc-f6b4614a-9"})(["display:flex;flex-direction:column;position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:var(--global-space-layout-3-xs) 0;overflow:auto;background-color:rgb(38,38,38);box-sizing:border-box;scrollbar-color:rgb(102,132,148) rgb(242,245,246);z-index:",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:rgb(242,245,246);}&::-webkit-scrollbar-thumb{background-color:rgb(102,132,148);}"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:e})=>!e&&t(["transition:all 0.3s ease;"])),(({isOpen:e})=>e&&t(["visibility:visible;transform:translateX(0);"])),(({isOpen:e})=>!e&&t(["transform:translateX(-100%);visibility:hidden;"])));export{p as StyledAdornment,f as StyledChevronIcon,_ as StyledCustomIconWrapper,c as StyledList,s as StyledListItem,b as StyledTitle,m as StyledTitleIcon,g as StyledVerticalMenu,v as StyledVerticalMenuFullScreen,d as StyledVerticalMenuItem};

package/esm/global.d.ts

@@ -1,28 +0,0 @@
-import { type ModalList } from "./__internal__/modal/modal-manager";
-import { type QueryEntry } from "./hooks/useMediaQuery/useMediaQuery";
-
-declare global {
-  module "*.png";
-  module "*.svg";
-  module "*.txt";
-  interface Window {
-    __CARBON_INTERNALS_MODAL_LIST?: ModalList;
-    __CARBON_INTERNALS_MODAL_SETTER_LIST?: ((
-      topModal: HTMLElement | null,
-    ) => void)[];
-    __CARBON_INTERNALS_SCROLL_BLOCKERS?: {
-      components: {
-        [key: string]: boolean;
-      };
-      originalValues: string[];
-      restoreValues?: (() => void) | null;
-    };
-    __CARBON_INTERNALS_MEDIA_QUERY_CACHE?: Map<string, QueryEntry>;
-  }
-}
-
-declare module "react" {
-  interface HTMLAttributes {
-    inert?: "" | "true" | string;
-  }
-}

package/esm/hooks/__internal__/useAdaptiveSidebarModalFocus/index.d.ts

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

package/esm/hooks/__internal__/useAdaptiveSidebarModalFocus/index.js

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

package/esm/hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.d.ts

@@ -1,2 +0,0 @@
-declare const useAdaptiveSidebarModalFocus: (closeFunction: () => void) => void;
-export default useAdaptiveSidebarModalFocus;

package/esm/hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js

@@ -1 +0,0 @@
-import{useEffect as e}from"react";const t=t=>{e((()=>{const e=()=>t();return document.addEventListener("adaptiveSidebarModalFocusIn",e),()=>{document.removeEventListener("adaptiveSidebarModalFocusIn",e)}}),[t])};export{t as default};

package/esm/hooks/__internal__/useChildButtons/index.d.ts

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

package/esm/hooks/__internal__/useChildButtons/index.js

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

package/esm/hooks/__internal__/useChildButtons/useChildButtons.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-declare const useChildButtons: (toggleButtonRef: React.RefObject<HTMLButtonElement>, widthRatio?: number) => {
-    showAdditionalButtons: boolean;
-    showButtons: () => void;
-    hideButtons: () => void;
-    buttonNode: React.RefObject<HTMLDivElement>;
-    handleToggleButtonKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
-    wrapperProps: {
-        "data-element": string;
-        role: string;
-        onKeyDown: (ev: React.KeyboardEvent<HTMLElement>) => void;
-        onBlur: (ev: React.FocusEvent<HTMLElement>) => void;
-        minWidth: number;
-        ref: React.RefObject<HTMLUListElement>;
-    };
-    contextValue: {
-        inSplitButton: boolean;
-        onChildButtonClick: (childOnClick?: React.MouseEventHandler<HTMLButtonElement>) => (ev: React.MouseEvent<HTMLButtonElement>) => void;
-    };
-};
-export default useChildButtons;

package/esm/hooks/__internal__/useChildButtons/useChildButtons.js

@@ -1 +0,0 @@
-import{useState as t,useRef as e,useCallback as n}from"react";import o from"../../../__internal__/utils/helpers/events/events.js";import r from"../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js";const l=(l,u=1)=>{const[i,a]=t(!1),[s,d]=t(0),c=e(null),v=e(null),p=n((()=>{a(!1)}),[]);function f(){a(!0),c.current&&d(u*c.current.getBoundingClientRect().width)}const m=n((()=>{var t;return null===(t=v.current)||void 0===t?void 0:t.querySelectorAll('[data-component="button"]')}),[]),y={"data-element":"additional-buttons",role:"list",onKeyDown:r(l,m,p,i),onBlur:t=>{t.currentTarget.contains(t.relatedTarget)||p()},minWidth:s,ref:v},g={inSplitButton:!0,onChildButtonClick:t=>e=>{var n;null==t||t(e),p(),null===(n=l.current)||void 0===n||n.focus()}};return{showAdditionalButtons:i,showButtons:f,hideButtons:p,buttonNode:c,handleToggleButtonKeyDown:t=>{const e=o.isEnterKey(t)||o.isSpaceKey(t);var n,r;!e&&!o.isDownKey(t)||i||(t.preventDefault(),f()),o.isDownKey(t)&&i&&(t.preventDefault(),null===(r=m())||void 0===r||null===(n=r[0])||void 0===n||n.focus({preventScroll:!0})),e&&i&&(t.preventDefault(),p())},wrapperProps:y,contextValue:g}};export{l as default};

package/esm/hooks/__internal__/useClickAwayListener/index.d.ts

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

package/esm/hooks/__internal__/useClickAwayListener/index.js

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

package/esm/hooks/__internal__/useClickAwayListener/useClickAwayListener.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (handleClickAway: (ev: Event) => void, eventTypeId?: "mousedown" | "click") => () => void;
-export default _default;

package/esm/hooks/__internal__/useClickAwayListener/useClickAwayListener.js

@@ -1 +0,0 @@
-import{useRef as e,useCallback as r,useEffect as t}from"react";var n=(n,c="click")=>{const o=e(!1),u=r((e=>{o.current?o.current=!1:n(e)}),[n]),a=r((()=>{o.current=!0}),[]);return t((()=>(document.addEventListener(c,u),function(){document.removeEventListener(c,u)})),[u,c]),a};export{n as default};

package/esm/hooks/__internal__/useDebounce/index.d.ts

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

package/esm/hooks/__internal__/useDebounce/index.js

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

package/esm/hooks/__internal__/useDebounce/useDebounce.d.ts

@@ -1,4 +0,0 @@
-import { DebouncedFunc } from "lodash";
-type Callback = (...args: any[]) => void;
-declare const useDebounce: <T extends Callback>(callback: T, delay: number) => DebouncedFunc<T>;
-export default useDebounce;

package/esm/hooks/__internal__/useDebounce/useDebounce.js

@@ -1 +0,0 @@
-import{useRef as r,useEffect as t,useMemo as o}from"react";import c from"lodash/debounce";const e=(e,n)=>{const a=r(e);t((()=>{a.current=e}));const s=o((()=>c(a.current,n)),[n]);return t((()=>()=>{s.cancel()})),s};export{e as default};

package/esm/hooks/__internal__/useFloating/index.d.ts

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

package/esm/hooks/__internal__/useFloating/index.js

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

package/esm/hooks/__internal__/useFloating/useFloating.d.ts

@@ -1,13 +0,0 @@
-import { RefObject } from "react";
-import { Strategy, Middleware, Placement } from "@floating-ui/dom";
-export interface UseFloatingProps {
-    isOpen?: boolean;
-    reference: RefObject<HTMLElement | null>;
-    floating: React.RefObject<HTMLElement | null>;
-    strategy?: Strategy;
-    middleware?: Middleware[];
-    placement?: Placement;
-    animationFrame?: boolean;
-}
-declare const useFloating: ({ isOpen, reference, floating, strategy, placement, middleware, animationFrame, }: UseFloatingProps) => void;
-export default useFloating;

package/esm/hooks/__internal__/useFloating/useFloating.js

@@ -1 +0,0 @@
-import{useRef as t,useLayoutEffect as e}from"react";import{autoUpdate as n,computePosition as i}from"@floating-ui/dom";const o=({isOpen:o,reference:a,floating:r,strategy:l="absolute",placement:s,middleware:c,animationFrame:p})=>{const m=t(null);e((()=>{let t;const e=a.current,f=r.current;if(e&&f&&o){const{left:o,top:a,position:r,width:u,height:g}=f.style;m.current={left:o,top:a,position:r,width:u,height:g},Object.assign(f.style,{position:l,top:0,left:0});const d=()=>{i(e,f,{strategy:l,middleware:c,placement:s}).then((({x:t,y:e,placement:n})=>{Object.assign(f.style,{left:`${t}px`,top:`${e}px`,position:l}),f.setAttribute("data-floating-placement",n)}))};t=n(e,f,d,{animationFrame:p})}return()=>{t&&f&&(t(),t=null,Object.assign(f.style,m.current),f.removeAttribute("data-floating-placement"))}}),[o,a,r,l,c,s,p])};export{o as default};

package/esm/hooks/__internal__/useFocusPortalContent/index.d.ts

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

package/esm/hooks/__internal__/useFocusPortalContent/index.js

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

package/esm/hooks/__internal__/useFocusPortalContent/useFocusPortalContent.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from "react";
-export declare const nextElementToFocus: (target: HTMLElement, container: HTMLElement) => Element | undefined;
-declare const _default: (container?: RefObject<HTMLElement>, target?: RefObject<HTMLElement>, focusCallback?: (ev: KeyboardEvent) => void) => void;
-export default _default;

package/esm/hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js

@@ -1 +0,0 @@
-import{useEffect as e}from"react";import t from"../../../__internal__/utils/helpers/events/events.js";import{defaultFocusableSelectors as r}from"../../../__internal__/focus-trap/focus-trap-utils.js";const n=(e,t)=>{const n=Array.from(document.querySelectorAll(r)||[]).filter((e=>-1!==Number(e.tabIndex)&&!e.hasAttribute("data-focus-guard"))),o=n.indexOf(e);return n.slice(o+1).find((e=>!t.contains(e)))};var o=(o,u,i)=>{e((()=>{const e=e=>{if((null==o?void 0:o.current)&&(null==u?void 0:u.current)){var l;const c=Array.from(null===(l=o.current)||void 0===l?void 0:l.querySelectorAll(r)).filter((e=>-1!==Number(e.tabIndex)));if(!c.length)return;const s=c[c.length-1]===document.activeElement,a=c[0]===document.activeElement;if(t.isTabKey(e)){if(s&&!t.isShiftKey(e)){null==i||i(e);const t=n(u.current,o.current);return e.preventDefault(),void(null!=t?t:u.current).focus()}a&&t.isShiftKey(e)&&(null==i||i(e))}}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[u,o,i])};export{o as default,n as nextElementToFocus};

package/esm/hooks/__internal__/useInputAccessibility/index.d.ts

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

package/esm/hooks/__internal__/useInputAccessibility/index.js

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

package/esm/hooks/__internal__/useInputAccessibility/useInputAccessibility.d.ts

@@ -1,14 +0,0 @@
-export default function useInputAccessibility({ id, validationRedesignOptIn, error, warning, info, label, fieldHelp, }: {
-    id: string;
-    validationRedesignOptIn?: boolean;
-    error?: string | boolean;
-    warning?: string | boolean;
-    info?: string | boolean;
-    label?: React.ReactNode;
-    fieldHelp?: React.ReactNode;
-}): {
-    labelId?: string;
-    validationId?: string;
-    fieldHelpId?: string;
-    ariaDescribedBy?: string;
-};

package/esm/hooks/__internal__/useInputAccessibility/useInputAccessibility.js

@@ -1 +0,0 @@
-import{useState as i,useEffect as e}from"react";import o from"../usePrevious/index.js";function t({id:t,validationRedesignOptIn:n,error:l,warning:r,info:d,label:a,fieldHelp:f}){const s=a?`${t}-label`:void 0,p="string"==typeof l&&l||"string"==typeof r&&r||"string"==typeof d&&d||"",[v,g]=i(1),u=o(p);e((()=>{void 0!==u&&p&&p!==u&&g((i=>i+1))}),[p,u]);const c=[l,r,d].filter((i=>i&&"string"==typeof i)).length?`${t}-validation-${v}`:void 0,y=f?`${t}-field-help`:void 0,b=y?[y]:[];return n&&c&&b.push(c),{labelId:s,validationId:c,fieldHelpId:y,ariaDescribedBy:b.length?b.filter(Boolean).join(" "):void 0}}export{t as default};

package/esm/hooks/__internal__/useIsAboveBreakpoint/index.d.ts

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

package/esm/hooks/__internal__/useIsAboveBreakpoint/index.js

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

package/esm/hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.d.ts

@@ -1 +0,0 @@
-export default function useIsAboveBreakpoint(breakpoint?: number): boolean | undefined;

package/esm/hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js

@@ -1 +0,0 @@
-import e from"../../useMediaQuery/useMediaQuery.js";function i(i){const r=i?`(min-width:${i}px)`:"",t=e(r);if(r)return t}export{i as default};

package/esm/hooks/__internal__/useIsBrowser/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Hook that detects whether your React component is being rendered in a client-side or server-side environment.
- *
- * Useful for handling logic that should *only* be executed in the browser, such as DOM manipulations or accessing browser APIs.
- */
-declare function useIsBrowser(): {
-    isBrowser: boolean;
-};
-export default useIsBrowser;

package/esm/hooks/__internal__/useIsBrowser/index.js

@@ -1 +0,0 @@
-import{useState as o,useEffect as r}from"react";import{getWindow as t,getDocument as e}from"../../../__internal__/dom/globals.js";function n(){const n=Boolean(t()&&e()),[a,s]=o(n);return r((()=>{s(!0)}),[]),{isBrowser:a}}export{n as default};

package/esm/hooks/__internal__/useLocale/index.d.ts

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

package/esm/hooks/__internal__/useLocale/index.js

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

package/esm/hooks/__internal__/useLocale/useLocale.d.ts

@@ -1 +0,0 @@
-export default function useLocale(): import("../../../locales").default;

package/esm/hooks/__internal__/useLocale/useLocale.js

@@ -1 +0,0 @@
-import{useContext as t}from"react";import r from"../../../__internal__/i18n-context/index.js";function n(){return t(r)}export{n as default};

package/esm/hooks/__internal__/useMenuKeyboardNavigation/index.d.ts

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

package/esm/hooks/__internal__/useMenuKeyboardNavigation/index.js

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

package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (mainControlRef: React.RefObject<HTMLButtonElement>, getButtonChildren: () => NodeListOf<HTMLButtonElement>, hide: () => void, isOpen: boolean) => (ev: React.KeyboardEvent<HTMLElement>) => void;
-export default _default;

package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js

@@ -1 +0,0 @@
-import{useCallback as e}from"react";import o from"../../../__internal__/utils/helpers/events/events.js";import s from"../useModalManager/useModalManager.js";var n=(n,r,t,l)=>{const a=e((()=>{var e;t(),null===(e=n.current)||void 0===e||e.focus()}),[t,n]),i=e((e=>{o.isEscKey(e)&&a()}),[a]);return s({open:l,closeModal:i,modalRef:n}),e((e=>{o.isEnterKey(e)||o.isSpaceKey(e)||o.isTabKey(e)||e.preventDefault();const s=r(),n=null==s?void 0:s.length;let t=-1;const l=Array.from(s).indexOf(document.activeElement),a=e.ctrlKey||e.metaKey;var i;(o.isEndKey(e)||a&&o.isDownKey(e))&&(t=n-1),(o.isHomeKey(e)||a&&o.isUpKey(e))&&(t=0),!a&&o.isUpKey(e)&&l>0&&(t=l-1),!a&&o.isDownKey(e)&&l<n-1&&(t=l+1),t>-1&&(null==s||null===(i=s[t])||void 0===i||i.focus())}),[r])};export{n as default};

package/esm/hooks/__internal__/useModalAria/index.d.ts

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

package/esm/hooks/__internal__/useModalAria/index.js

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

package/esm/hooks/__internal__/useModalAria/useModalAria.d.ts

@@ -1 +0,0 @@
-export default function useModalAria(containerRef: React.RefObject<HTMLDivElement>, hidden?: boolean): boolean | undefined;

package/esm/hooks/__internal__/useModalAria/useModalAria.js

@@ -1 +0,0 @@
-import{useContext as t,useEffect as e}from"react";import n from"../../../components/carbon-provider/__internal__/top-modal.context.js";function r(r,i){const{topModal:a}=t(n),o=null==a?void 0:a.contains(r.current);return e((()=>{const t=[],e=n=>{i||"true"===n.dataset.notInert||(n.contains(a)?n!==a&&Array.from(n.children).forEach((t=>{t instanceof HTMLElement&&e(t)})):n.hasAttribute("data-modal-hidden")||(t.push({element:n,"aria-hidden":n.getAttribute("aria-hidden"),inert:n.getAttribute("inert")}),n.contains(document.activeElement)&&document.activeElement instanceof HTMLElement&&document.activeElement.blur(),n.setAttribute("aria-hidden","true"),n.setAttribute("inert",""),n.setAttribute("data-modal-hidden","true")))};return o&&e(document.body),()=>t.forEach((({element:t,"aria-hidden":e,inert:n})=>{null===e?t.removeAttribute("aria-hidden"):t.setAttribute("aria-hidden",e),null===n?t.removeAttribute("inert"):t.setAttribute("inert",n),t.removeAttribute("data-modal-hidden")}))}),[a,o,i]),o}export{r as default};

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

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

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

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

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

@@ -1,12 +0,0 @@
-import React from "react";
-type UseModalManagerArgs = {
-    open: boolean;
-    closeModal: (e: KeyboardEvent) => void;
-    modalRef: React.RefObject<HTMLElement>;
-    setTriggerRefocusFlag?: (flag: boolean) => void;
-    triggerRefocusOnClose?: boolean;
-    topModalOverride?: boolean;
-    focusCallToActionElement?: HTMLElement;
-};
-declare const useModalManager: ({ open, closeModal, modalRef, setTriggerRefocusFlag, triggerRefocusOnClose, topModalOverride, focusCallToActionElement, }: UseModalManagerArgs) => void;
-export default useModalManager;

package/esm/hooks/__internal__/useModalManager/useModalManager.js

@@ -1 +0,0 @@
-import{useRef as r,useCallback as e,useEffect as t}from"react";import n from"../../../__internal__/modal/modal-manager.js";const o=({open:o,closeModal:c,modalRef:u,setTriggerRefocusFlag:l,triggerRefocusOnClose:s=!0,topModalOverride:a=!1,focusCallToActionElement:d})=>{const m=r(!1),i=r(!1),f=r(null),p=e((r=>{n.isTopmost(u.current)&&c(r)}),[u,c]),v=e((()=>{m.current||(document.addEventListener("keyup",p),m.current=!0)}),[p]),g=e((()=>{m.current&&(document.removeEventListener("keyup",p),m.current=!1)}),[p]);t((()=>{o?v():g()}),[v,o,g]),t((()=>()=>{g()}),[g]),t((()=>{!f.current&&d&&o&&(f.current=d)}),[o,d]);const M=e((r=>{i.current||(n.addModal(r,l,a),i.current=!0)}),[l,a]),T=e((r=>{i.current&&(n.removeModal(r,s),f.current&&setTimeout((()=>{var r;null===(r=f.current)||void 0===r||r.focus(),f.current=null}),0),i.current=!1)}),[s]);t((()=>{const r=u.current;o?M(r):T(r)}),[u,o,M,T]),t((()=>{const r=u.current;return()=>{T(r)}}),[u,T])};export{o as default};

package/esm/hooks/__internal__/usePrevious/index.d.ts

@@ -1 +0,0 @@
-export default function usePrevious<T>(value: T): T | undefined;

package/esm/hooks/__internal__/usePrevious/index.js

@@ -1 +0,0 @@
-import{useRef as r,useEffect as t}from"react";function e(e){const n=r();return t((()=>{n.current=e})),n.current}export{e as default};

package/esm/hooks/__internal__/useRegisterValidationToTabs/index.js

@@ -1 +0,0 @@
-

package/esm/hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.d.ts

@@ -1,2 +0,0 @@
-declare const useRegisterValidationToTabs: (error: boolean, warning: boolean, uniqueId: string) => void;
-export default useRegisterValidationToTabs;

package/esm/hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js

@@ -1 +0,0 @@
-import{useRef as t,useContext as r,useLayoutEffect as o,useEffect as n}from"react";import{TabsContext as e}from"../../../components/tabs/__next__/tabs.context.js";import{TabContext as s}from"../../../components/tabs/__next__/tab.context.js";const c=(c,a,m)=>{const _=t(!1),{setErrors:p,setWarnings:b}=r(e),{tabId:x}=r(s);o((()=>(_.current=!0,()=>{_.current=!1})),[]),n((()=>(p&&p(m,x||"",!!c),b&&b(m,x||"",!!a),()=>{_.current||(p&&p(m,x||"",!1),b&&b(m,x||"",!1))})),[c,a,p,b,m,x])};export{c as default};

package/esm/hooks/__internal__/useResizeObserver/index.d.ts

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

package/esm/hooks/__internal__/useResizeObserver/index.js

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

package/esm/hooks/__internal__/useResizeObserver/useResizeObserver.d.ts

@@ -1,8 +0,0 @@
-import { RefObject } from "react";
-export default function useResizeObserver(
-/** Reference to the resizable HTML element */
-ref: RefObject<Element>, 
-/** Callback meant to be executed on element resize */
-onResize: () => void, 
-/** Flag to indicate whether hook should be disabled  */
-disabled?: boolean): void;

package/esm/hooks/__internal__/useResizeObserver/useResizeObserver.js

@@ -1 +0,0 @@
-import{useRef as r,useLayoutEffect as e}from"react";function n(n,t,c){const u=r(),o=r(t);o.current=t,e((()=>{const r=n.current;return!c&&r&&(u.current=new ResizeObserver((()=>{null==o||o.current()})),u.current.observe(r)),()=>{!c&&r&&u.current&&(u.current.unobserve(r),u.current.disconnect())}}),[n,c])}export{n as default};

package/esm/hooks/__internal__/useScrollBlock/index.d.ts

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

package/esm/hooks/__internal__/useScrollBlock/index.js

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

package/esm/hooks/__internal__/useScrollBlock/scroll-block-manager.d.ts

@@ -1,15 +0,0 @@
-declare class ScrollBlockManager {
-    components: {
-        [key: string]: boolean;
-    };
-    originalValues: string[];
-    constructor();
-    registerComponent(id: string): void;
-    unregisterComponent(id: string): void;
-    saveRestoreValuesCallback(callback: (() => void) | null): void;
-    getRestoreValuesCallback(): (() => void) | null | undefined;
-    saveOriginalValues(values: string[]): void;
-    getOriginalValues(): string[];
-    isBlocked(): boolean;
-}
-export default ScrollBlockManager;

package/esm/hooks/__internal__/useScrollBlock/scroll-block-manager.js

@@ -1 +0,0 @@
-import{getWindow as e}from"../../../__internal__/dom/globals.js";function n(e,n,s){return n in e?Object.defineProperty(e,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[n]=s,e}class s{registerComponent(e){this.components[e]=!0}unregisterComponent(e){delete this.components[e]}saveRestoreValuesCallback(e){window.__CARBON_INTERNALS_SCROLL_BLOCKERS&&(window.__CARBON_INTERNALS_SCROLL_BLOCKERS.restoreValues=e)}getRestoreValuesCallback(){var e;return null===(e=window.__CARBON_INTERNALS_SCROLL_BLOCKERS)||void 0===e?void 0:e.restoreValues}saveOriginalValues(e){this.originalValues.length=0,this.originalValues.push(...e)}getOriginalValues(){return this.originalValues}isBlocked(){return 0!==Object.entries(this.components).length}constructor(){n(this,"components",void 0),n(this,"originalValues",void 0);const s=e();if(!s)return this.components={},void(this.originalValues=[]);s.__CARBON_INTERNALS_SCROLL_BLOCKERS||(s.__CARBON_INTERNALS_SCROLL_BLOCKERS={components:{},originalValues:[],restoreValues:null}),this.components=s.__CARBON_INTERNALS_SCROLL_BLOCKERS.components,this.originalValues=s.__CARBON_INTERNALS_SCROLL_BLOCKERS.originalValues}}export{s as default};

package/esm/hooks/__internal__/useScrollBlock/useScrollBlock.d.ts

@@ -1,5 +0,0 @@
-declare const useScrollBlock: () => {
-    blockScroll: () => void;
-    allowScroll: () => void;
-};
-export default useScrollBlock;

package/esm/hooks/__internal__/useScrollBlock/useScrollBlock.js

@@ -1 +0,0 @@
-import{useRef as e,useCallback as t}from"react";import r from"../../../__internal__/utils/helpers/guid/index.js";import l from"./scroll-block-manager.js";const o=new l,n=()=>{const{documentElement:e,body:t}=document||{},r=window.innerWidth-e.clientWidth;return[{element:e,property:"position",blockingValue:"relative"},{element:e,property:"overflow",blockingValue:"hidden"},{element:t,property:"position",blockingValue:"relative"},{element:t,property:"overflow",blockingValue:"hidden"},{element:t,property:"padding-right",blockingValue:`${(parseInt(window.getComputedStyle(t).getPropertyValue("padding-right"))||0)+r}px`}]},i=()=>{const{current:l}=e(r()),i=e([]),a=t((()=>{n().forEach((({element:e,property:t},r)=>{e.style.setProperty(t,i.current[r])}))}),[]);return{blockScroll:t((()=>{const e=n(),t=o.isBlocked();if(o.registerComponent(l),t)return;const r=e.map((({element:e,property:t})=>e.style.getPropertyValue(t)));i.current=r,o.saveRestoreValuesCallback(a),o.saveOriginalValues(r),e.slice(-3).forEach((({element:e,property:t,blockingValue:r})=>{e.style.setProperty(t,r)}))}),[a,l]),allowScroll:t((()=>{if(o.unregisterComponent(l),o.isBlocked())return;const e=o.getRestoreValuesCallback();if(e)return e(),void o.saveRestoreValuesCallback(null);const t=o.getOriginalValues();n().forEach((({element:e,property:r},l)=>{e.style.setProperty(r,t[l])})),o.saveOriginalValues([])}),[l])}};export{i as default};

package/esm/hooks/__internal__/useStableCallback/index.d.ts

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

package/esm/hooks/__internal__/useStableCallback/index.js

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

package/esm/hooks/__internal__/useStableCallback/useStableCallback.d.ts

@@ -1,2 +0,0 @@
-export declare function useStableCallback(callback?: (...args: unknown[]) => unknown): ((...args: unknown[]) => unknown) | undefined;
-export default useStableCallback;

package/esm/hooks/__internal__/useStableCallback/useStableCallback.js

@@ -1 +0,0 @@
-import{useRef as r,useCallback as t}from"react";function n(n){const o=r(n);o.current=n;const c=t(((...r)=>{var t;return null===(t=o.current)||void 0===t?void 0:t.call(o,...r)}),[]);return n?c:void 0}export{n as default,n as useStableCallback};

package/esm/hooks/__internal__/useThrottle/index.d.ts

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

package/esm/hooks/__internal__/useThrottle/index.js

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

package/esm/hooks/__internal__/useThrottle/useThrottle.d.ts

@@ -1,4 +0,0 @@
-import { DebouncedFunc } from "lodash";
-type Callback = (...args: any[]) => void;
-declare const useThrottle: <T extends Callback>(callback: T, delay: number) => DebouncedFunc<T>;
-export default useThrottle;

package/esm/hooks/__internal__/useThrottle/useThrottle.js

@@ -1 +0,0 @@
-import{useRef as t,useEffect as r,useMemo as o}from"react";import c from"lodash/throttle";const e=(e,n)=>{const a=t(e);r((()=>{a.current=e}));const s=o((()=>c(a.current,n)),[n]);return r((()=>()=>{s.cancel()})),s};export{e as default};

package/esm/hooks/__internal__/useUniqueId/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (id?: string, name?: string) => string[];
-export default _default;

package/esm/hooks/__internal__/useUniqueId/index.js

@@ -1 +0,0 @@
-import{useRef as r}from"react";import t from"../../../__internal__/utils/helpers/guid/index.js";var e=(e,n)=>{const i=r(t()),o=r(t());return[e||i.current,n||o.current]};export{e as default};

package/esm/hooks/use-multi-input/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./use-multi-input";