carbon-react 158.8.0 → 158.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/__internal__/focus-trap/focus-trap.component.js +1 -1
- package/esm/__internal__/modal/index.d.ts +2 -0
- package/esm/__internal__/modal/index.js +1 -0
- package/esm/__internal__/modal/modal-manager.js +1 -0
- package/esm/__internal__/modal/modal.component.js +1 -0
- package/esm/__internal__/popover/popover.component.js +1 -1
- package/esm/components/advanced-color-picker/advanced-color-picker.component.d.ts +1 -1
- package/esm/components/dialog/dialog.component.d.ts +1 -1
- package/esm/components/dialog/dialog.component.js +1 -1
- package/esm/components/form/form.component.js +1 -1
- package/esm/components/modal/index.d.ts +8 -2
- package/esm/components/modal/index.js +1 -1
- package/esm/components/popover-container/popover-container.component.js +1 -1
- package/esm/components/sidebar/sidebar.component.d.ts +1 -1
- package/esm/components/sidebar/sidebar.component.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.component.js +1 -1
- package/esm/global.d.ts +1 -1
- package/esm/hooks/__internal__/useModalManager/useModalManager.js +1 -1
- package/esm/index.js +1 -1
- package/lib/__internal__/focus-trap/focus-trap.component.js +1 -1
- package/lib/__internal__/modal/index.d.ts +2 -0
- package/lib/__internal__/modal/index.js +1 -0
- package/lib/__internal__/modal/modal-manager.js +1 -0
- package/lib/__internal__/modal/modal.component.js +1 -0
- package/lib/__internal__/modal/package.json +6 -0
- package/lib/__internal__/popover/popover.component.js +1 -1
- package/lib/components/advanced-color-picker/advanced-color-picker.component.d.ts +1 -1
- package/lib/components/dialog/dialog.component.d.ts +1 -1
- package/lib/components/dialog/dialog.component.js +1 -1
- package/lib/components/form/form.component.js +1 -1
- package/lib/components/modal/index.d.ts +8 -2
- package/lib/components/modal/index.js +1 -1
- package/lib/components/popover-container/popover-container.component.js +1 -1
- package/lib/components/sidebar/sidebar.component.d.ts +1 -1
- package/lib/components/sidebar/sidebar.component.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.component.js +1 -1
- package/lib/global.d.ts +1 -1
- package/lib/hooks/__internal__/useModalManager/useModalManager.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/esm/components/modal/__internal__/modal-manager.js +0 -1
- package/esm/components/modal/modal.component.js +0 -1
- package/lib/components/modal/__internal__/modal-manager.js +0 -1
- package/lib/components/modal/modal.component.js +0 -1
- /package/esm/{components/modal/__internal__ → __internal__/modal}/modal-manager.d.ts +0 -0
- /package/esm/{components → __internal__}/modal/modal.component.d.ts +0 -0
- /package/esm/{components/modal/__internal__ → __internal__/modal}/modal.context.d.ts +0 -0
- /package/esm/{components/modal/__internal__ → __internal__/modal}/modal.context.js +0 -0
- /package/esm/{components → __internal__}/modal/modal.style.d.ts +0 -0
- /package/esm/{components → __internal__}/modal/modal.style.js +0 -0
- /package/lib/{components/modal/__internal__ → __internal__/modal}/modal-manager.d.ts +0 -0
- /package/lib/{components → __internal__}/modal/modal.component.d.ts +0 -0
- /package/lib/{components/modal/__internal__ → __internal__/modal}/modal.context.d.ts +0 -0
- /package/lib/{components/modal/__internal__ → __internal__/modal}/modal.context.js +0 -0
- /package/lib/{components → __internal__}/modal/modal.style.d.ts +0 -0
- /package/lib/{components → __internal__}/modal/modal.style.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useRef as r,useState as o,useContext as c,useMemo as i,useEffect as l,useCallback as a}from"react";import{onTabGuardFocus as u,defaultFocusableSelectors as s,setElementFocus as d,trapFunction as m}from"./focus-trap-utils.js";import f from"
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useRef as r,useState as o,useContext as c,useMemo as i,useEffect as l,useCallback as a}from"react";import{onTabGuardFocus as u,defaultFocusableSelectors as s,setElementFocus as d,trapFunction as m}from"./focus-trap-utils.js";import f from"../modal/modal.context.js";import b from"../../hooks/__internal__/usePrevious/index.js";import p from"../../components/carbon-provider/__internal__/top-modal.context.js";function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const g="tab-guard-top",O="tab-guard-bottom",y=({children:y,autoFocus:h=!0,focusableSelectors:j,focusFirstElement:E,bespokeTrap:x,wrapperRef:w,isOpen:P,additionalWrapperRefs:S})=>{const A=r(null),[_,I]=o(),{isAnimationComplete:k=!0,triggerRefocusFlag:F}=c(f),{topModal:D}=c(p),L=!D||w.current&&D.contains(w.current),$=i((()=>(null==S?void 0:S.length)?[w,...S]:[w]),[S,w]),R=i((()=>u($,j,"top")),[j,$]),C=i((()=>u($,j,"bottom")),[j,$]);l((()=>(null==S||S.forEach((e=>{const{current:t}=e;if(t){var n,r;if(!(null===(n=t.previousElementSibling)||void 0===n?void 0:n.matches(`[data-element=${g}]`))){const n=document.createElement("div");n.tabIndex=0,n.dataset.element=g,t.insertAdjacentElement("beforebegin",n),n.addEventListener("focus",R(e))}if(!(null===(r=t.nextElementSibling)||void 0===r?void 0:r.matches(`[data-element=${O}]`))){const n=document.createElement("div");n.tabIndex=0,n.dataset.element=O,t.insertAdjacentElement("afterend",n),n.addEventListener("focus",C(e))}}})),()=>{null==S||S.forEach((e=>{var t,n;const r=null===(t=e.current)||void 0===t?void 0:t.previousElementSibling;(null==r?void 0:r.matches(`[data-element=${g}]`))&&r.remove();const o=null===(n=e.current)||void 0===n?void 0:n.nextElementSibling;(null==o?void 0:o.matches(`[data-element=${O}]`))&&o.remove()}))})),[S,R,C]);const q=h&&P&&k,B=b(q),M=a((e=>{const t=[];return $.forEach((n=>{n.current&&t.push(...Array.from(n.current.querySelectorAll(e)).filter((e=>-1!==Number(e.tabIndex))))})),t}),[$]);l((()=>{if(q&&!B){const e=E&&"current"in E?E.current:E,t=M(s).find((e=>"true"===e.getAttribute("data-has-autofocus"))),n=e||t||w.current;n&&d(n)}}),[q,B,M,E,w]),l((()=>{const e=e=>{if(!L||!P)return;const t=M(s);m(e,t,document.activeElement===w.current,j,x)};return document.addEventListener("keydown",e,!0),function(){document.removeEventListener("keydown",e,!0)}}),[x,w,j,M,L,P]);const N=a((()=>{const e=M(j||s),t=null==e?void 0:e.find((e=>e===document.activeElement));t&&I(t)}),[M,j]),T=a((()=>{var e;if(_&&!_.hasAttribute("disabled"))d(_);else if(null===(e=w.current)||void 0===e?void 0:e.hasAttribute("tabindex"))d(w.current);else{const e=M(j||s);e.length&&d(e[0])}}),[_,w,j,M]);l((()=>{F&&T()}),[F,T]);const[W,z]=o(0);l((()=>{P||z(0)}),[P]);const G=()=>{P&&z(void 0)},H=e=>{return t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){v(e,t,n[t])}))}return e}({},e&&{tabIndex:W,onBlur:G}),n=null!=(n={onFocus:N})?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})),t;var t,n},J=n.Children.map(y,(e=>{var t;const r=e;return n.cloneElement(r,H(void 0===(null==r||null===(t=r.props)||void 0===t?void 0:t.tabIndex)))}));return e("div",{ref:A,children:[P&&t("div",{"data-element":g,tabIndex:0,onFocus:R(w)}),J,P&&t("div",{"data-element":O,tabIndex:0,onFocus:C(w)})]})};export{O as TAB_GUARD_BOTTOM,g as TAB_GUARD_TOP,y as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{default}from"./modal.component.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{getWindow as t}from"../dom/globals.js";function o(t,o,s){return o in t?Object.defineProperty(t,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[o]=s,t}class s{getTopModal(){return this.modalList.length?this.modalList.slice().reverse().find((t=>t.topModalOverride))||this.modalList[this.modalList.length-1]:{}}isTopmost(t){const{modal:o}=this.getTopModal();return!(!t||!o)&&t===o}removeModal(t,o=!0){const s=this.modalList.findIndex((({modal:o})=>o===t));if(-1===s)return;if(this.modalList.splice(s,1),this.callTopModalSetters(),!this.modalList.length)return;const{setTriggerRefocusFlag:l}=this.getTopModal();l&&o&&l(!0)}clearList(){const o=t(),s=[];o&&(o.__CARBON_INTERNALS_MODAL_LIST=s),this.modalList=s,this.callTopModalSetters()}callTopModalSetters(){const o=t();if(null==o?void 0:o.__CARBON_INTERNALS_MODAL_SETTER_LIST){var s;const t=(null===(s=this.getTopModal())||void 0===s?void 0:s.modal)||null;for(const s of o.__CARBON_INTERNALS_MODAL_SETTER_LIST)s(t)}}constructor(){o(this,"modalList",void 0),o(this,"addModal",((t,o,s)=>{if(!t)return;const{modal:l,setTriggerRefocusFlag:e,topModalOverride:i}=this.getTopModal();!i&&l&&e&&e(!1),this.modalList.push({modal:t,setTriggerRefocusFlag:o,topModalOverride:s}),this.callTopModalSetters()}));const s=t();s?(s.__CARBON_INTERNALS_MODAL_LIST||(s.__CARBON_INTERNALS_MODAL_LIST=[]),this.modalList=s.__CARBON_INTERNALS_MODAL_LIST):this.modalList=[]}}const l=new s;export{s as ModalManagerInstance,l as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as r,useState as t,useEffect as n,useCallback as l}from"react";import{TransitionGroup as a,CSSTransition as i}from"react-transition-group";import c from"../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import{Portal as s}from"../../components/portal/portal.js";import{getDocument as d}from"../dom/globals.js";import m from"../utils/helpers/events/events.js";import p from"../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledModal as u,StyledModalBackground as f}from"./modal.style.js";import b from"./modal.context.js";function O(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}function g(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(o){O(e,o,r[o])}))}return e}const y=300,j=O=>{var{children:j,"data-element":v,"data-role":h="modal",open:P,onCancel:k,disableEscKey:w=!1,disableClose:E,enableBackgroundUI:M=!1,topModalOverride:S,restoreFocusOnClose:C=!0}=O,_=function(e,o){if(null==e)return{};var r,t,n=function(e,o){if(null==e)return{};var r,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||(n[r]=e[r]);return n}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(O,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const x=r(null),I=r(null),R=r(null),[B,D]=t(!1),[F,N]=t(!1),{blockScroll:T,allowScroll:K}=c();n((()=>{M||(P?T():K())}),[K,T,M,P]),n((()=>()=>{M||K()}),[K,M]);const A=l((e=>{k&&!E&&!w&&m.isEscKey(e)&&(e.stopImmediatePropagation(),k(e))}),[E,w,k]),U=d();let q,z;return p({open:P,closeModal:A,modalRef:x,setTriggerRefocusFlag:N,topModalOverride:S,focusCallToActionElement:C&&U?U.activeElement:void 0}),P&&(q=M?null:e(f,{ref:I,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:y}),z=j),e(s,{children:o(u,(G=g({"data-component":"modal","data-element":v,"data-role":h,"data-state":P?"open":"closed",transitionName:"modal",transitionTime:y,topModalOverride:S,ref:x},_),H={children:[e(a,{children:q&&e(i,{nodeRef:I,appear:!0,classNames:"modal-background",timeout:y,onEntered:()=>D(!0),onExiting:()=>D(!1),children:q},"modal")}),e(a,{children:z&&e(i,{nodeRef:R,appear:!0,classNames:"modal",timeout:y,children:e(b.Provider,{value:{isAnimationComplete:B,triggerRefocusFlag:F,isInModal:!0},children:e("div",{ref:R,children:z})})})})]},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(G,Object.getOwnPropertyDescriptors(H)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o.push.apply(o,r)}return o}(Object(H)).forEach((function(e){Object.defineProperty(G,e,Object.getOwnPropertyDescriptor(H,e))})),G))});var G,H};export{j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import r,{useRef as o,useContext as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import r,{useRef as o,useContext as t,useEffect as n}from"react";import l from"react-dom";import{flip as i}from"@floating-ui/dom";import a from"../../hooks/__internal__/useFloating/useFloating.js";import{StyledPopoverContent as c,StyledBackdrop as d}from"./popover.style.js";import m from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import s from"../modal/modal.context.js";const p=[i({fallbackStrategy:"initialPlacement"})],u=({children:i,placement:u,disablePortal:f,reference:g,middleware:h=p,disableBackgroundUI:v,isOpen:b=!0,animationFrame:k,popoverStrategy:y="absolute",childRefOverride:j})=>{var O;const F=o(null),{isInModal:_}=t(s),x=null===(O=g.current)||void 0===O?void 0:O.closest("[role='dialog']"),C=_&&x?x:document.body;F.current||f||(F.current=document.createElement("div"),C.appendChild(F.current));const P=j||r.Children.only(i).ref,w=o(null),E=P||w;let I;return I=P?i:r.cloneElement(i,{ref:E}),a({isOpen:b,reference:g,floating:E,placement:u,middleware:h,animationFrame:k,strategy:y}),n((()=>()=>{!f&&F.current&&(C.removeChild(F.current),F.current=null)}),[f,C]),v||(I=e(c,{isOpen:b,children:I})),v&&(I=e(c,{isOpen:b,children:e(d,{"data-role":"popup-backdrop",children:I})})),f?I:l.createPortal(e(m,{children:I}),F.current)};export{u as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { MarginProps } from "styled-system";
|
|
3
|
-
import { ModalProps } from "
|
|
3
|
+
import { ModalProps } from "../../__internal__/modal";
|
|
4
4
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
5
5
|
export interface AdvancedColor {
|
|
6
6
|
label: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { RefObject } from "react";
|
|
2
2
|
import { DialogSizes } from "./dialog.config";
|
|
3
|
-
import { ModalProps } from "
|
|
3
|
+
import { ModalProps } from "../../__internal__/modal";
|
|
4
4
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
5
5
|
type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
6
6
|
export interface ContentPaddingInterface {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as o,useRef as r,useImperativeHandle as l}from"react";import{DialogPositioner as n,StyledDialog as a,StyledDialogContent as i,StyledDialogTitle as s}from"./dialog.style.js";import{Heading as c}from"../heading/heading.component.js";import d from"../icon/icon.component.js";import p from"../icon-button/icon-button.component.js";import u from"
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as o,useRef as r,useImperativeHandle as l}from"react";import{DialogPositioner as n,StyledDialog as a,StyledDialogContent as i,StyledDialogTitle as s}from"./dialog.style.js";import{Heading as c}from"../heading/heading.component.js";import d from"../icon/icon.component.js";import p from"../icon-button/icon-button.component.js";import u from"../../__internal__/modal/modal.component.js";import b from"../../__internal__/focus-trap/focus-trap.component.js";import f from"../../__internal__/full-screen-heading/full-screen-heading.component.js";import g from"../../__internal__/utils/helpers/guid/index.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import h from"../../__internal__/utils/logger/index.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../hooks/__internal__/useModalAria/useModalAria.js";function j(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}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){j(e,t,o[t])}))}return e}function C(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 o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}let v=!1,P=!1;const w=o(((o,j)=>{var{className:w,"data-component":S="dialog","data-element":k="dialog","data-role":F,children:x,open:I,height:E,size:D="medium",title:M,disableEscKey:B,subtitle:T,disableAutoFocus:A=!1,focusFirstElement:R,focusableSelectors:z,onCancel:K,showCloseIcon:L=!0,bespokeFocusTrap:N,disableClose:V,help:H,highlightVariant:U="default",role:$="dialog",contentPadding:W,greyBackground:Y=!1,focusableContainers:q,topModalOverride:G,closeButtonDataProps:J,restoreFocusOnClose:Q=!0,"aria-labelledby":X,"aria-describedby":Z,"aria-label":ee,pagesStyling:te,headerChildren:oe,disableContentPadding:re,contentRef:le,fullscreen:ne=!1}=o,ae=function(e,t){if(null==e)return{};var o,r,l=function(e,t){if(null==e)return{};var o,r,l={},n=Object.keys(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)>=0||(l[o]=e[o]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(l[o]=e[o])}return l}(o,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const ie=y(),se=r(null),ce=r(null),de=r(null),{current:pe}=r(g()),{current:ue}=r(g()),be=O(se);!v&&V&&(v=!0,h.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!P&&te&&(P=!0,h.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),l(j,(()=>({focus(){var e;null===(e=se.current)||void 0===e||e.focus()}})),[]);const fe=L&&K&&e(p,C(_({"aria-label":ie.dialog.ariaLabels.close(),disabled:V,onClick:K},m("close",_({"data-element":"close"},J))),{children:e(d,{type:"close"})}));let ge=E;E&&E.match(/px$/)&&(ge=E.replace("px",""));const me={"aria-describedby":T&&"string"==typeof T?ue:Z,"aria-label":ee,"aria-labelledby":M&&"string"==typeof M?pe:X};return e(u,C(_({className:w?`${w} carbon-dialog`:"carbon-dialog",disableClose:V,disableEscKey:B,onCancel:K,open:I,restoreFocusOnClose:Q,topModalOverride:G},m("dialog",ae),ae),{children:e(b,{additionalWrapperRefs:q,autoFocus:!A,bespokeTrap:N,focusableSelectors:z,focusFirstElement:R,isOpen:I,wrapperRef:se,children:e(n,{fullscreen:ne,children:t(a,C(_(C(_({"aria-modal":!("dialog"!==$||!be)||void 0},me),{backgroundColor:Y?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":S,"data-element":k,"data-role":F,dialogHeight:ge,fullscreen:ne,highlightVariant:U,pagesStyling:te,ref:se,role:$,size:D,tabIndex:-1}),W),{children:[M||oe?ne?t(f,{hasContent:!!M,hasCloseButton:L,ref:ce,children:["string"==typeof M?e(c,{"data-element":"dialog-title",title:M,titleId:pe,subheader:T,subtitleId:ue,divider:!1,help:H}):M,oe]}):e(s,{hasSubtitle:!!T,ref:de,showCloseIcon:L,children:"string"==typeof M?e(c,{"data-element":"dialog-title",divider:!1,help:H,subheader:T,subtitleId:ue,title:M,titleId:pe}):M}):null,fe,e(i,C(_({},W),{"data-role":"dialog-content",disableContentPadding:re,fullscreen:ne,hasHeader:void 0!==M,tabIndex:-1,ref:le,children:x}))]}))})})}))}));export{w as Dialog,w as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e,Fragment as r}from"react/jsx-runtime";import{useRef as o,useContext as n}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"./__internal__/form-summary.component.js";import{StyledForm as a,StyledFormContent as c,StyledFormFooter as f,StyledLeftButtons as u,StyledRightButtons as s}from"./form.style.js";import{formSpacing as m}from"./form.config.js";import d from"
|
|
1
|
+
import{jsxs as t,jsx as e,Fragment as r}from"react/jsx-runtime";import{useRef as o,useContext as n}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"./__internal__/form-summary.component.js";import{StyledForm as a,StyledFormContent as c,StyledFormFooter as f,StyledLeftButtons as u,StyledRightButtons as s}from"./form.style.js";import{formSpacing as m}from"./form.config.js";import d from"../../__internal__/modal/modal.context.js";function b(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){b(t,e,r[e])}))}return t}function g(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const y=b=>{var{children:y,saveButton:h,leftSideButtons:O,rightSideButtons:j,errorCount:S,warningCount:P,onSubmit:w,buttonAlignment:k="right",footerChildren:_,stickyFooter:v,stickyFooterVariant:F="light",fieldSpacing:B=3,noValidate:C=!0,height:x,fullWidthButtons:V=!1,footerPadding:A={}}=b,I=function(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(b,["children","saveButton","leftSideButtons","rightSideButtons","errorCount","warningCount","onSubmit","buttonAlignment","footerChildren","stickyFooter","stickyFooterVariant","fieldSpacing","noValidate","height","fullWidthButtons","footerPadding"]);const D=o(null),W=o(null),{isInModal:E}=n(d),M=!!(_||h||O||j||S||P);return t(a,g(p({ref:D,className:v?"sticky":"",stickyFooter:v,onSubmit:w,"data-component":"form",noValidate:C,height:x,isInModal:E},I,i("form",I)),{children:[e(c,{"data-element":"form-content","data-role":"form-content",stickyFooter:v,tabIndex:-1,isInModal:E,fieldSpacing:m[B],children:y}),M&&e(f,g(p(g(p({"data-element":"form-footer","data-role":"form-footer",ref:W,hasFooterChildren:!!_,stickyFooter:v},v&&{stickyFooterVariant:F}),{buttonAlignment:k,fullWidthButtons:V}),A),{children:_||t(r,{children:[O&&e(u,{"data-role":"form-left-buttons",buttonAlignment:k,children:O}),e(l,{fullWidth:V,errorCount:S,warningCount:P,children:h}),j&&e(s,{"data-role":"form-right-buttons",buttonAlignment:k,children:j})]})}))]}))};y.displayName="Form";export{y as Form,y as default};
|
|
@@ -1,2 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type ModalProps as InternalModalProps } from "../../__internal__/modal";
|
|
3
|
+
/** @deprecated `Modal` is deprecated. Please use `Dialog` instead. */
|
|
4
|
+
declare const Modal: (props: InternalModalProps) => React.JSX.Element;
|
|
5
|
+
/** @deprecated `Modal` is deprecated. Please use `Dialog` instead. */
|
|
6
|
+
type ModalProps = InternalModalProps;
|
|
7
|
+
export default Modal;
|
|
8
|
+
export type { ModalProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../__internal__/utils/logger/index.js";import r from"../../__internal__/modal/modal.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}let o=!1;const a=a=>(o||(o=!0,t.deprecate("Carbon `Modal` is deprecated. Please use `Dialog` instead.")),e(r,function(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}({},a)));export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as n,useState as o,useRef as a,useContext as i,useCallback as l,useEffect as s,useImperativeHandle as c,useMemo as p}from"react";import{CSSTransition as d}from"react-transition-group";import{offset as u,flip as m,shift as f}from"@floating-ui/dom";import b from"../../hooks/useMediaQuery/useMediaQuery.js";import{PopoverContainerWrapperStyle as v,PopoverContainerOpenIcon as h,PopoverContainerCloseIcon as y,PopoverContainerContentStyle as _,PopoverContainerHeaderStyle as O,PopoverContainerTitleStyle as g}from"./popover-container.style.js";import j from"../icon/icon.component.js";import x from"../../__internal__/popover/popover.component.js";import P from"../../__internal__/utils/helpers/guid/index.js";import C from"../../style/utils/filter-styled-system-padding-props.js";import w from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import k from"../../__internal__/utils/helpers/events/events.js";import A from"../../__internal__/focus-trap/focus-trap.component.js";import B from"
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as n,useState as o,useRef as a,useContext as i,useCallback as l,useEffect as s,useImperativeHandle as c,useMemo as p}from"react";import{CSSTransition as d}from"react-transition-group";import{offset as u,flip as m,shift as f}from"@floating-ui/dom";import b from"../../hooks/useMediaQuery/useMediaQuery.js";import{PopoverContainerWrapperStyle as v,PopoverContainerOpenIcon as h,PopoverContainerCloseIcon as y,PopoverContainerContentStyle as _,PopoverContainerHeaderStyle as O,PopoverContainerTitleStyle as g}from"./popover-container.style.js";import j from"../icon/icon.component.js";import x from"../../__internal__/popover/popover.component.js";import P from"../../__internal__/utils/helpers/guid/index.js";import C from"../../style/utils/filter-styled-system-padding-props.js";import w from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import k from"../../__internal__/utils/helpers/events/events.js";import A from"../../__internal__/focus-trap/focus-trap.component.js";import B from"../../__internal__/modal/modal.context.js";import I from"../../hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js";import D from"../../__internal__/utils/helpers/tags/tags.js";import{defaultFocusableSelectors as L}from"../../__internal__/focus-trap/focus-trap-utils.js";import E from"../flat-table/__internal__/flat-table.context.js";import{useGlobalHeader as S}from"../global-header/__internal__/global-header.context.js";function F(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function R(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){F(e,t,r[t])}))}return e}function M(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var 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 W=({tabIndex:t,onClick:r,"data-element":n,ref:o,"aria-label":a,id:i,"aria-expanded":l,"aria-haspopup":s})=>e(h,{tabIndex:t,onClick:r,"data-element":n,ref:o,"aria-label":a,"aria-haspopup":s,"aria-expanded":l,id:i,children:e(j,{type:"settings"})}),$=({"data-element":t,tabIndex:r,onClick:n,ref:o,"aria-label":a,closeButtonDataProps:i})=>e(y,M(R({tabIndex:r,onClick:n,ref:o,"aria-label":a},D("close",R({"data-element":t},i))),{children:e(j,{type:"close"})}));function H(e,t,r){return p((()=>[u(e?({rects:e})=>({mainAxis:-e.reference.height}):r),m({fallbackStrategy:"initialPlacement"}),...t?[f()]:[]]),[e,t,r])}const Q=n(((n,p)=>{var{children:u,title:m,borderRadius:f,position:h="right",offset:y=6,open:j,onOpen:F,onClose:Q,renderOpenComponent:T=W,renderCloseComponent:q=$,shouldCoverButton:z=!1,ariaDescribedBy:G,openButtonAriaLabel:K,closeButtonAriaLabel:N="close",containerAriaLabel:U,closeButtonDataProps:J,disableAnimation:V=!1,hasFullWidth:X=!1}=n,Y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,["children","title","borderRadius","position","offset","open","onOpen","onClose","renderOpenComponent","renderCloseComponent","shouldCoverButton","ariaDescribedBy","openButtonAriaLabel","closeButtonAriaLabel","containerAriaLabel","closeButtonDataProps","disableAnimation","hasFullWidth"]);const Z=void 0!==j,[ee,te]=o(!1),re=a(null),ne=a(null),oe=a(null),ae=a(P()),ie=a(null),le=m?`PopoverContainer_${ae.current}`:void 0,se=Z?j:ee,ce=!b("screen and (prefers-reduced-motion: no-preference)"),pe=H(z,"center"===h,y),{isInFlatTable:de}=i(E),ue=l((e=>{var t;Z||te(!1),null==Q||Q(e),se&&(null===(t=ne.current)||void 0===t||t.focus())}),[Z,se,Q]),me=l((e=>{!k.composedPath(e).find((e=>e instanceof HTMLElement&&"input"===e.getAttribute("data-element")&&"true"===e.getAttribute("aria-expanded")))&&se&&k.isEscKey(e)&&ue(e)}),[ue,se]);s((()=>(document.addEventListener("keydown",me),()=>{document.removeEventListener("keydown",me)})),[me]),s((()=>{var e;!z&&se&&(null===(e=ie.current)||void 0===e||e.focus({preventScroll:!0}))}),[se,z,ie]),I(z?void 0:ie,z?void 0:ne,ue);const fe=l((e=>{const t=Array.from(document.querySelectorAll(L)||[]).filter((e=>e===ne.current||-1!==Number(e.tabIndex))),r=t.indexOf(ne.current);t[r+1].focus(),ue(e)}),[]),be=(e,t)=>{var r;"next"===e&&fe?fe(t):"prev"===e&&(null===(r=ne.current)||void 0===r||r.focus())},ve={tabIndex:0,"aria-expanded":se,"aria-haspopup":"dialog",isOpen:se,"data-element":"popover-container-open-component",onClick:e=>{Z||te(!se),se?null==Q||Q(e):null==F||F(e)},ref:ne,"aria-label":K||m,id:se?void 0:le,"data-popover-container-button":"true"},he={"data-element":"popover-container-close-component",tabIndex:0,onClick:e=>{ue(e)},ref:re,"aria-label":N,closeButtonDataProps:J},ye=w((e=>{Z||te(!1),se&&(null==Q||Q(e))}),"mousedown"),[_e,Oe]=o(!1),{isWithinGlobalHeader:ge}=S();c(p,(()=>({focusButton(){var e;null===(e=ne.current)||void 0===e||e.focus()}})),[]);const je=()=>t(_,M(R({"data-element":"popover-container-content",role:"dialog","aria-labelledby":le,"aria-label":U,"aria-describedby":G,p:"16px 24px",$borderRadius:f,$popoverOffset:y,ref:ie,tabIndex:-1,disableAnimation:V||ce,zIndex:ge?1e4:2e3},C(Y)),{children:[t(O,{children:[m&&e(g,{id:le,"data-element":"popover-container-title",children:m}),q(he)]}),u]}));return t(v,M(R({onMouseDown:ye,hasFullWidth:X},D("popover-container",Y)),{children:[e("div",{ref:oe,children:T(ve)}),e(d,{nodeRef:ie,timeout:{exit:V?0:300},in:se,unmountOnExit:!0,onEntered:z?()=>Oe(!0):void 0,onExiting:z?()=>Oe(!1):void 0,children:e(x,{reference:oe,placement:"center"===h?"bottom":"right"===h?"bottom-start":"bottom-end",popoverStrategy:V||ce?"fixed":"absolute",middleware:pe,childRefOverride:ie,disableBackgroundUI:de,children:z?e(B.Provider,{value:{isAnimationComplete:_e},children:e(A,{wrapperRef:ie,isOpen:se,children:je()})}):t(r,{children:[e("div",{"data-element":"tab-guard-top",tabIndex:0,onFocus:e=>be("prev",e)}),je(),e("div",{"data-element":"tab-guard-bottom",tabIndex:0,onFocus:e=>be("next",e)})]})})})]}))}));export{Q as PopoverContainer,Q as default,$ as renderClose,W as renderOpen};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { RefObject } from "react";
|
|
2
2
|
import { PaddingProps, WidthProps } from "styled-system";
|
|
3
|
-
import { ModalProps } from "
|
|
3
|
+
import { ModalProps } from "../../__internal__/modal";
|
|
4
4
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
5
5
|
export interface SidebarProps extends PaddingProps, TagProps, WidthProps, Pick<ModalProps, "topModalOverride" | "restoreFocusOnClose"> {
|
|
6
6
|
/** Prop to specify the aria-describedby property of the component */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{useRef as o,useCallback as a}from"react";import n from"../../__internal__/modal/modal.component.js";import{StyledSidebar as i,StyledSidebarContent as l}from"./sidebar.style.js";import s from"../icon-button/icon-button.component.js";import c from"../icon/icon.component.js";import d from"../../__internal__/focus-trap/focus-trap.component.js";import u,{SidebarSubHeader as b}from"./__internal__/sidebar-header/sidebar-header.component.js";import p from"../../__internal__/utils/helpers/guid/index.js";import m from"../../hooks/__internal__/useLocale/useLocale.js";import f from"../../style/utils/filter-styled-system-padding-props.js";import y from"../../__internal__/utils/helpers/tags/tags.js";import O from"../../hooks/__internal__/useModalAria/useModalAria.js";import h from"./__internal__/sidebar.context.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}function g(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const P=t.forwardRef(((t,j)=>{var{"aria-describedby":P,"aria-label":w,"aria-labelledby":v,"data-element":k="sidebar","data-role":F,open:S,bespokeFocusTrap:C,closeButtonDataProps:E,disableAutoFocus:x=!1,disableEscKey:D=!1,enableBackgroundUI:I=!1,header:B,headerVariant:M="light",subHeader:A,position:H="right",size:N="medium",children:z,onCancel:K,role:L="dialog",focusFirstElement:R,focusableContainers:T,focusableSelectors:U,width:V,headerPadding:W={},subHeaderPadding:q={},topModalOverride:G,restoreFocusOnClose:J=!0,className:Q}=t,X=function(e,r){if(null==e)return{};var t,o,a=function(e,r){if(null==e)return{};var t,o,a={},n=Object.keys(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(t,["aria-describedby","aria-label","aria-labelledby","data-element","data-role","open","bespokeFocusTrap","closeButtonDataProps","disableAutoFocus","disableEscKey","enableBackgroundUI","header","headerVariant","subHeader","position","size","children","onCancel","role","focusFirstElement","focusableContainers","focusableSelectors","width","headerPadding","subHeaderPadding","topModalOverride","restoreFocusOnClose","className"]);const Y=m(),{current:Z}=o(p()),{current:$}=o(p()),ee=o(null),re=a((e=>{ee.current=e,j&&("object"==typeof j&&(j.current=e),"function"==typeof j&&j(e))}),[j]),te=O(ee),oe=()=>K?r(s,g(_({"aria-label":Y.sidebar.ariaLabels.close(),onClick:K},y("close",_({"data-element":"close"},E))),{children:r(c,{type:"close"})})):null,ae=e(i,{"aria-modal":!I&&te,"aria-describedby":P||$,"aria-label":w,"aria-labelledby":v||w?v:Z,"data-component":"sidebar","data-element":k,"data-role":F,ref:re,position:H,size:N,onCancel:K,role:L,width:V,className:Q,children:[B&&r(u,g(_({headerVariant:M,closeIcon:oe()},W),{id:Z,children:B})),A&&r(b,g(_({},q),{id:$,children:A})),!B&&oe(),r(l,g(_({"data-element":"sidebar-content","data-role":"sidebar-content"},f(X)),{children:r(h.Provider,{value:{isInSidebar:!0},children:z})}))]});return r(n,{open:S,onCancel:K,disableEscKey:D,enableBackgroundUI:I,topModalOverride:G,restoreFocusOnClose:J,children:I?ae:r(d,{wrapperRef:ee,isOpen:S,additionalWrapperRefs:T,focusableSelectors:U,focusFirstElement:R,autoFocus:!x,bespokeTrap:C,children:ae})})}));P.displayName="Sidebar";export{P as Sidebar,P as default};
|
package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as o}from"react/jsx-runtime";import{ContentEditable as e}from"@lexical/react/LexicalContentEditable";import{forwardRef as i}from"react";import r from"./content-editor.style.js";import"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"@lexical/headless";import"@lexical/html";import"lexical";import"@lexical/code";import"@lexical/list";import"@lexical/react/LexicalHorizontalRuleNode";import"@lexical/rich-text";import"../../../text-editor.context.js";import n from"../../__plugins__/useCursorAtEnd/index.js";import"../CharacterCounter/character-counter.style.js";import"lodash/debounce";import"../../../../../__internal__/i18n-context/index.js";import a from"../LinkPreviewer/link-previewer.component.js";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"../Mentions/constants.js";import"../Mentions/mentions.style.js";import"../../../../tooltip/tooltip.component.js";import"../../../../portrait/portrait.style.js";import"../../../../../style/utils/filter-styled-system-padding-props.js";import"../Placeholder/placeholder.style.js";import"@lexical/utils";import"../Toolbar/toolbar.style.js";import"../../../../button/button.component.js";import"../../../../box/box.component.js";import"../Toolbar/buttons/typography-dropdown/dropdown.style.js";import"../../../../icon/icon.component.js";import"../Toolbar/button-group/button-group.style.js";import"../../../../../__internal__/form-field/form-field.component.js";import"../../../../../__internal__/hint-text/hint-text.style.js";import"../../../../carbon-provider/__internal__/new-validation.context.js";import"../../../../../__internal__/input/input.component.js";import"../../../../../__internal__/input/input-presentation.style.js";import"../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import"invariant";import"../../../../../__internal__/validations/validation-icon.style.js";import"../../../../../__internal__/validation-message/validation-message.style.js";import"../../../../numeral-date/__internal__/numeral-date.context.js";import"../../../../../__internal__/character-count/character-count.style.js";import"../../../../textbox/textbox.style.js";import"../../../../textbox/__internal__/prefix.style.js";import"../../../../dialog/dialog.style.js";import"../../../../heading/heading.style.js";import"../../../../icon-button/icon-button.component.js";import"react-transition-group";import"../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import"../../../../portal/portal.js";import"
|
|
1
|
+
import{jsxs as t,jsx as o}from"react/jsx-runtime";import{ContentEditable as e}from"@lexical/react/LexicalContentEditable";import{forwardRef as i}from"react";import r from"./content-editor.style.js";import"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"@lexical/headless";import"@lexical/html";import"lexical";import"@lexical/code";import"@lexical/list";import"@lexical/react/LexicalHorizontalRuleNode";import"@lexical/rich-text";import"../../../text-editor.context.js";import n from"../../__plugins__/useCursorAtEnd/index.js";import"../CharacterCounter/character-counter.style.js";import"lodash/debounce";import"../../../../../__internal__/i18n-context/index.js";import a from"../LinkPreviewer/link-previewer.component.js";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"../Mentions/constants.js";import"../Mentions/mentions.style.js";import"../../../../tooltip/tooltip.component.js";import"../../../../portrait/portrait.style.js";import"../../../../../style/utils/filter-styled-system-padding-props.js";import"../Placeholder/placeholder.style.js";import"@lexical/utils";import"../Toolbar/toolbar.style.js";import"../../../../button/button.component.js";import"../../../../box/box.component.js";import"../Toolbar/buttons/typography-dropdown/dropdown.style.js";import"../../../../icon/icon.component.js";import"../Toolbar/button-group/button-group.style.js";import"../../../../../__internal__/form-field/form-field.component.js";import"../../../../../__internal__/hint-text/hint-text.style.js";import"../../../../carbon-provider/__internal__/new-validation.context.js";import"../../../../../__internal__/input/input.component.js";import"../../../../../__internal__/input/input-presentation.style.js";import"../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import"invariant";import"../../../../../__internal__/validations/validation-icon.style.js";import"../../../../../__internal__/validation-message/validation-message.style.js";import"../../../../numeral-date/__internal__/numeral-date.context.js";import"../../../../../__internal__/character-count/character-count.style.js";import"../../../../textbox/textbox.style.js";import"../../../../textbox/__internal__/prefix.style.js";import"../../../../dialog/dialog.style.js";import"../../../../heading/heading.style.js";import"../../../../icon-button/icon-button.component.js";import"react-transition-group";import"../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import"../../../../portal/portal.js";import"../../../../../__internal__/modal/modal-manager.js";import"../../../../../__internal__/modal/modal.style.js";import"../../../../../__internal__/modal/modal.context.js";import"../../../../carbon-provider/__internal__/top-modal.context.js";import"../../../../../__internal__/full-screen-heading/full-screen-heading.component.js";import"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";const l=i((({inputHint:i,namespace:l,previews:s=[],rows:p,readOnly:m,required:c,error:d,warning:_,validationMessagePositionTop:u,size:j="medium"},x)=>{const b=n(),y=d||_?`${l}-validation-message`:"",g=i?`${l}-input-hint`:"",f=(u?`${y} ${g}`:`${g} ${y}`).trim();return t(r,{"data-role":`${l}-content-editable`,error:d,warning:_,namespace:l,rows:p,readOnly:m,size:j,children:[o(e,{ref:x,"aria-describedby":f,"aria-labelledby":`${l}-label`,"aria-required":c,"aria-invalid":d,className:`${l}-editable`,"data-role":`${l}-editable`,onBlur:t=>{var o;if(null===(o=t.relatedTarget)||void 0===o?void 0:o.classList.contains("toolbar-button")){var e;const o=null===(e=t.relatedTarget)||void 0===e?void 0:e.id;if(o){const t=document.querySelector(`[id="${o}"]`);t&&t.focus()}}},onFocus:t=>{t.relatedTarget&&t.relatedTarget.classList.contains("toolbar-button")||b(t)},"aria-autocomplete":void 0,"aria-readonly":void 0}),o(a,{previews:s})]})}));export{l as default};
|
package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r,Fragment as n}from"react/jsx-runtime";import t,{forwardRef as i,useState as o,useRef as l,useImperativeHandle as c,useCallback as a,useLayoutEffect as s,useEffect as u}from"react";import{DepthProvider as p}from"./__internal__/depth.context.js";import{MenuFocusProvider as d}from"./__internal__/focus.context.js";import{ResponsiveVerticalMenuProvider as v,useResponsiveVerticalMenu as m}from"./responsive-vertical-menu.context.js";import{StyledButton as h,ModalContainer as f,StyledCloseButton as b,StyledResponsiveMenu as y,StyledGlobalVerticalMenuWrapper as w}from"./responsive-vertical-menu.style.js";import{Box as g}from"../../box/box.component.js";import
|
|
1
|
+
import{jsx as e,jsxs as r,Fragment as n}from"react/jsx-runtime";import t,{forwardRef as i,useState as o,useRef as l,useImperativeHandle as c,useCallback as a,useLayoutEffect as s,useEffect as u}from"react";import{DepthProvider as p}from"./__internal__/depth.context.js";import{MenuFocusProvider as d}from"./__internal__/focus.context.js";import{ResponsiveVerticalMenuProvider as v,useResponsiveVerticalMenu as m}from"./responsive-vertical-menu.context.js";import{StyledButton as h,ModalContainer as f,StyledCloseButton as b,StyledResponsiveMenu as y,StyledGlobalVerticalMenuWrapper as w}from"./responsive-vertical-menu.style.js";import{Box as g}from"../../box/box.component.js";import _ from"../../../__internal__/modal/modal.component.js";import j from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import O from"../../../hooks/useMediaQuery/useMediaQuery.js";import x from"../../../hooks/__internal__/useLocale/useLocale.js";import L from"../../../__internal__/focus-trap/focus-trap.component.js";import k from"../../../__internal__/utils/helpers/tags/tags.js";import E from"../../../__internal__/utils/helpers/events/events.js";function M(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function P(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){M(e,r,n[r])}))}return e}function B(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}function T(e,r){if(null==e)return{};var n,t,i=function(e,r){if(null==e)return{};var n,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||(i[n]=e[n]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}const C=i(((i,p)=>{var d,{children:v,height:M,responsiveBreakpoint:C=700,width:R,launcherButtonDataProps:S}=i,I=T(i,["children","height","responsiveBreakpoint","width","launcherButtonDataProps"]);const D=x(),{active:z,activeMenuItem:A,buttonRef:$,containerRef:q,menuRef:Q,responsiveMode:V,top:G,setActive:F,setActiveMenuItem:H,setReducedMotion:J,setResponsiveMode:K,setLeft:N,setTop:U}=m(),[W,X]=o(0),Y=j(C),[Z,ee]=o("100%"),re=!O("screen and (prefers-reduced-motion: no-preference)"),ne=l(null),{current:te}=Q,{current:ie}=$;c(p,(()=>({focusLaunchButton(){null==ie||ie.focus({preventScroll:!0})}})),[ie]);const oe=a((()=>{if(z&&V){const e=te||document.querySelector("[id='responsive-vertical-menu-primary']");e&&ee(`${e.getBoundingClientRect().width}px`)}N(A&&te?`${te.getBoundingClientRect().right}px`:"auto"),U(A&&ie?`${ie.getBoundingClientRect().bottom}px`:"auto")}),[z,te,V,A,ie]),le=a((e=>{q.current&&!q.current.contains(e.target)&&F(!1)}),[q]),ce=a((()=>{F((e=>!e)),H(null)}),[z,F,H]);s((()=>(oe(),window.addEventListener("resize",oe),()=>{var e;null===(e=window)||void 0===e||e.removeEventListener("resize",oe)})),[z,oe,te,V]);const ae=l(!1),se=l(null);u((()=>{const e=()=>{ae.current=!0,null!==se.current&&clearTimeout(se.current),se.current=window.setTimeout((()=>{ae.current=!1}),100)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==se.current&&clearTimeout(se.current)}}),[]),u((()=>{let e=null;const r=r=>{q.current&&(E.composedPath(r).includes($.current)||(e&&(clearTimeout(e),e=null),e=setTimeout((()=>{var e;(null===(e=q.current)||void 0===e?void 0:e.contains(document.activeElement))||F(!1)}),0)))},n=e=>{"Escape"===e.key&&(e.preventDefault(),F(!1))},t=q.current;return z&&!V&&(document.addEventListener("keydown",n),window.addEventListener("click",le),null==t||t.addEventListener("focusout",r)),()=>{document.removeEventListener("keydown",n),window.removeEventListener("click",le),null==t||t.removeEventListener("focusout",r),e&&clearTimeout(e),e=null}}),[z,A,$,q,le,V]),u((()=>{null==J||J(re),null==K||K(!Y)}),[Y,re,J,K]);const ue=a((e=>{if(!e)return 0;if(t.isValidElement(e))return 1+ue(e.props.children);const r=t.Children.toArray(e);return r.length?r.reduce(((e,r)=>t.isValidElement(r)?e+1+ue(r.props.children):e),0):0}),[]);return u((()=>{const e=W,r=ue(v);e!==r&&(X(r),H(null))}),[W,v,ue,H]),r("div",{ref:q,children:[e(h,P({active:z,buttonType:"tertiary",iconType:"squares_nine",id:"responsive-vertical-menu-launcher",onClick:ce,ref:$},k("responsive-vertical-menu-launcher",P({"data-role":"responsive-vertical-menu-launcher"},S)),(()=>{var e,r;return V?{"aria-label":null===(r=D.verticalMenu.ariaLabels)||void 0===r?void 0:r.responsiveMenuLauncher()}:{"aria-expanded":z,"aria-controls":"responsive-vertical-menu-primary","aria-label":null===(e=D.verticalMenu.ariaLabels)||void 0===e?void 0:e.responsiveMenuLauncher()}})())),V?e(_,{open:z,children:e(L,{wrapperRef:ne,isOpen:z,children:r(f,B(P({ref:ne,width:Z,tabIndex:-1,id:"responsive-vertical-menu-dialog"},(()=>{var e;return{role:"dialog","aria-modal":!0,"aria-label":null===(e=D.verticalMenu.ariaLabels)||void 0===e?void 0:e.responsiveMenuAria()}})()),{children:[e(g,{boxSizing:"border-box",display:"flex",justifyContent:"flex-end",width:"100%",backgroundColor:"var(--colorsGray850)",p:1,children:e(b,{"aria-label":null===(d=D.verticalMenu.ariaLabels)||void 0===d?void 0:d.responsiveMenuCloseButton(),"data-component":"responsive-vertical-menu-close","data-role":"responsive-vertical-menu-close",iconType:"close",size:"small",buttonType:"tertiary",onClick:()=>{F(!1),H(null)}})}),e(y,{height:M,id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:re,ref:Q,responsive:!0,tabIndex:-1,top:"48px",width:R,children:v})]}))})}):e(w,B(P({},I,k("responsive-vertical-menu",I)),{children:z&&e(n,{children:e(y,{childOpen:!!A,"data-component":"responsive-vertical-menu-primary","data-role":"responsive-vertical-menu-primary",height:M||"100%",id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:re,ref:Q,responsive:!1,tabIndex:-1,top:G,width:R,children:v})})}))]})})),R=i(((r,n)=>{var{children:t,width:i,height:o}=r,l=T(r,["children","width","height"]);return e(p,{children:e(d,{children:e(v,{width:i,height:o,children:e(C,B(P({ref:n,width:i,height:o},l),{children:t}))})})})}));export{R as ResponsiveVerticalMenu,R as default};
|
package/esm/global.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useRef as r,useCallback as e,useEffect as t}from"react";import n from"../../../
|
|
1
|
+
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/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{Accordion}from"./components/accordion/accordion.component.js";export{AccordionGroup}from"./components/accordion/accordion-group/accordion-group.component.js";export{ActionPopover}from"./components/action-popover/action-popover.component.js";export{default as ActionPopoverMenu}from"./components/action-popover/action-popover-menu/action-popover-menu.component.js";export{ActionPopoverItem}from"./components/action-popover/action-popover-item/action-popover-item.component.js";export{ActionPopoverMenuButton}from"./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"./components/action-popover/action-popover-divider/action-popover-divider.component.js";export{AdaptiveSidebar}from"./components/adaptive-sidebar/adaptive-sidebar.component.js";export{AdvancedColorPicker}from"./components/advanced-color-picker/advanced-color-picker.component.js";export{Alert}from"./components/alert/alert.component.js";export{default as AnchorNavigation}from"./components/anchor-navigation/anchor-navigation.component.js";export{default as AnchorNavigationItem}from"./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js";export{default as AnchorSectionDivider}from"./components/anchor-navigation/anchor-section-divider.component.js";export{Badge}from"./components/badge/badge.component.js";export{BatchSelection}from"./components/batch-selection/batch-selection.component.js";export{Box}from"./components/box/box.component.js";export{Breadcrumbs}from"./components/breadcrumbs/breadcrumbs.component.js";export{default as Crumb}from"./components/breadcrumbs/crumb/crumb.component.js";export{ButtonBar}from"./components/button-bar/button-bar.component.js";export{ButtonMinor}from"./components/button-minor/button-minor.component.js";export{ButtonToggle}from"./components/button-toggle/button-toggle.component.js";export{default as ButtonToggleGroup}from"./components/button-toggle/button-toggle-group/button-toggle-group.component.js";export{default as Button}from"./components/button/button.component.js";export{CarbonProvider}from"./components/carbon-provider/carbon-provider.component.js";export{default as Card}from"./components/card/card.component.js";export{default as CardColumn}from"./components/card/card-column/card-column.component.js";export{default as CardFooter}from"./components/card/card-footer/card-footer.component.js";export{default as CardRow}from"./components/card/card-row/card-row.component.js";export{CheckboxGroup}from"./components/checkbox/checkbox-group/checkbox-group.component.js";export{Checkbox}from"./components/checkbox/checkbox.component.js";export{Confirm}from"./components/confirm/confirm.component.js";export{Content}from"./components/content/content.component.js";export{DateRange}from"./components/date-range/date-range.component.js";export{DateInput}from"./components/date/date.component.js";export{Decimal}from"./components/decimal/decimal.component.js";export{default as Dl}from"./components/definition-list/dl.component.js";export{default as Dt}from"./components/definition-list/dt/dt.component.js";export{default as Dd}from"./components/definition-list/dd/dd.component.js";export{Detail}from"./components/detail/detail.component.js";export{Dialog}from"./components/dialog/dialog.component.js";export{DismissibleBox}from"./components/dismissible-box/dismissible-box.component.js";export{default as DraggableContainer}from"./components/draggable/draggable-container.component.js";export{default as DraggableItem}from"./components/draggable/draggable-item/draggable-item.component.js";export{Drawer}from"./components/drawer/drawer.component.js";export{DuellingPicklist}from"./components/duelling-picklist/duelling-picklist.component.js";export{default as PicklistDivider}from"./components/duelling-picklist/picklist-divider/picklist-divider.component.js";export{PicklistItem}from"./components/duelling-picklist/picklist-item/picklist-item.component.js";export{Picklist}from"./components/duelling-picklist/picklist/picklist.component.js";export{PicklistPlaceholder}from"./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js";export{PicklistGroup}from"./components/duelling-picklist/picklist-group/picklist-group.component.js";export{Fieldset}from"./components/fieldset/fieldset.component.js";export{FileInput}from"./components/file-input/file-input.component.js";export{FlatTable}from"./components/flat-table/flat-table.component.js";export{FlatTableHead}from"./components/flat-table/flat-table-head/flat-table-head.component.js";export{FlatTableHeader}from"./components/flat-table/flat-table-header/flat-table-header.component.js";export{FlatTableBody}from"./components/flat-table/flat-table-body/flat-table-body.component.js";export{FlatTableRow}from"./components/flat-table/flat-table-row/flat-table-row.component.js";export{FlatTableRowHeader}from"./components/flat-table/flat-table-row-header/flat-table-row-header.component.js";export{FlatTableCell}from"./components/flat-table/flat-table-cell/flat-table-cell.component.js";export{FlatTableCheckbox}from"./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js";export{FlatTableBodyDraggable}from"./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js";export{Sort}from"./components/flat-table/sort/sort.component.js";export{Form}from"./components/form/form.component.js";export{default as RequiredFieldsIndicator}from"./components/form/required-fields-indicator/required-fields-indicator.component.js";export{default as GlobalHeader}from"./components/global-header/global-header.component.js";export{GridContainer}from"./components/grid/grid-container/grid-container.component.js";export{GridItem}from"./components/grid/grid-item/grid-item.component.js";export{GroupedCharacter}from"./components/grouped-character/grouped-character.component.js";export{Heading}from"./components/heading/heading.component.js";export{Help}from"./components/help/help.component.js";export{Hr}from"./components/hr/hr.component.js";export{I18nProvider}from"./components/i18n-provider/i18n-provider.component.js";export{default as IconButton}from"./components/icon-button/icon-button.component.js";export{default as Icon}from"./components/icon/icon.component.js";export{Image}from"./components/image/image.component.js";export{default as InlineInputs}from"./components/inline-inputs/inline-inputs.component.js";export{LinkPreview}from"./components/link-preview/link-preview.component.js";export{Link}from"./components/link/link.component.js";export{Loader}from"./components/loader/loader.component.js";export{LoaderBar}from"./components/loader-bar/loader-bar.component.js";export{LoaderSpinner}from"./components/loader-spinner/loader-spinner.component.js";export{default as LoaderStar}from"./components/loader-star/loader-star.component.js";export{Loader as NextLoader}from"./components/loader/__next__/loader.component.js";export{Menu}from"./components/menu/menu.component.js";export{MenuItem}from"./components/menu/menu-item/menu-item.component.js";export{default as MenuDivider}from"./components/menu/menu-divider/menu-divider.component.js";export{default as MenuSegmentTitle}from"./components/menu/menu-segment-title/menu-segment-title.component.js";export{MenuFullscreen}from"./components/menu/menu-full-screen/menu-full-screen.component.js";export{ScrollableBlock}from"./components/menu/scrollable-block/scrollable-block.component.js";export{Message}from"./components/message/message.component.js";export{default as Modal}from"./components/modal/modal.component.js";export{MultiActionButton}from"./components/multi-action-button/multi-action-button.component.js";export{NavigationBar}from"./components/navigation-bar/navigation-bar.component.js";export{Note}from"./components/note/note.component.js";export{Number}from"./components/number/number.component.js";export{NumeralDate}from"./components/numeral-date/numeral-date.component.js";export{Pager}from"./components/pager/pager.component.js";export{default as Pages}from"./components/pages/pages.component.js";export{default as Page}from"./components/pages/page/page.component.js";export{Password}from"./components/password/password.component.js";export{Pill}from"./components/pill/pill.component.js";export{default as Pod}from"./components/pod/pod.component.js";export{PopoverContainer}from"./components/popover-container/popover-container.component.js";export{Portal}from"./components/portal/portal.js";export{Portrait}from"./components/portrait/portrait.component.js";export{Preview}from"./components/preview/preview.component.js";export{Profile}from"./components/profile/profile.component.js";export{default as ProgressTracker}from"./components/progress-tracker/progress-tracker.component.js";export{default as RadioButton}from"./components/radio-button/radio-button.component.js";export{RadioButtonGroup}from"./components/radio-button/radio-button-group/radio-button-group.component.js";export{Search}from"./components/search/search.component.js";export{default as Option}from"./components/select/option/option.component.js";export{default as OptionRow}from"./components/select/option-row/option-row.component.js";export{default as OptionGroupHeader}from"./components/select/option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./components/select/simple-select/simple-select.component.js";export{FilterableSelect}from"./components/select/filterable-select/filterable-select.component.js";export{MultiSelect}from"./components/select/multi-select/multi-select.component.js";export{default as setupSelectMocks}from"./components/select/setup-select-mocks.js";export{SettingsRow}from"./components/settings-row/settings-row.component.js";export{Sidebar}from"./components/sidebar/sidebar.component.js";export{SimpleColorPicker}from"./components/simple-color-picker/simple-color-picker.component.js";export{SimpleColor}from"./components/simple-color-picker/simple-color/simple-color.component.js";export{SplitButton}from"./components/split-button/split-button.component.js";export{StepFlowTitle}from"./components/step-flow/step-flow-title/step-flow-title.component.js";export{StepFlow}from"./components/step-flow/step-flow.component.js";export{StepSequence}from"./components/step-sequence/step-sequence.component.js";export{StepSequenceItem}from"./components/step-sequence/step-sequence-item/step-sequence-item.component.js";export{Switch}from"./components/switch/switch.component.js";export{Tabs}from"./components/tabs/tabs.component.js";export{TextEditor}from"./components/text-editor/text-editor.component.js";export{createEmpty,createFromHTML}from"./components/text-editor/__internal__/__utils__/helpers.js";import"react/jsx-runtime";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"lexical";import"react";import"react-dom";import"./components/text-editor/__internal__/__ui__/Mentions/constants.js";import"./components/text-editor/__internal__/__ui__/Mentions/mentions.style.js";import"./__internal__/i18n-context/index.js";export{Textarea}from"./components/textarea/textarea.component.js";export{Textbox}from"./components/textbox/textbox.component.js";export{default as TileSelect}from"./components/tile-select/tile-select.component.js";export{TileSelectGroup}from"./components/tile-select/tile-select-group/tile-select-group.component.js";export{Tile}from"./components/tile/tile.component.js";export{default as TileContent}from"./components/tile/tile-content/tile-content.component.js";export{TileFooter}from"./components/tile/tile-footer/tile-footer.component.js";export{TileHeader}from"./components/tile/tile-header/tile-header.component.js";export{FlexTileContainer}from"./components/tile/flex-tile-container/flex-tile-container.component.js";export{FlexTileCell}from"./components/tile/flex-tile-cell/flex-tile-cell.component.js";export{FlexTileDivider}from"./components/tile/flex-tile-divider/flex-tile-divider.component.js";export{default as Time}from"./components/time/time.component.js";export{Toast}from"./components/toast/toast.component.js";export{Tooltip}from"./components/tooltip/tooltip.component.js";export{Typography}from"./components/typography/typography.component.js";export{List,ListItem}from"./components/typography/list.component.js";export{VerticalDivider}from"./components/vertical-divider/vertical-divider.component.js";export{VerticalMenu}from"./components/vertical-menu/vertical-menu.component.js";export{VerticalMenuItem}from"./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js";export{default as useMediaQuery}from"./hooks/useMediaQuery/useMediaQuery.js";import"./components/modal/__internal__/modal.context.js";import"./components/carbon-provider/__internal__/top-modal.context.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js";import"./style/utils/filter-styled-system-padding-props.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js";export{default as useCharacterCount}from"./hooks/useCharacterCount/useCharacterCount.js";export{default as GlobalStyle}from"./style/global-style.js";export{MenuItemDivider as ActionPopoverDivider}from"./components/action-popover/action-popover.style.js";export{Tab}from"./components/tabs/tab/tab.component.js";
|
|
1
|
+
export{Accordion}from"./components/accordion/accordion.component.js";export{AccordionGroup}from"./components/accordion/accordion-group/accordion-group.component.js";export{ActionPopover}from"./components/action-popover/action-popover.component.js";export{default as ActionPopoverMenu}from"./components/action-popover/action-popover-menu/action-popover-menu.component.js";export{ActionPopoverItem}from"./components/action-popover/action-popover-item/action-popover-item.component.js";export{ActionPopoverMenuButton}from"./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"./components/action-popover/action-popover-divider/action-popover-divider.component.js";export{AdaptiveSidebar}from"./components/adaptive-sidebar/adaptive-sidebar.component.js";export{AdvancedColorPicker}from"./components/advanced-color-picker/advanced-color-picker.component.js";export{Alert}from"./components/alert/alert.component.js";export{default as AnchorNavigation}from"./components/anchor-navigation/anchor-navigation.component.js";export{default as AnchorNavigationItem}from"./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js";export{default as AnchorSectionDivider}from"./components/anchor-navigation/anchor-section-divider.component.js";export{Badge}from"./components/badge/badge.component.js";export{BatchSelection}from"./components/batch-selection/batch-selection.component.js";export{Box}from"./components/box/box.component.js";export{Breadcrumbs}from"./components/breadcrumbs/breadcrumbs.component.js";export{default as Crumb}from"./components/breadcrumbs/crumb/crumb.component.js";export{ButtonBar}from"./components/button-bar/button-bar.component.js";export{ButtonMinor}from"./components/button-minor/button-minor.component.js";export{ButtonToggle}from"./components/button-toggle/button-toggle.component.js";export{default as ButtonToggleGroup}from"./components/button-toggle/button-toggle-group/button-toggle-group.component.js";export{default as Button}from"./components/button/button.component.js";export{CarbonProvider}from"./components/carbon-provider/carbon-provider.component.js";export{default as Card}from"./components/card/card.component.js";export{default as CardColumn}from"./components/card/card-column/card-column.component.js";export{default as CardFooter}from"./components/card/card-footer/card-footer.component.js";export{default as CardRow}from"./components/card/card-row/card-row.component.js";export{CheckboxGroup}from"./components/checkbox/checkbox-group/checkbox-group.component.js";export{Checkbox}from"./components/checkbox/checkbox.component.js";export{Confirm}from"./components/confirm/confirm.component.js";export{Content}from"./components/content/content.component.js";export{DateRange}from"./components/date-range/date-range.component.js";export{DateInput}from"./components/date/date.component.js";export{Decimal}from"./components/decimal/decimal.component.js";export{default as Dl}from"./components/definition-list/dl.component.js";export{default as Dt}from"./components/definition-list/dt/dt.component.js";export{default as Dd}from"./components/definition-list/dd/dd.component.js";export{Detail}from"./components/detail/detail.component.js";export{Dialog}from"./components/dialog/dialog.component.js";export{DismissibleBox}from"./components/dismissible-box/dismissible-box.component.js";export{default as DraggableContainer}from"./components/draggable/draggable-container.component.js";export{default as DraggableItem}from"./components/draggable/draggable-item/draggable-item.component.js";export{Drawer}from"./components/drawer/drawer.component.js";export{DuellingPicklist}from"./components/duelling-picklist/duelling-picklist.component.js";export{default as PicklistDivider}from"./components/duelling-picklist/picklist-divider/picklist-divider.component.js";export{PicklistItem}from"./components/duelling-picklist/picklist-item/picklist-item.component.js";export{Picklist}from"./components/duelling-picklist/picklist/picklist.component.js";export{PicklistPlaceholder}from"./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js";export{PicklistGroup}from"./components/duelling-picklist/picklist-group/picklist-group.component.js";export{Fieldset}from"./components/fieldset/fieldset.component.js";export{FileInput}from"./components/file-input/file-input.component.js";export{FlatTable}from"./components/flat-table/flat-table.component.js";export{FlatTableHead}from"./components/flat-table/flat-table-head/flat-table-head.component.js";export{FlatTableHeader}from"./components/flat-table/flat-table-header/flat-table-header.component.js";export{FlatTableBody}from"./components/flat-table/flat-table-body/flat-table-body.component.js";export{FlatTableRow}from"./components/flat-table/flat-table-row/flat-table-row.component.js";export{FlatTableRowHeader}from"./components/flat-table/flat-table-row-header/flat-table-row-header.component.js";export{FlatTableCell}from"./components/flat-table/flat-table-cell/flat-table-cell.component.js";export{FlatTableCheckbox}from"./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js";export{FlatTableBodyDraggable}from"./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js";export{Sort}from"./components/flat-table/sort/sort.component.js";export{Form}from"./components/form/form.component.js";export{default as RequiredFieldsIndicator}from"./components/form/required-fields-indicator/required-fields-indicator.component.js";export{default as GlobalHeader}from"./components/global-header/global-header.component.js";export{GridContainer}from"./components/grid/grid-container/grid-container.component.js";export{GridItem}from"./components/grid/grid-item/grid-item.component.js";export{GroupedCharacter}from"./components/grouped-character/grouped-character.component.js";export{Heading}from"./components/heading/heading.component.js";export{Help}from"./components/help/help.component.js";export{Hr}from"./components/hr/hr.component.js";export{I18nProvider}from"./components/i18n-provider/i18n-provider.component.js";export{default as IconButton}from"./components/icon-button/icon-button.component.js";export{default as Icon}from"./components/icon/icon.component.js";export{Image}from"./components/image/image.component.js";export{default as InlineInputs}from"./components/inline-inputs/inline-inputs.component.js";export{LinkPreview}from"./components/link-preview/link-preview.component.js";export{Link}from"./components/link/link.component.js";export{Loader}from"./components/loader/loader.component.js";export{LoaderBar}from"./components/loader-bar/loader-bar.component.js";export{LoaderSpinner}from"./components/loader-spinner/loader-spinner.component.js";export{default as LoaderStar}from"./components/loader-star/loader-star.component.js";export{Loader as NextLoader}from"./components/loader/__next__/loader.component.js";export{Menu}from"./components/menu/menu.component.js";export{MenuItem}from"./components/menu/menu-item/menu-item.component.js";export{default as MenuDivider}from"./components/menu/menu-divider/menu-divider.component.js";export{default as MenuSegmentTitle}from"./components/menu/menu-segment-title/menu-segment-title.component.js";export{MenuFullscreen}from"./components/menu/menu-full-screen/menu-full-screen.component.js";export{ScrollableBlock}from"./components/menu/scrollable-block/scrollable-block.component.js";export{Message}from"./components/message/message.component.js";export{default as Modal}from"./components/modal/index.js";export{MultiActionButton}from"./components/multi-action-button/multi-action-button.component.js";export{NavigationBar}from"./components/navigation-bar/navigation-bar.component.js";export{Note}from"./components/note/note.component.js";export{Number}from"./components/number/number.component.js";export{NumeralDate}from"./components/numeral-date/numeral-date.component.js";export{Pager}from"./components/pager/pager.component.js";export{default as Pages}from"./components/pages/pages.component.js";export{default as Page}from"./components/pages/page/page.component.js";export{Password}from"./components/password/password.component.js";export{Pill}from"./components/pill/pill.component.js";export{default as Pod}from"./components/pod/pod.component.js";export{PopoverContainer}from"./components/popover-container/popover-container.component.js";export{Portal}from"./components/portal/portal.js";export{Portrait}from"./components/portrait/portrait.component.js";export{Preview}from"./components/preview/preview.component.js";export{Profile}from"./components/profile/profile.component.js";export{default as ProgressTracker}from"./components/progress-tracker/progress-tracker.component.js";export{default as RadioButton}from"./components/radio-button/radio-button.component.js";export{RadioButtonGroup}from"./components/radio-button/radio-button-group/radio-button-group.component.js";export{Search}from"./components/search/search.component.js";export{default as Option}from"./components/select/option/option.component.js";export{default as OptionRow}from"./components/select/option-row/option-row.component.js";export{default as OptionGroupHeader}from"./components/select/option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./components/select/simple-select/simple-select.component.js";export{FilterableSelect}from"./components/select/filterable-select/filterable-select.component.js";export{MultiSelect}from"./components/select/multi-select/multi-select.component.js";export{default as setupSelectMocks}from"./components/select/setup-select-mocks.js";export{SettingsRow}from"./components/settings-row/settings-row.component.js";export{Sidebar}from"./components/sidebar/sidebar.component.js";export{SimpleColorPicker}from"./components/simple-color-picker/simple-color-picker.component.js";export{SimpleColor}from"./components/simple-color-picker/simple-color/simple-color.component.js";export{SplitButton}from"./components/split-button/split-button.component.js";export{StepFlowTitle}from"./components/step-flow/step-flow-title/step-flow-title.component.js";export{StepFlow}from"./components/step-flow/step-flow.component.js";export{StepSequence}from"./components/step-sequence/step-sequence.component.js";export{StepSequenceItem}from"./components/step-sequence/step-sequence-item/step-sequence-item.component.js";export{Switch}from"./components/switch/switch.component.js";export{Tabs}from"./components/tabs/tabs.component.js";export{TextEditor}from"./components/text-editor/text-editor.component.js";export{createEmpty,createFromHTML}from"./components/text-editor/__internal__/__utils__/helpers.js";import"react/jsx-runtime";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"lexical";import"react";import"react-dom";import"./components/text-editor/__internal__/__ui__/Mentions/constants.js";import"./components/text-editor/__internal__/__ui__/Mentions/mentions.style.js";import"./__internal__/i18n-context/index.js";export{Textarea}from"./components/textarea/textarea.component.js";export{Textbox}from"./components/textbox/textbox.component.js";export{default as TileSelect}from"./components/tile-select/tile-select.component.js";export{TileSelectGroup}from"./components/tile-select/tile-select-group/tile-select-group.component.js";export{Tile}from"./components/tile/tile.component.js";export{default as TileContent}from"./components/tile/tile-content/tile-content.component.js";export{TileFooter}from"./components/tile/tile-footer/tile-footer.component.js";export{TileHeader}from"./components/tile/tile-header/tile-header.component.js";export{FlexTileContainer}from"./components/tile/flex-tile-container/flex-tile-container.component.js";export{FlexTileCell}from"./components/tile/flex-tile-cell/flex-tile-cell.component.js";export{FlexTileDivider}from"./components/tile/flex-tile-divider/flex-tile-divider.component.js";export{default as Time}from"./components/time/time.component.js";export{Toast}from"./components/toast/toast.component.js";export{Tooltip}from"./components/tooltip/tooltip.component.js";export{Typography}from"./components/typography/typography.component.js";export{List,ListItem}from"./components/typography/list.component.js";export{VerticalDivider}from"./components/vertical-divider/vertical-divider.component.js";export{VerticalMenu}from"./components/vertical-menu/vertical-menu.component.js";export{VerticalMenuItem}from"./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js";import"react-transition-group";import"./hooks/__internal__/useScrollBlock/useScrollBlock.js";import"./__internal__/modal/modal-manager.js";import"./__internal__/modal/modal.style.js";import"./__internal__/modal/modal.context.js";export{default as useMediaQuery}from"./hooks/useMediaQuery/useMediaQuery.js";import"./components/carbon-provider/__internal__/top-modal.context.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js";import"./style/utils/filter-styled-system-padding-props.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js";export{default as useCharacterCount}from"./hooks/useCharacterCount/useCharacterCount.js";export{default as GlobalStyle}from"./style/global-style.js";export{MenuItemDivider as ActionPopoverDivider}from"./components/action-popover/action-popover.style.js";export{Tab}from"./components/tabs/tab/tab.component.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./focus-trap-utils.js"),r=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./focus-trap-utils.js"),r=require("../modal/modal.context.js"),o=require("../../hooks/__internal__/usePrevious/index.js"),u=require("../../components/carbon-provider/__internal__/top-modal.context.js");function c(e){return e&&e.__esModule?e:{default:e}}var s=c(t);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const a="tab-guard-top",i="tab-guard-bottom";exports.TAB_GUARD_BOTTOM=i,exports.TAB_GUARD_TOP=a,exports.default=({children:c,autoFocus:d=!0,focusableSelectors:f,focusFirstElement:b,bespokeTrap:m,wrapperRef:v,isOpen:p,additionalWrapperRefs:E})=>{const O=t.useRef(null),[j,g]=t.useState(),{isAnimationComplete:x=!0,triggerRefocusFlag:y}=t.useContext(r.default),{topModal:h}=t.useContext(u.default),F=!h||v.current&&h.contains(v.current),S=t.useMemo((()=>(null==E?void 0:E.length)?[v,...E]:[v]),[E,v]),_=t.useMemo((()=>n.onTabGuardFocus(S,f,"top")),[f,S]),P=t.useMemo((()=>n.onTabGuardFocus(S,f,"bottom")),[f,S]);t.useEffect((()=>(null==E||E.forEach((e=>{const{current:t}=e;if(t){var n,r;if(!(null===(n=t.previousElementSibling)||void 0===n?void 0:n.matches(`[data-element=${a}]`))){const n=document.createElement("div");n.tabIndex=0,n.dataset.element=a,t.insertAdjacentElement("beforebegin",n),n.addEventListener("focus",_(e))}if(!(null===(r=t.nextElementSibling)||void 0===r?void 0:r.matches(`[data-element=${i}]`))){const n=document.createElement("div");n.tabIndex=0,n.dataset.element=i,t.insertAdjacentElement("afterend",n),n.addEventListener("focus",P(e))}}})),()=>{null==E||E.forEach((e=>{var t,n;const r=null===(t=e.current)||void 0===t?void 0:t.previousElementSibling;(null==r?void 0:r.matches(`[data-element=${a}]`))&&r.remove();const o=null===(n=e.current)||void 0===n?void 0:n.nextElementSibling;(null==o?void 0:o.matches(`[data-element=${i}]`))&&o.remove()}))})),[E,_,P]);const w=d&&p&&x,A=o.default(w),k=t.useCallback((e=>{const t=[];return S.forEach((n=>{n.current&&t.push(...Array.from(n.current.querySelectorAll(e)).filter((e=>-1!==Number(e.tabIndex))))})),t}),[S]);t.useEffect((()=>{if(w&&!A){const e=b&&"current"in b?b.current:b,t=k(n.defaultFocusableSelectors).find((e=>"true"===e.getAttribute("data-has-autofocus"))),r=e||t||v.current;r&&n.setElementFocus(r)}}),[w,A,k,b,v]),t.useEffect((()=>{const e=e=>{if(!F||!p)return;const t=k(n.defaultFocusableSelectors);n.trapFunction(e,t,document.activeElement===v.current,f,m)};return document.addEventListener("keydown",e,!0),function(){document.removeEventListener("keydown",e,!0)}}),[m,v,f,k,F,p]);const T=t.useCallback((()=>{const e=k(f||n.defaultFocusableSelectors),t=null==e?void 0:e.find((e=>e===document.activeElement));t&&g(t)}),[k,f]),q=t.useCallback((()=>{var e;if(j&&!j.hasAttribute("disabled"))n.setElementFocus(j);else if(null===(e=v.current)||void 0===e?void 0:e.hasAttribute("tabindex"))n.setElementFocus(v.current);else{const e=k(f||n.defaultFocusableSelectors);e.length&&n.setElementFocus(e[0])}}),[j,v,f,k]);t.useEffect((()=>{y&&q()}),[y,q]);const[C,I]=t.useState(0);t.useEffect((()=>{p||I(0)}),[p]);const M=()=>{p&&I(void 0)},D=e=>{return t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){l(e,t,n[t])}))}return e}({},e&&{tabIndex:C,onBlur:M}),n=null!=(n={onFocus:T})?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})),t;var t,n},R=s.default.Children.map(c,(e=>{var t;const n=e;return s.default.cloneElement(n,D(void 0===(null==n||null===(t=n.props)||void 0===t?void 0:t.tabIndex)))}));return e.jsxs("div",{ref:O,children:[p&&e.jsx("div",{"data-element":a,tabIndex:0,onFocus:_(v)}),R,p&&e.jsx("div",{"data-element":i,tabIndex:0,onFocus:P(v)})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./modal.component.js");exports.default=e.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../dom/globals.js");function o(t,o,e){return o in t?Object.defineProperty(t,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[o]=e,t}class e{getTopModal(){return this.modalList.length?this.modalList.slice().reverse().find((t=>t.topModalOverride))||this.modalList[this.modalList.length-1]:{}}isTopmost(t){const{modal:o}=this.getTopModal();return!(!t||!o)&&t===o}removeModal(t,o=!0){const e=this.modalList.findIndex((({modal:o})=>o===t));if(-1===e)return;if(this.modalList.splice(e,1),this.callTopModalSetters(),!this.modalList.length)return;const{setTriggerRefocusFlag:s}=this.getTopModal();s&&o&&s(!0)}clearList(){const o=t.getWindow(),e=[];o&&(o.__CARBON_INTERNALS_MODAL_LIST=e),this.modalList=e,this.callTopModalSetters()}callTopModalSetters(){const o=t.getWindow();if(null==o?void 0:o.__CARBON_INTERNALS_MODAL_SETTER_LIST){var e;const t=(null===(e=this.getTopModal())||void 0===e?void 0:e.modal)||null;for(const e of o.__CARBON_INTERNALS_MODAL_SETTER_LIST)e(t)}}constructor(){o(this,"modalList",void 0),o(this,"addModal",((t,o,e)=>{if(!t)return;const{modal:s,setTriggerRefocusFlag:l,topModalOverride:i}=this.getTopModal();!i&&s&&l&&l(!1),this.modalList.push({modal:t,setTriggerRefocusFlag:o,topModalOverride:e}),this.callTopModalSetters()}));const e=t.getWindow();e?(e.__CARBON_INTERNALS_MODAL_LIST||(e.__CARBON_INTERNALS_MODAL_LIST=[]),this.modalList=e.__CARBON_INTERNALS_MODAL_LIST):this.modalList=[]}}const s=new e;exports.ModalManagerInstance=e,exports.default=s;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-transition-group"),o=require("../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),n=require("../../components/portal/portal.js"),l=require("../dom/globals.js"),a=require("../utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useModalManager/useModalManager.js"),i=require("./modal.style.js"),c=require("./modal.context.js");function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(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){u(e,r,t[r])}))}return e}const p=300;exports.default=u=>{var{children:f,"data-element":m,"data-role":b="modal",open:O,onCancel:j,disableEscKey:g=!1,disableClose:y,enableBackgroundUI:v=!1,topModalOverride:h,restoreFocusOnClose:S=!0}=u,P=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}(u,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const k=r.useRef(null),x=r.useRef(null),M=r.useRef(null),[w,E]=r.useState(!1),[C,q]=r.useState(!1),{blockScroll:_,allowScroll:R}=o.default();r.useEffect((()=>{v||(O?_():R())}),[R,_,v,O]),r.useEffect((()=>()=>{v||R()}),[R,v]);const T=r.useCallback((e=>{j&&!y&&!g&&a.default.isEscKey(e)&&(e.stopImmediatePropagation(),j(e))}),[y,g,j]),B=l.getDocument();let D,I;return s.default({open:O,closeModal:T,modalRef:k,setTriggerRefocusFlag:q,topModalOverride:h,focusCallToActionElement:S&&B?B.activeElement:void 0}),O&&(D=v?null:e.jsx(i.StyledModalBackground,{ref:x,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:p}),I=f),e.jsx(n.Portal,{children:e.jsxs(i.StyledModal,(F=d({"data-component":"modal","data-element":m,"data-role":b,"data-state":O?"open":"closed",transitionName:"modal",transitionTime:p,topModalOverride:h,ref:k},P),N={children:[e.jsx(t.TransitionGroup,{children:D&&e.jsx(t.CSSTransition,{nodeRef:x,appear:!0,classNames:"modal-background",timeout:p,onEntered:()=>E(!0),onExiting:()=>E(!1),children:D},"modal")}),e.jsx(t.TransitionGroup,{children:I&&e.jsx(t.CSSTransition,{nodeRef:M,appear:!0,classNames:"modal",timeout:p,children:e.jsx(c.default.Provider,{value:{isAnimationComplete:w,triggerRefocusFlag:C,isInModal:!0},children:e.jsx("div",{ref:M,children:I})})})})]},N=null!=N?N:{},Object.getOwnPropertyDescriptors?Object.defineProperties(F,Object.getOwnPropertyDescriptors(N)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(N)).forEach((function(e){Object.defineProperty(F,e,Object.getOwnPropertyDescriptor(N,e))})),F))});var F,N};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("@floating-ui/dom"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("@floating-ui/dom"),l=require("../../hooks/__internal__/useFloating/useFloating.js"),o=require("./popover.style.js"),a=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),d=require("../modal/modal.context.js");function i(e){return e&&e.__esModule?e:{default:e}}var u=i(r),c=i(t);const s=[n.flip({fallbackStrategy:"initialPlacement"})];exports.default=({children:t,placement:n,disablePortal:i,reference:p,middleware:f=s,disableBackgroundUI:m,isOpen:v=!0,animationFrame:y,popoverStrategy:g="absolute",childRefOverride:h})=>{var j;const b=r.useRef(null),{isInModal:x}=r.useContext(d.default),k=null===(j=p.current)||void 0===j?void 0:j.closest("[role='dialog']"),q=x&&k?k:document.body;b.current||i||(b.current=document.createElement("div"),q.appendChild(b.current));const _=h||u.default.Children.only(t).ref,C=r.useRef(null),O=_||C;let P;return P=_?t:u.default.cloneElement(t,{ref:O}),l.default({isOpen:v,reference:p,floating:O,placement:n,middleware:f,animationFrame:y,strategy:g}),r.useEffect((()=>()=>{!i&&b.current&&(q.removeChild(b.current),b.current=null)}),[i,q]),m||(P=e.jsx(o.StyledPopoverContent,{isOpen:v,children:P})),m&&(P=e.jsx(o.StyledPopoverContent,{isOpen:v,children:e.jsx(o.StyledBackdrop,{"data-role":"popup-backdrop",children:P})})),i?P:c.default.createPortal(e.jsx(a.default,{children:P}),b.current)};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { MarginProps } from "styled-system";
|
|
3
|
-
import { ModalProps } from "
|
|
3
|
+
import { ModalProps } from "../../__internal__/modal";
|
|
4
4
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
5
5
|
export interface AdvancedColor {
|
|
6
6
|
label: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { RefObject } from "react";
|
|
2
2
|
import { DialogSizes } from "./dialog.config";
|
|
3
|
-
import { ModalProps } from "
|
|
3
|
+
import { ModalProps } from "../../__internal__/modal";
|
|
4
4
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
5
5
|
type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
6
6
|
export interface ContentPaddingInterface {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),l=require("../heading/heading.component.js"),a=require("../icon/icon.component.js"),o=require("../icon-button/icon-button.component.js"),n=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),l=require("../heading/heading.component.js"),a=require("../icon/icon.component.js"),o=require("../icon-button/icon-button.component.js"),n=require("../../__internal__/modal/modal.component.js"),i=require("../../__internal__/focus-trap/focus-trap.component.js"),s=require("../../__internal__/full-screen-heading/full-screen-heading.component.js"),d=require("../../__internal__/utils/helpers/guid/index.js"),c=require("../../__internal__/utils/helpers/tags/tags.js"),u=require("../../__internal__/utils/logger/index.js"),p=require("../../hooks/__internal__/useLocale/useLocale.js"),b=require("../../hooks/__internal__/useModalAria/useModalAria.js");function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){f(e,t,r[t])}))}return e}function h(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}let y=!1,j=!1;const m=t.forwardRef(((f,m)=>{var{className:O,"data-component":_="dialog","data-element":v="dialog","data-role":C,children:x,open:P,height:w,size:S="medium",title:q,disableEscKey:D,subtitle:k,disableAutoFocus:F=!1,focusFirstElement:I,focusableSelectors:R,onCancel:E,showCloseIcon:M=!0,bespokeFocusTrap:T,disableClose:B,help:H,highlightVariant:A="default",role:z="dialog",contentPadding:K,greyBackground:L=!1,focusableContainers:N,topModalOverride:V,closeButtonDataProps:U,restoreFocusOnClose:$=!0,"aria-labelledby":W,"aria-describedby":Y,"aria-label":G,pagesStyling:J,headerChildren:Q,disableContentPadding:X,contentRef:Z,fullscreen:ee=!1}=f,te=function(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},o=Object.keys(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(f,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const re=p.default(),le=t.useRef(null),ae=t.useRef(null),oe=t.useRef(null),{current:ne}=t.useRef(d.default()),{current:ie}=t.useRef(d.default()),se=b.default(le);!y&&B&&(y=!0,u.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!j&&J&&(j=!0,u.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),t.useImperativeHandle(m,(()=>({focus(){var e;null===(e=le.current)||void 0===e||e.focus()}})),[]);const de=M&&E&&e.jsx(o.default,h(g({"aria-label":re.dialog.ariaLabels.close(),disabled:B,onClick:E},c.default("close",g({"data-element":"close"},U))),{children:e.jsx(a.default,{type:"close"})}));let ce=w;w&&w.match(/px$/)&&(ce=w.replace("px",""));const ue={"aria-describedby":k&&"string"==typeof k?ie:Y,"aria-label":G,"aria-labelledby":q&&"string"==typeof q?ne:W};return e.jsx(n.default,h(g({className:O?`${O} carbon-dialog`:"carbon-dialog",disableClose:B,disableEscKey:D,onCancel:E,open:P,restoreFocusOnClose:$,topModalOverride:V},c.default("dialog",te),te),{children:e.jsx(i.default,{additionalWrapperRefs:N,autoFocus:!F,bespokeTrap:T,focusableSelectors:R,focusFirstElement:I,isOpen:P,wrapperRef:le,children:e.jsx(r.DialogPositioner,{fullscreen:ee,children:e.jsxs(r.StyledDialog,h(g(h(g({"aria-modal":!("dialog"!==z||!se)||void 0},ue),{backgroundColor:L?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":_,"data-element":v,"data-role":C,dialogHeight:ce,fullscreen:ee,highlightVariant:A,pagesStyling:J,ref:le,role:z,size:S,tabIndex:-1}),K),{children:[q||Q?ee?e.jsxs(s.default,{hasContent:!!q,hasCloseButton:M,ref:ae,children:["string"==typeof q?e.jsx(l.Heading,{"data-element":"dialog-title",title:q,titleId:ne,subheader:k,subtitleId:ie,divider:!1,help:H}):q,Q]}):e.jsx(r.StyledDialogTitle,{hasSubtitle:!!k,ref:oe,showCloseIcon:M,children:"string"==typeof q?e.jsx(l.Heading,{"data-element":"dialog-title",divider:!1,help:H,subheader:k,subtitleId:ie,title:q,titleId:ne}):q}):null,de,e.jsx(r.StyledDialogContent,h(g({},K),{"data-role":"dialog-content",disableContentPadding:X,fullscreen:ee,hasHeader:void 0!==q,tabIndex:-1,ref:Z,children:x}))]}))})})}))}));exports.Dialog=m,exports.default=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./__internal__/form-summary.component.js"),o=require("./form.style.js"),i=require("./form.config.js"),l=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./__internal__/form-summary.component.js"),o=require("./form.style.js"),i=require("./form.config.js"),l=require("../../__internal__/modal/modal.context.js");function u(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),n.forEach((function(e){u(t,e,r[e])}))}return t}function s(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const c=u=>{var{children:c,saveButton:f,leftSideButtons:d,rightSideButtons:m,errorCount:y,warningCount:b,onSubmit:g,buttonAlignment:p="right",footerChildren:h,stickyFooter:j,stickyFooterVariant:O="light",fieldSpacing:S=3,noValidate:x=!0,height:F,fullWidthButtons:P=!1,footerPadding:w={}}=u,_=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(u,["children","saveButton","leftSideButtons","rightSideButtons","errorCount","warningCount","onSubmit","buttonAlignment","footerChildren","stickyFooter","stickyFooterVariant","fieldSpacing","noValidate","height","fullWidthButtons","footerPadding"]);const v=e.useRef(null),k=e.useRef(null),{isInModal:B}=e.useContext(l.default),C=!!(h||f||d||m||y||b);return t.jsxs(o.StyledForm,s(a({ref:v,className:j?"sticky":"",stickyFooter:j,onSubmit:g,"data-component":"form",noValidate:x,height:F,isInModal:B},_,r.default("form",_)),{children:[t.jsx(o.StyledFormContent,{"data-element":"form-content","data-role":"form-content",stickyFooter:j,tabIndex:-1,isInModal:B,fieldSpacing:i.formSpacing[S],children:c}),C&&t.jsx(o.StyledFormFooter,s(a(s(a({"data-element":"form-footer","data-role":"form-footer",ref:k,hasFooterChildren:!!h,stickyFooter:j},j&&{stickyFooterVariant:O}),{buttonAlignment:p,fullWidthButtons:P}),w),{children:h||t.jsxs(t.Fragment,{children:[d&&t.jsx(o.StyledLeftButtons,{"data-role":"form-left-buttons",buttonAlignment:p,children:d}),t.jsx(n.default,{fullWidth:P,errorCount:y,warningCount:b,children:f}),m&&t.jsx(o.StyledRightButtons,{"data-role":"form-right-buttons",buttonAlignment:p,children:m})]})}))]}))};c.displayName="Form",exports.Form=c,exports.default=c;
|
|
@@ -1,2 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type ModalProps as InternalModalProps } from "../../__internal__/modal";
|
|
3
|
+
/** @deprecated `Modal` is deprecated. Please use `Dialog` instead. */
|
|
4
|
+
declare const Modal: (props: InternalModalProps) => React.JSX.Element;
|
|
5
|
+
/** @deprecated `Modal` is deprecated. Please use `Dialog` instead. */
|
|
6
|
+
type ModalProps = InternalModalProps;
|
|
7
|
+
export default Modal;
|
|
8
|
+
export type { ModalProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/utils/logger/index.js"),t=require("../../__internal__/modal/modal.component.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let o=!1;exports.default=a=>(o||(o=!0,r.default.deprecate("Carbon `Modal` is deprecated. Please use `Dialog` instead.")),e.jsx(t.default,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){n(e,r,t[r])}))}return e}({},a)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-transition-group"),n=require("@floating-ui/dom"),o=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("./popover-container.style.js"),i=require("../icon/icon.component.js"),l=require("../../__internal__/popover/popover.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../style/utils/filter-styled-system-padding-props.js"),d=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),c=require("../../__internal__/utils/helpers/events/events.js"),p=require("../../__internal__/focus-trap/focus-trap.component.js"),f=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-transition-group"),n=require("@floating-ui/dom"),o=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("./popover-container.style.js"),i=require("../icon/icon.component.js"),l=require("../../__internal__/popover/popover.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../style/utils/filter-styled-system-padding-props.js"),d=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),c=require("../../__internal__/utils/helpers/events/events.js"),p=require("../../__internal__/focus-trap/focus-trap.component.js"),f=require("../../__internal__/modal/modal.context.js"),b=require("../../hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js"),m=require("../../__internal__/utils/helpers/tags/tags.js"),v=require("../../__internal__/focus-trap/focus-trap-utils.js"),x=require("../flat-table/__internal__/flat-table.context.js"),j=require("../global-header/__internal__/global-header.context.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 _(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 O=({tabIndex:t,onClick:r,"data-element":n,ref:o,"aria-label":l,id:s,"aria-expanded":u,"aria-haspopup":d})=>e.jsx(a.PopoverContainerOpenIcon,{tabIndex:t,onClick:r,"data-element":n,ref:o,"aria-label":l,"aria-haspopup":d,"aria-expanded":u,id:s,children:e.jsx(i.default,{type:"settings"})}),g=({"data-element":t,tabIndex:r,onClick:n,ref:o,"aria-label":l,closeButtonDataProps:s})=>e.jsx(a.PopoverContainerCloseIcon,_(h({tabIndex:r,onClick:n,ref:o,"aria-label":l},m.default("close",h({"data-element":t},s))),{children:e.jsx(i.default,{type:"close"})})),C=t.forwardRef(((i,y)=>{var{children:C,title:P,borderRadius:k,position:q="right",offset:w=6,open:S,onOpen:A,onClose:I,renderOpenComponent:B=O,renderCloseComponent:E=g,shouldCoverButton:R=!1,ariaDescribedBy:D,openButtonAriaLabel:L,closeButtonAriaLabel:F="close",containerAriaLabel:M,closeButtonDataProps:H,disableAnimation:W=!1,hasFullWidth:T=!1}=i,$=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["children","title","borderRadius","position","offset","open","onOpen","onClose","renderOpenComponent","renderCloseComponent","shouldCoverButton","ariaDescribedBy","openButtonAriaLabel","closeButtonAriaLabel","containerAriaLabel","closeButtonDataProps","disableAnimation","hasFullWidth"]);const G=void 0!==S,[Q,z]=t.useState(!1),K=t.useRef(null),N=t.useRef(null),U=t.useRef(null),J=t.useRef(s.default()),V=t.useRef(null),X=P?`PopoverContainer_${J.current}`:void 0,Y=G?S:Q,Z=!o.default("screen and (prefers-reduced-motion: no-preference)"),ee=function(e,r,o){return t.useMemo((()=>[n.offset(e?({rects:e})=>({mainAxis:-e.reference.height}):o),n.flip({fallbackStrategy:"initialPlacement"}),...r?[n.shift()]:[]]),[e,r,o])}(R,"center"===q,w),{isInFlatTable:te}=t.useContext(x.default),re=t.useCallback((e=>{var t;G||z(!1),null==I||I(e),Y&&(null===(t=N.current)||void 0===t||t.focus())}),[G,Y,I]),ne=t.useCallback((e=>{!c.default.composedPath(e).find((e=>e instanceof HTMLElement&&"input"===e.getAttribute("data-element")&&"true"===e.getAttribute("aria-expanded")))&&Y&&c.default.isEscKey(e)&&re(e)}),[re,Y]);t.useEffect((()=>(document.addEventListener("keydown",ne),()=>{document.removeEventListener("keydown",ne)})),[ne]),t.useEffect((()=>{var e;!R&&Y&&(null===(e=V.current)||void 0===e||e.focus({preventScroll:!0}))}),[Y,R,V]),b.default(R?void 0:V,R?void 0:N,re);const oe=t.useCallback((e=>{const t=Array.from(document.querySelectorAll(v.defaultFocusableSelectors)||[]).filter((e=>e===N.current||-1!==Number(e.tabIndex))),r=t.indexOf(N.current);t[r+1].focus(),re(e)}),[]),ae=(e,t)=>{var r;"next"===e&&oe?oe(t):"prev"===e&&(null===(r=N.current)||void 0===r||r.focus())},ie={tabIndex:0,"aria-expanded":Y,"aria-haspopup":"dialog",isOpen:Y,"data-element":"popover-container-open-component",onClick:e=>{G||z(!Y),Y?null==I||I(e):null==A||A(e)},ref:N,"aria-label":L||P,id:Y?void 0:X,"data-popover-container-button":"true"},le={"data-element":"popover-container-close-component",tabIndex:0,onClick:e=>{re(e)},ref:K,"aria-label":F,closeButtonDataProps:H},se=d.default((e=>{G||z(!1),Y&&(null==I||I(e))}),"mousedown"),[ue,de]=t.useState(!1),{isWithinGlobalHeader:ce}=j.useGlobalHeader();t.useImperativeHandle(y,(()=>({focusButton(){var e;null===(e=N.current)||void 0===e||e.focus()}})),[]);const pe=()=>e.jsxs(a.PopoverContainerContentStyle,_(h({"data-element":"popover-container-content",role:"dialog","aria-labelledby":X,"aria-label":M,"aria-describedby":D,p:"16px 24px",$borderRadius:k,$popoverOffset:w,ref:V,tabIndex:-1,disableAnimation:W||Z,zIndex:ce?1e4:2e3},u.default($)),{children:[e.jsxs(a.PopoverContainerHeaderStyle,{children:[P&&e.jsx(a.PopoverContainerTitleStyle,{id:X,"data-element":"popover-container-title",children:P}),E(le)]}),C]}));return e.jsxs(a.PopoverContainerWrapperStyle,_(h({onMouseDown:se,hasFullWidth:T},m.default("popover-container",$)),{children:[e.jsx("div",{ref:U,children:B(ie)}),e.jsx(r.CSSTransition,{nodeRef:V,timeout:{exit:W?0:300},in:Y,unmountOnExit:!0,onEntered:R?()=>de(!0):void 0,onExiting:R?()=>de(!1):void 0,children:e.jsx(l.default,{reference:U,placement:"center"===q?"bottom":"right"===q?"bottom-start":"bottom-end",popoverStrategy:W||Z?"fixed":"absolute",middleware:ee,childRefOverride:V,disableBackgroundUI:te,children:R?e.jsx(f.default.Provider,{value:{isAnimationComplete:ue},children:e.jsx(p.default,{wrapperRef:V,isOpen:Y,children:pe()})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{"data-element":"tab-guard-top",tabIndex:0,onFocus:e=>ae("prev",e)}),pe(),e.jsx("div",{"data-element":"tab-guard-bottom",tabIndex:0,onFocus:e=>ae("next",e)})]})})})]}))}));exports.PopoverContainer=C,exports.default=C,exports.renderClose=g,exports.renderOpen=O;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { RefObject } from "react";
|
|
2
2
|
import { PaddingProps, WidthProps } from "styled-system";
|
|
3
|
-
import { ModalProps } from "
|
|
3
|
+
import { ModalProps } from "../../__internal__/modal";
|
|
4
4
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
5
5
|
export interface SidebarProps extends PaddingProps, TagProps, WidthProps, Pick<ModalProps, "topModalOverride" | "restoreFocusOnClose"> {
|
|
6
6
|
/** Prop to specify the aria-describedby property of the component */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/modal/modal.component.js"),a=require("./sidebar.style.js"),n=require("../icon-button/icon-button.component.js"),o=require("../icon/icon.component.js"),l=require("../../__internal__/focus-trap/focus-trap.component.js"),s=require("./__internal__/sidebar-header/sidebar-header.component.js"),i=require("../../__internal__/utils/helpers/guid/index.js"),d=require("../../hooks/__internal__/useLocale/useLocale.js"),c=require("../../style/utils/filter-styled-system-padding-props.js"),u=require("../../__internal__/utils/helpers/tags/tags.js"),b=require("../../hooks/__internal__/useModalAria/useModalAria.js"),p=require("./__internal__/sidebar.context.js");function f(e){return e&&e.__esModule?e:{default:e}}function y(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){y(e,r,t[r])}))}return e}function O(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const _=f(r).default.forwardRef(((f,y)=>{var{"aria-describedby":_,"aria-label":h,"aria-labelledby":m,"data-element":g="sidebar","data-role":P,open:S,bespokeFocusTrap:x,closeButtonDataProps:v,disableAutoFocus:w=!1,disableEscKey:q=!1,enableBackgroundUI:k=!1,header:C,headerVariant:F="light",subHeader:E,position:M="right",size:D="medium",children:I,onCancel:R,role:B="dialog",focusFirstElement:H,focusableContainers:A,focusableSelectors:N,width:z,headerPadding:K={},subHeaderPadding:L={},topModalOverride:T,restoreFocusOnClose:U=!0,className:V}=f,W=function(e,r){if(null==e)return{};var t,a,n=function(e,r){if(null==e)return{};var t,a,n={},o=Object.keys(e);for(a=0;a<o.length;a++)t=o[a],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(f,["aria-describedby","aria-label","aria-labelledby","data-element","data-role","open","bespokeFocusTrap","closeButtonDataProps","disableAutoFocus","disableEscKey","enableBackgroundUI","header","headerVariant","subHeader","position","size","children","onCancel","role","focusFirstElement","focusableContainers","focusableSelectors","width","headerPadding","subHeaderPadding","topModalOverride","restoreFocusOnClose","className"]);const G=d.default(),{current:J}=r.useRef(i.default()),{current:Q}=r.useRef(i.default()),X=r.useRef(null),Y=r.useCallback((e=>{X.current=e,y&&("object"==typeof y&&(y.current=e),"function"==typeof y&&y(e))}),[y]),Z=b.default(X),$=()=>R?e.jsx(n.default,O(j({"aria-label":G.sidebar.ariaLabels.close(),onClick:R},u.default("close",j({"data-element":"close"},v))),{children:e.jsx(o.default,{type:"close"})})):null,ee=e.jsxs(a.StyledSidebar,{"aria-modal":!k&&Z,"aria-describedby":_||Q,"aria-label":h,"aria-labelledby":m||h?m:J,"data-component":"sidebar","data-element":g,"data-role":P,ref:Y,position:M,size:D,onCancel:R,role:B,width:z,className:V,children:[C&&e.jsx(s.default,O(j({headerVariant:F,closeIcon:$()},K),{id:J,children:C})),E&&e.jsx(s.SidebarSubHeader,O(j({},L),{id:Q,children:E})),!C&&$(),e.jsx(a.StyledSidebarContent,O(j({"data-element":"sidebar-content","data-role":"sidebar-content"},c.default(W)),{children:e.jsx(p.default.Provider,{value:{isInSidebar:!0},children:I})}))]});return e.jsx(t.default,{open:S,onCancel:R,disableEscKey:q,enableBackgroundUI:k,topModalOverride:T,restoreFocusOnClose:U,children:k?ee:e.jsx(l.default,{wrapperRef:X,isOpen:S,additionalWrapperRefs:A,focusableSelectors:N,focusFirstElement:H,autoFocus:!w,bespokeTrap:x,children:ee})})}));_.displayName="Sidebar",exports.Sidebar=_,exports.default=_;
|
package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalContentEditable"),i=require("react"),t=require("./content-editor.style.js");require("../../__plugins__/AutoLinker/auto-link.component.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("@lexical/headless"),require("@lexical/html"),require("lexical"),require("@lexical/code"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("../../../text-editor.context.js");var n=require("../../__plugins__/useCursorAtEnd/index.js");require("../CharacterCounter/character-counter.style.js"),require("lodash/debounce"),require("../../../../../__internal__/i18n-context/index.js");var o=require("../LinkPreviewer/link-previewer.component.js");require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("../Mentions/constants.js"),require("../Mentions/mentions.style.js"),require("../../../../tooltip/tooltip.component.js"),require("../../../../portrait/portrait.style.js"),require("../../../../../style/utils/filter-styled-system-padding-props.js"),require("../Placeholder/placeholder.style.js"),require("@lexical/utils"),require("../Toolbar/toolbar.style.js"),require("../../../../button/button.component.js"),require("../../../../box/box.component.js"),require("../Toolbar/buttons/typography-dropdown/dropdown.style.js"),require("../../../../icon/icon.component.js"),require("../Toolbar/button-group/button-group.style.js"),require("../../../../../__internal__/form-field/form-field.component.js"),require("../../../../../__internal__/hint-text/hint-text.style.js"),require("../../../../carbon-provider/__internal__/new-validation.context.js"),require("../../../../../__internal__/input/input.component.js"),require("../../../../../__internal__/input/input-presentation.style.js"),require("../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),require("invariant"),require("../../../../../__internal__/validations/validation-icon.style.js"),require("../../../../../__internal__/validation-message/validation-message.style.js"),require("../../../../numeral-date/__internal__/numeral-date.context.js"),require("../../../../../__internal__/character-count/character-count.style.js"),require("../../../../textbox/textbox.style.js"),require("../../../../textbox/__internal__/prefix.style.js"),require("../../../../dialog/dialog.style.js"),require("../../../../heading/heading.style.js"),require("../../../../icon-button/icon-button.component.js"),require("react-transition-group"),require("../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),require("../../../../portal/portal.js"),require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalContentEditable"),i=require("react"),t=require("./content-editor.style.js");require("../../__plugins__/AutoLinker/auto-link.component.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("@lexical/headless"),require("@lexical/html"),require("lexical"),require("@lexical/code"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("../../../text-editor.context.js");var n=require("../../__plugins__/useCursorAtEnd/index.js");require("../CharacterCounter/character-counter.style.js"),require("lodash/debounce"),require("../../../../../__internal__/i18n-context/index.js");var o=require("../LinkPreviewer/link-previewer.component.js");require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("../Mentions/constants.js"),require("../Mentions/mentions.style.js"),require("../../../../tooltip/tooltip.component.js"),require("../../../../portrait/portrait.style.js"),require("../../../../../style/utils/filter-styled-system-padding-props.js"),require("../Placeholder/placeholder.style.js"),require("@lexical/utils"),require("../Toolbar/toolbar.style.js"),require("../../../../button/button.component.js"),require("../../../../box/box.component.js"),require("../Toolbar/buttons/typography-dropdown/dropdown.style.js"),require("../../../../icon/icon.component.js"),require("../Toolbar/button-group/button-group.style.js"),require("../../../../../__internal__/form-field/form-field.component.js"),require("../../../../../__internal__/hint-text/hint-text.style.js"),require("../../../../carbon-provider/__internal__/new-validation.context.js"),require("../../../../../__internal__/input/input.component.js"),require("../../../../../__internal__/input/input-presentation.style.js"),require("../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),require("invariant"),require("../../../../../__internal__/validations/validation-icon.style.js"),require("../../../../../__internal__/validation-message/validation-message.style.js"),require("../../../../numeral-date/__internal__/numeral-date.context.js"),require("../../../../../__internal__/character-count/character-count.style.js"),require("../../../../textbox/textbox.style.js"),require("../../../../textbox/__internal__/prefix.style.js"),require("../../../../dialog/dialog.style.js"),require("../../../../heading/heading.style.js"),require("../../../../icon-button/icon-button.component.js"),require("react-transition-group"),require("../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),require("../../../../portal/portal.js"),require("../../../../../__internal__/modal/modal-manager.js"),require("../../../../../__internal__/modal/modal.style.js"),require("../../../../../__internal__/modal/modal.context.js"),require("../../../../carbon-provider/__internal__/top-modal.context.js"),require("../../../../../__internal__/full-screen-heading/full-screen-heading.component.js"),require("../../../../form/form.component.js"),require("../../../../form/required-fields-indicator/required-fields-indicator.component.js");const a=i.forwardRef((({inputHint:i,namespace:a,previews:l=[],rows:s,readOnly:u,required:c,error:d,warning:_,validationMessagePositionTop:q,size:p="medium"},j)=>{const m=n.default(),x=d||_?`${a}-validation-message`:"",b=i?`${a}-input-hint`:"",y=(q?`${x} ${b}`:`${b} ${x}`).trim();return e.jsxs(t.default,{"data-role":`${a}-content-editable`,error:d,warning:_,namespace:a,rows:s,readOnly:u,size:p,children:[e.jsx(r.ContentEditable,{ref:j,"aria-describedby":y,"aria-labelledby":`${a}-label`,"aria-required":c,"aria-invalid":d,className:`${a}-editable`,"data-role":`${a}-editable`,onBlur:e=>{var r;if(null===(r=e.relatedTarget)||void 0===r?void 0:r.classList.contains("toolbar-button")){var i;const r=null===(i=e.relatedTarget)||void 0===i?void 0:i.id;if(r){const e=document.querySelector(`[id="${r}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")||m(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e.jsx(o.default,{previews:l})]})}));exports.default=a;
|
package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./__internal__/depth.context.js"),n=require("./__internal__/focus.context.js"),i=require("./responsive-vertical-menu.context.js"),o=require("./responsive-vertical-menu.style.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./__internal__/depth.context.js"),n=require("./__internal__/focus.context.js"),i=require("./responsive-vertical-menu.context.js"),o=require("./responsive-vertical-menu.style.js"),l=require("../../box/box.component.js"),u=require("../../../__internal__/modal/modal.component.js"),s=require("../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),a=require("../../../hooks/useMediaQuery/useMediaQuery.js"),c=require("../../../hooks/__internal__/useLocale/useLocale.js"),d=require("../../../__internal__/focus-trap/focus-trap.component.js"),p=require("../../../__internal__/utils/helpers/tags/tags.js"),v=require("../../../__internal__/utils/helpers/events/events.js");function f(e){return e&&e.__esModule?e:{default:e}}var h=f(r);function m(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]:{},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){m(e,r,t[r])}))}return e}function y(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function j(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}const w=r.forwardRef(((t,n)=>{var f,{children:m,height:w,responsiveBreakpoint:x=700,width:g,launcherButtonDataProps:_}=t,O=j(t,["children","height","responsiveBreakpoint","width","launcherButtonDataProps"]);const M=c.default(),{active:k,activeMenuItem:E,buttonRef:L,containerRef:P,menuRef:R,responsiveMode:q,top:S,setActive:C,setActiveMenuItem:B,setReducedMotion:T,setResponsiveMode:I,setLeft:D,setTop:z}=i.useResponsiveVerticalMenu(),[A,V]=r.useState(0),$=s.default(x),[F,G]=r.useState("100%"),Q=!a.default("screen and (prefers-reduced-motion: no-preference)"),H=r.useRef(null),{current:W}=R,{current:J}=L;r.useImperativeHandle(n,(()=>({focusLaunchButton(){null==J||J.focus({preventScroll:!0})}})),[J]);const K=r.useCallback((()=>{if(k&&q){const e=W||document.querySelector("[id='responsive-vertical-menu-primary']");e&&G(`${e.getBoundingClientRect().width}px`)}D(E&&W?`${W.getBoundingClientRect().right}px`:"auto"),z(E&&J?`${J.getBoundingClientRect().bottom}px`:"auto")}),[k,W,q,E,J]),N=r.useCallback((e=>{P.current&&!P.current.contains(e.target)&&C(!1)}),[P]),U=r.useCallback((()=>{C((e=>!e)),B(null)}),[k,C,B]);r.useLayoutEffect((()=>(K(),window.addEventListener("resize",K),()=>{var e;null===(e=window)||void 0===e||e.removeEventListener("resize",K)})),[k,K,W,q]);const X=r.useRef(!1),Y=r.useRef(null);r.useEffect((()=>{const e=()=>{X.current=!0,null!==Y.current&&clearTimeout(Y.current),Y.current=window.setTimeout((()=>{X.current=!1}),100)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==Y.current&&clearTimeout(Y.current)}}),[]),r.useEffect((()=>{let e=null;const r=r=>{P.current&&(v.default.composedPath(r).includes(L.current)||(e&&(clearTimeout(e),e=null),e=setTimeout((()=>{var e;(null===(e=P.current)||void 0===e?void 0:e.contains(document.activeElement))||C(!1)}),0)))},t=e=>{"Escape"===e.key&&(e.preventDefault(),C(!1))},n=P.current;return k&&!q&&(document.addEventListener("keydown",t),window.addEventListener("click",N),null==n||n.addEventListener("focusout",r)),()=>{document.removeEventListener("keydown",t),window.removeEventListener("click",N),null==n||n.removeEventListener("focusout",r),e&&clearTimeout(e),e=null}}),[k,E,L,P,N,q]),r.useEffect((()=>{null==T||T(Q),null==I||I(!$)}),[$,Q,T,I]);const Z=r.useCallback((e=>{if(!e)return 0;if(h.default.isValidElement(e))return 1+Z(e.props.children);const r=h.default.Children.toArray(e);return r.length?r.reduce(((e,r)=>h.default.isValidElement(r)?e+1+Z(r.props.children):e),0):0}),[]);return r.useEffect((()=>{const e=A,r=Z(m);e!==r&&(V(r),B(null))}),[A,m,Z,B]),e.jsxs("div",{ref:P,children:[e.jsx(o.StyledButton,b({active:k,buttonType:"tertiary",iconType:"squares_nine",id:"responsive-vertical-menu-launcher",onClick:U,ref:L},p.default("responsive-vertical-menu-launcher",b({"data-role":"responsive-vertical-menu-launcher"},_)),(()=>{var e,r;return q?{"aria-label":null===(r=M.verticalMenu.ariaLabels)||void 0===r?void 0:r.responsiveMenuLauncher()}:{"aria-expanded":k,"aria-controls":"responsive-vertical-menu-primary","aria-label":null===(e=M.verticalMenu.ariaLabels)||void 0===e?void 0:e.responsiveMenuLauncher()}})())),q?e.jsx(u.default,{open:k,children:e.jsx(d.default,{wrapperRef:H,isOpen:k,children:e.jsxs(o.ModalContainer,y(b({ref:H,width:F,tabIndex:-1,id:"responsive-vertical-menu-dialog"},(()=>{var e;return{role:"dialog","aria-modal":!0,"aria-label":null===(e=M.verticalMenu.ariaLabels)||void 0===e?void 0:e.responsiveMenuAria()}})()),{children:[e.jsx(l.Box,{boxSizing:"border-box",display:"flex",justifyContent:"flex-end",width:"100%",backgroundColor:"var(--colorsGray850)",p:1,children:e.jsx(o.StyledCloseButton,{"aria-label":null===(f=M.verticalMenu.ariaLabels)||void 0===f?void 0:f.responsiveMenuCloseButton(),"data-component":"responsive-vertical-menu-close","data-role":"responsive-vertical-menu-close",iconType:"close",size:"small",buttonType:"tertiary",onClick:()=>{C(!1),B(null)}})}),e.jsx(o.StyledResponsiveMenu,{height:w,id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:Q,ref:R,responsive:!0,tabIndex:-1,top:"48px",width:g,children:m})]}))})}):e.jsx(o.StyledGlobalVerticalMenuWrapper,y(b({},O,p.default("responsive-vertical-menu",O)),{children:k&&e.jsx(e.Fragment,{children:e.jsx(o.StyledResponsiveMenu,{childOpen:!!E,"data-component":"responsive-vertical-menu-primary","data-role":"responsive-vertical-menu-primary",height:w||"100%",id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:Q,ref:R,responsive:!1,tabIndex:-1,top:S,width:g,children:m})})}))]})})),x=r.forwardRef(((r,o)=>{var{children:l,width:u,height:s}=r,a=j(r,["children","width","height"]);return e.jsx(t.DepthProvider,{children:e.jsx(n.MenuFocusProvider,{children:e.jsx(i.ResponsiveVerticalMenuProvider,{width:u,height:s,children:e.jsx(w,y(b({ref:o,width:u,height:s},a),{children:l}))})})})}));exports.ResponsiveVerticalMenu=x,exports.default=x;
|
package/lib/global.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../../
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../../__internal__/modal/modal-manager.js");exports.default=({open:t,closeModal:u,modalRef:c,setTriggerRefocusFlag:n,triggerRefocusOnClose:l=!0,topModalOverride:s=!1,focusCallToActionElement:o})=>{const a=e.useRef(!1),f=e.useRef(!1),d=e.useRef(null),i=e.useCallback((e=>{r.default.isTopmost(c.current)&&u(e)}),[c,u]),m=e.useCallback((()=>{a.current||(document.addEventListener("keyup",i),a.current=!0)}),[i]),v=e.useCallback((()=>{a.current&&(document.removeEventListener("keyup",i),a.current=!1)}),[i]);e.useEffect((()=>{t?m():v()}),[m,t,v]),e.useEffect((()=>()=>{v()}),[v]),e.useEffect((()=>{!d.current&&o&&t&&(d.current=o)}),[t,o]);const p=e.useCallback((e=>{f.current||(r.default.addModal(e,n,s),f.current=!0)}),[n,s]),E=e.useCallback((e=>{f.current&&(r.default.removeModal(e,l),d.current&&setTimeout((()=>{var e;null===(e=d.current)||void 0===e||e.focus(),d.current=null}),0),f.current=!1)}),[l]);e.useEffect((()=>{const e=c.current;t?p(e):E(e)}),[c,t,p,E]),e.useEffect((()=>{const e=c.current;return()=>{E(e)}}),[c,E])};
|
package/lib/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./components/accordion/accordion.component.js"),o=require("./components/accordion/accordion-group/accordion-group.component.js"),t=require("./components/action-popover/action-popover.component.js"),r=require("./components/action-popover/action-popover-menu/action-popover-menu.component.js"),n=require("./components/action-popover/action-popover-item/action-popover-item.component.js"),i=require("./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js");require("./components/action-popover/action-popover-divider/action-popover-divider.component.js");var s=require("./components/adaptive-sidebar/adaptive-sidebar.component.js"),p=require("./components/advanced-color-picker/advanced-color-picker.component.js"),c=require("./components/alert/alert.component.js"),l=require("./components/anchor-navigation/anchor-navigation.component.js"),a=require("./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js"),m=require("./components/anchor-navigation/anchor-section-divider.component.js"),u=require("./components/badge/badge.component.js"),d=require("./components/batch-selection/batch-selection.component.js"),x=require("./components/box/box.component.js"),q=require("./components/breadcrumbs/breadcrumbs.component.js"),b=require("./components/breadcrumbs/crumb/crumb.component.js"),j=require("./components/button-bar/button-bar.component.js"),g=require("./components/button-minor/button-minor.component.js"),v=require("./components/button-toggle/button-toggle.component.js"),f=require("./components/button-toggle/button-toggle-group/button-toggle-group.component.js"),h=require("./components/button/button.component.js"),k=require("./components/carbon-provider/carbon-provider.component.js"),T=require("./components/card/card.component.js"),S=require("./components/card/card-column/card-column.component.js"),P=require("./components/card/card-footer/card-footer.component.js"),w=require("./components/card/card-row/card-row.component.js"),C=require("./components/checkbox/checkbox-group/checkbox-group.component.js"),F=require("./components/checkbox/checkbox.component.js"),B=require("./components/confirm/confirm.component.js"),_=require("./components/content/content.component.js"),M=require("./components/date-range/date-range.component.js"),y=require("./components/date/date.component.js"),D=require("./components/decimal/decimal.component.js"),I=require("./components/definition-list/dl.component.js"),A=require("./components/definition-list/dt/dt.component.js"),L=require("./components/definition-list/dd/dd.component.js"),G=require("./components/detail/detail.component.js"),H=require("./components/dialog/dialog.component.js"),R=require("./components/dismissible-box/dismissible-box.component.js"),N=require("./components/draggable/draggable-container.component.js"),V=require("./components/draggable/draggable-item/draggable-item.component.js"),E=require("./components/drawer/drawer.component.js"),O=require("./components/duelling-picklist/duelling-picklist.component.js"),Q=require("./components/duelling-picklist/picklist-divider/picklist-divider.component.js"),z=require("./components/duelling-picklist/picklist-item/picklist-item.component.js"),J=require("./components/duelling-picklist/picklist/picklist.component.js"),K=require("./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js"),U=require("./components/duelling-picklist/picklist-group/picklist-group.component.js"),W=require("./components/fieldset/fieldset.component.js"),X=require("./components/file-input/file-input.component.js"),Y=require("./components/flat-table/flat-table.component.js"),Z=require("./components/flat-table/flat-table-head/flat-table-head.component.js"),$=require("./components/flat-table/flat-table-header/flat-table-header.component.js"),ee=require("./components/flat-table/flat-table-body/flat-table-body.component.js"),oe=require("./components/flat-table/flat-table-row/flat-table-row.component.js"),te=require("./components/flat-table/flat-table-row-header/flat-table-row-header.component.js"),re=require("./components/flat-table/flat-table-cell/flat-table-cell.component.js"),ne=require("./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js"),ie=require("./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js"),se=require("./components/flat-table/sort/sort.component.js"),pe=require("./components/form/form.component.js"),ce=require("./components/form/required-fields-indicator/required-fields-indicator.component.js"),le=require("./components/global-header/global-header.component.js"),ae=require("./components/grid/grid-container/grid-container.component.js"),me=require("./components/grid/grid-item/grid-item.component.js"),ue=require("./components/grouped-character/grouped-character.component.js"),de=require("./components/heading/heading.component.js"),xe=require("./components/help/help.component.js"),qe=require("./components/hr/hr.component.js"),be=require("./components/i18n-provider/i18n-provider.component.js"),je=require("./components/icon-button/icon-button.component.js"),ge=require("./components/icon/icon.component.js"),ve=require("./components/image/image.component.js"),fe=require("./components/inline-inputs/inline-inputs.component.js"),he=require("./components/link-preview/link-preview.component.js"),ke=require("./components/link/link.component.js"),Te=require("./components/loader/loader.component.js"),Se=require("./components/loader-bar/loader-bar.component.js"),Pe=require("./components/loader-spinner/loader-spinner.component.js"),we=require("./components/loader-star/loader-star.component.js"),Ce=require("./components/loader/__next__/loader.component.js"),Fe=require("./components/menu/menu.component.js"),Be=require("./components/menu/menu-item/menu-item.component.js"),_e=require("./components/menu/menu-divider/menu-divider.component.js"),Me=require("./components/menu/menu-segment-title/menu-segment-title.component.js"),ye=require("./components/menu/menu-full-screen/menu-full-screen.component.js"),De=require("./components/menu/scrollable-block/scrollable-block.component.js"),Ie=require("./components/message/message.component.js"),Ae=require("./components/modal/modal.component.js"),Le=require("./components/multi-action-button/multi-action-button.component.js"),Ge=require("./components/navigation-bar/navigation-bar.component.js"),He=require("./components/note/note.component.js"),Re=require("./components/number/number.component.js"),Ne=require("./components/numeral-date/numeral-date.component.js"),Ve=require("./components/pager/pager.component.js"),Ee=require("./components/pages/pages.component.js"),Oe=require("./components/pages/page/page.component.js"),Qe=require("./components/password/password.component.js"),ze=require("./components/pill/pill.component.js"),Je=require("./components/pod/pod.component.js"),Ke=require("./components/popover-container/popover-container.component.js"),Ue=require("./components/portal/portal.js"),We=require("./components/portrait/portrait.component.js"),Xe=require("./components/preview/preview.component.js"),Ye=require("./components/profile/profile.component.js"),Ze=require("./components/progress-tracker/progress-tracker.component.js"),$e=require("./components/radio-button/radio-button.component.js"),eo=require("./components/radio-button/radio-button-group/radio-button-group.component.js"),oo=require("./components/search/search.component.js"),to=require("./components/select/option/option.component.js"),ro=require("./components/select/option-row/option-row.component.js"),no=require("./components/select/option-group-header/option-group-header.component.js"),io=require("./components/select/simple-select/simple-select.component.js"),so=require("./components/select/filterable-select/filterable-select.component.js"),po=require("./components/select/multi-select/multi-select.component.js"),co=require("./components/select/setup-select-mocks.js"),lo=require("./components/settings-row/settings-row.component.js"),ao=require("./components/sidebar/sidebar.component.js"),mo=require("./components/simple-color-picker/simple-color-picker.component.js"),uo=require("./components/simple-color-picker/simple-color/simple-color.component.js"),xo=require("./components/split-button/split-button.component.js"),qo=require("./components/step-flow/step-flow-title/step-flow-title.component.js"),bo=require("./components/step-flow/step-flow.component.js"),jo=require("./components/step-sequence/step-sequence.component.js"),go=require("./components/step-sequence/step-sequence-item/step-sequence-item.component.js"),vo=require("./components/switch/switch.component.js"),fo=require("./components/tabs/tabs.component.js"),ho=require("./components/text-editor/text-editor.component.js"),ko=require("./components/text-editor/__internal__/__utils__/helpers.js");require("react/jsx-runtime"),require("@lexical/react/LexicalComposerContext"),require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("lexical"),require("react"),require("react-dom"),require("./components/text-editor/__internal__/__ui__/Mentions/constants.js"),require("./components/text-editor/__internal__/__ui__/Mentions/mentions.style.js"),require("./__internal__/i18n-context/index.js");var To=require("./components/textarea/textarea.component.js"),So=require("./components/textbox/textbox.component.js"),Po=require("./components/tile-select/tile-select.component.js"),wo=require("./components/tile-select/tile-select-group/tile-select-group.component.js"),Co=require("./components/tile/tile.component.js"),Fo=require("./components/tile/tile-content/tile-content.component.js"),Bo=require("./components/tile/tile-footer/tile-footer.component.js"),_o=require("./components/tile/tile-header/tile-header.component.js"),Mo=require("./components/tile/flex-tile-container/flex-tile-container.component.js"),yo=require("./components/tile/flex-tile-cell/flex-tile-cell.component.js"),Do=require("./components/tile/flex-tile-divider/flex-tile-divider.component.js"),Io=require("./components/time/time.component.js"),Ao=require("./components/toast/toast.component.js"),Lo=require("./components/tooltip/tooltip.component.js"),Go=require("./components/typography/typography.component.js"),Ho=require("./components/typography/list.component.js"),Ro=require("./components/vertical-divider/vertical-divider.component.js"),No=require("./components/vertical-menu/vertical-menu.component.js"),Vo=require("./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js"),Eo=require("./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js"),Oo=require("./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js");require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js");var Qo=require("./hooks/useMediaQuery/useMediaQuery.js");require("./components/modal/__internal__/modal.context.js"),require("./components/carbon-provider/__internal__/top-modal.context.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js"),require("./style/utils/filter-styled-system-padding-props.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js");var zo=require("./hooks/useCharacterCount/useCharacterCount.js"),Jo=require("./style/global-style.js"),Ko=require("./components/action-popover/action-popover.style.js"),Uo=require("./components/tabs/tab/tab.component.js");exports.Accordion=e.Accordion,exports.AccordionGroup=o.AccordionGroup,exports.ActionPopover=t.ActionPopover,exports.ActionPopoverMenu=r.default,exports.ActionPopoverItem=n.ActionPopoverItem,exports.ActionPopoverMenuButton=i.ActionPopoverMenuButton,exports.AdaptiveSidebar=s.AdaptiveSidebar,exports.AdvancedColorPicker=p.AdvancedColorPicker,exports.Alert=c.Alert,exports.AnchorNavigation=l.default,exports.AnchorNavigationItem=a.default,exports.AnchorSectionDivider=m.default,exports.Badge=u.Badge,exports.BatchSelection=d.BatchSelection,exports.Box=x.Box,exports.Breadcrumbs=q.Breadcrumbs,exports.Crumb=b.default,exports.ButtonBar=j.ButtonBar,exports.ButtonMinor=g.ButtonMinor,exports.ButtonToggle=v.ButtonToggle,exports.ButtonToggleGroup=f.default,exports.Button=h.default,exports.CarbonProvider=k.CarbonProvider,exports.Card=T.default,exports.CardColumn=S.default,exports.CardFooter=P.default,exports.CardRow=w.default,exports.CheckboxGroup=C.CheckboxGroup,exports.Checkbox=F.Checkbox,exports.Confirm=B.Confirm,exports.Content=_.Content,exports.DateRange=M.DateRange,exports.DateInput=y.DateInput,exports.Decimal=D.Decimal,exports.Dl=I.default,exports.Dt=A.default,exports.Dd=L.default,exports.Detail=G.Detail,exports.Dialog=H.Dialog,exports.DismissibleBox=R.DismissibleBox,exports.DraggableContainer=N.default,exports.DraggableItem=V.default,exports.Drawer=E.Drawer,exports.DuellingPicklist=O.DuellingPicklist,exports.PicklistDivider=Q.default,exports.PicklistItem=z.PicklistItem,exports.Picklist=J.Picklist,exports.PicklistPlaceholder=K.PicklistPlaceholder,exports.PicklistGroup=U.PicklistGroup,exports.Fieldset=W.Fieldset,exports.FileInput=X.FileInput,exports.FlatTable=Y.FlatTable,exports.FlatTableHead=Z.FlatTableHead,exports.FlatTableHeader=$.FlatTableHeader,exports.FlatTableBody=ee.FlatTableBody,exports.FlatTableRow=oe.FlatTableRow,exports.FlatTableRowHeader=te.FlatTableRowHeader,exports.FlatTableCell=re.FlatTableCell,exports.FlatTableCheckbox=ne.FlatTableCheckbox,exports.FlatTableBodyDraggable=ie.FlatTableBodyDraggable,exports.Sort=se.Sort,exports.Form=pe.Form,exports.RequiredFieldsIndicator=ce.default,exports.GlobalHeader=le.default,exports.GridContainer=ae.GridContainer,exports.GridItem=me.GridItem,exports.GroupedCharacter=ue.GroupedCharacter,exports.Heading=de.Heading,exports.Help=xe.Help,exports.Hr=qe.Hr,exports.I18nProvider=be.I18nProvider,exports.IconButton=je.default,exports.Icon=ge.default,exports.Image=ve.Image,exports.InlineInputs=fe.default,exports.LinkPreview=he.LinkPreview,exports.Link=ke.Link,exports.Loader=Te.Loader,exports.LoaderBar=Se.LoaderBar,exports.LoaderSpinner=Pe.LoaderSpinner,exports.LoaderStar=we.default,exports.NextLoader=Ce.Loader,exports.Menu=Fe.Menu,exports.MenuItem=Be.MenuItem,exports.MenuDivider=_e.default,exports.MenuSegmentTitle=Me.default,exports.MenuFullscreen=ye.MenuFullscreen,exports.ScrollableBlock=De.ScrollableBlock,exports.Message=Ie.Message,exports.Modal=Ae.default,exports.MultiActionButton=Le.MultiActionButton,exports.NavigationBar=Ge.NavigationBar,exports.Note=He.Note,exports.Number=Re.Number,exports.NumeralDate=Ne.NumeralDate,exports.Pager=Ve.Pager,exports.Pages=Ee.default,exports.Page=Oe.default,exports.Password=Qe.Password,exports.Pill=ze.Pill,exports.Pod=Je.default,exports.PopoverContainer=Ke.PopoverContainer,exports.Portal=Ue.Portal,exports.Portrait=We.Portrait,exports.Preview=Xe.Preview,exports.Profile=Ye.Profile,exports.ProgressTracker=Ze.default,exports.RadioButton=$e.default,exports.RadioButtonGroup=eo.RadioButtonGroup,exports.Search=oo.Search,exports.Option=to.default,exports.OptionRow=ro.default,exports.OptionGroupHeader=no.default,exports.Select=io.SimpleSelect,exports.FilterableSelect=so.FilterableSelect,exports.MultiSelect=po.MultiSelect,exports.setupSelectMocks=co.default,exports.SettingsRow=lo.SettingsRow,exports.Sidebar=ao.Sidebar,exports.SimpleColorPicker=mo.SimpleColorPicker,exports.SimpleColor=uo.SimpleColor,exports.SplitButton=xo.SplitButton,exports.StepFlowTitle=qo.StepFlowTitle,exports.StepFlow=bo.StepFlow,exports.StepSequence=jo.StepSequence,exports.StepSequenceItem=go.StepSequenceItem,exports.Switch=vo.Switch,exports.Tabs=fo.Tabs,exports.TextEditor=ho.TextEditor,exports.createEmpty=ko.createEmpty,exports.createFromHTML=ko.createFromHTML,exports.Textarea=To.Textarea,exports.Textbox=So.Textbox,exports.TileSelect=Po.default,exports.TileSelectGroup=wo.TileSelectGroup,exports.Tile=Co.Tile,exports.TileContent=Fo.default,exports.TileFooter=Bo.TileFooter,exports.TileHeader=_o.TileHeader,exports.FlexTileContainer=Mo.FlexTileContainer,exports.FlexTileCell=yo.FlexTileCell,exports.FlexTileDivider=Do.FlexTileDivider,exports.Time=Io.default,exports.Toast=Ao.Toast,exports.Tooltip=Lo.Tooltip,exports.Typography=Go.Typography,exports.List=Ho.List,exports.ListItem=Ho.ListItem,exports.VerticalDivider=Ro.VerticalDivider,exports.VerticalMenu=No.VerticalMenu,exports.VerticalMenuItem=Vo.VerticalMenuItem,exports.VerticalMenuFullScreen=Eo.VerticalMenuFullScreen,exports.VerticalMenuTrigger=Oo.VerticalMenuTrigger,exports.useMediaQuery=Qo.default,exports.useCharacterCount=zo.default,exports.GlobalStyle=Jo.default,exports.ActionPopoverDivider=Ko.MenuItemDivider,exports.Tab=Uo.Tab;
|
|
1
|
+
"use strict";var e=require("./components/accordion/accordion.component.js"),o=require("./components/accordion/accordion-group/accordion-group.component.js"),t=require("./components/action-popover/action-popover.component.js"),r=require("./components/action-popover/action-popover-menu/action-popover-menu.component.js"),n=require("./components/action-popover/action-popover-item/action-popover-item.component.js"),i=require("./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js");require("./components/action-popover/action-popover-divider/action-popover-divider.component.js");var s=require("./components/adaptive-sidebar/adaptive-sidebar.component.js"),p=require("./components/advanced-color-picker/advanced-color-picker.component.js"),c=require("./components/alert/alert.component.js"),l=require("./components/anchor-navigation/anchor-navigation.component.js"),a=require("./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js"),m=require("./components/anchor-navigation/anchor-section-divider.component.js"),u=require("./components/badge/badge.component.js"),d=require("./components/batch-selection/batch-selection.component.js"),x=require("./components/box/box.component.js"),q=require("./components/breadcrumbs/breadcrumbs.component.js"),b=require("./components/breadcrumbs/crumb/crumb.component.js"),j=require("./components/button-bar/button-bar.component.js"),g=require("./components/button-minor/button-minor.component.js"),v=require("./components/button-toggle/button-toggle.component.js"),f=require("./components/button-toggle/button-toggle-group/button-toggle-group.component.js"),h=require("./components/button/button.component.js"),k=require("./components/carbon-provider/carbon-provider.component.js"),T=require("./components/card/card.component.js"),S=require("./components/card/card-column/card-column.component.js"),P=require("./components/card/card-footer/card-footer.component.js"),_=require("./components/card/card-row/card-row.component.js"),w=require("./components/checkbox/checkbox-group/checkbox-group.component.js"),C=require("./components/checkbox/checkbox.component.js"),F=require("./components/confirm/confirm.component.js"),B=require("./components/content/content.component.js"),M=require("./components/date-range/date-range.component.js"),y=require("./components/date/date.component.js"),D=require("./components/decimal/decimal.component.js"),I=require("./components/definition-list/dl.component.js"),A=require("./components/definition-list/dt/dt.component.js"),L=require("./components/definition-list/dd/dd.component.js"),G=require("./components/detail/detail.component.js"),H=require("./components/dialog/dialog.component.js"),R=require("./components/dismissible-box/dismissible-box.component.js"),N=require("./components/draggable/draggable-container.component.js"),V=require("./components/draggable/draggable-item/draggable-item.component.js"),E=require("./components/drawer/drawer.component.js"),O=require("./components/duelling-picklist/duelling-picklist.component.js"),Q=require("./components/duelling-picklist/picklist-divider/picklist-divider.component.js"),z=require("./components/duelling-picklist/picklist-item/picklist-item.component.js"),J=require("./components/duelling-picklist/picklist/picklist.component.js"),K=require("./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js"),U=require("./components/duelling-picklist/picklist-group/picklist-group.component.js"),W=require("./components/fieldset/fieldset.component.js"),X=require("./components/file-input/file-input.component.js"),Y=require("./components/flat-table/flat-table.component.js"),Z=require("./components/flat-table/flat-table-head/flat-table-head.component.js"),$=require("./components/flat-table/flat-table-header/flat-table-header.component.js"),ee=require("./components/flat-table/flat-table-body/flat-table-body.component.js"),oe=require("./components/flat-table/flat-table-row/flat-table-row.component.js"),te=require("./components/flat-table/flat-table-row-header/flat-table-row-header.component.js"),re=require("./components/flat-table/flat-table-cell/flat-table-cell.component.js"),ne=require("./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js"),ie=require("./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js"),se=require("./components/flat-table/sort/sort.component.js"),pe=require("./components/form/form.component.js"),ce=require("./components/form/required-fields-indicator/required-fields-indicator.component.js"),le=require("./components/global-header/global-header.component.js"),ae=require("./components/grid/grid-container/grid-container.component.js"),me=require("./components/grid/grid-item/grid-item.component.js"),ue=require("./components/grouped-character/grouped-character.component.js"),de=require("./components/heading/heading.component.js"),xe=require("./components/help/help.component.js"),qe=require("./components/hr/hr.component.js"),be=require("./components/i18n-provider/i18n-provider.component.js"),je=require("./components/icon-button/icon-button.component.js"),ge=require("./components/icon/icon.component.js"),ve=require("./components/image/image.component.js"),fe=require("./components/inline-inputs/inline-inputs.component.js"),he=require("./components/link-preview/link-preview.component.js"),ke=require("./components/link/link.component.js"),Te=require("./components/loader/loader.component.js"),Se=require("./components/loader-bar/loader-bar.component.js"),Pe=require("./components/loader-spinner/loader-spinner.component.js"),_e=require("./components/loader-star/loader-star.component.js"),we=require("./components/loader/__next__/loader.component.js"),Ce=require("./components/menu/menu.component.js"),Fe=require("./components/menu/menu-item/menu-item.component.js"),Be=require("./components/menu/menu-divider/menu-divider.component.js"),Me=require("./components/menu/menu-segment-title/menu-segment-title.component.js"),ye=require("./components/menu/menu-full-screen/menu-full-screen.component.js"),De=require("./components/menu/scrollable-block/scrollable-block.component.js"),Ie=require("./components/message/message.component.js"),Ae=require("./components/modal/index.js"),Le=require("./components/multi-action-button/multi-action-button.component.js"),Ge=require("./components/navigation-bar/navigation-bar.component.js"),He=require("./components/note/note.component.js"),Re=require("./components/number/number.component.js"),Ne=require("./components/numeral-date/numeral-date.component.js"),Ve=require("./components/pager/pager.component.js"),Ee=require("./components/pages/pages.component.js"),Oe=require("./components/pages/page/page.component.js"),Qe=require("./components/password/password.component.js"),ze=require("./components/pill/pill.component.js"),Je=require("./components/pod/pod.component.js"),Ke=require("./components/popover-container/popover-container.component.js"),Ue=require("./components/portal/portal.js"),We=require("./components/portrait/portrait.component.js"),Xe=require("./components/preview/preview.component.js"),Ye=require("./components/profile/profile.component.js"),Ze=require("./components/progress-tracker/progress-tracker.component.js"),$e=require("./components/radio-button/radio-button.component.js"),eo=require("./components/radio-button/radio-button-group/radio-button-group.component.js"),oo=require("./components/search/search.component.js"),to=require("./components/select/option/option.component.js"),ro=require("./components/select/option-row/option-row.component.js"),no=require("./components/select/option-group-header/option-group-header.component.js"),io=require("./components/select/simple-select/simple-select.component.js"),so=require("./components/select/filterable-select/filterable-select.component.js"),po=require("./components/select/multi-select/multi-select.component.js"),co=require("./components/select/setup-select-mocks.js"),lo=require("./components/settings-row/settings-row.component.js"),ao=require("./components/sidebar/sidebar.component.js"),mo=require("./components/simple-color-picker/simple-color-picker.component.js"),uo=require("./components/simple-color-picker/simple-color/simple-color.component.js"),xo=require("./components/split-button/split-button.component.js"),qo=require("./components/step-flow/step-flow-title/step-flow-title.component.js"),bo=require("./components/step-flow/step-flow.component.js"),jo=require("./components/step-sequence/step-sequence.component.js"),go=require("./components/step-sequence/step-sequence-item/step-sequence-item.component.js"),vo=require("./components/switch/switch.component.js"),fo=require("./components/tabs/tabs.component.js"),ho=require("./components/text-editor/text-editor.component.js"),ko=require("./components/text-editor/__internal__/__utils__/helpers.js");require("react/jsx-runtime"),require("@lexical/react/LexicalComposerContext"),require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("lexical"),require("react"),require("react-dom"),require("./components/text-editor/__internal__/__ui__/Mentions/constants.js"),require("./components/text-editor/__internal__/__ui__/Mentions/mentions.style.js"),require("./__internal__/i18n-context/index.js");var To=require("./components/textarea/textarea.component.js"),So=require("./components/textbox/textbox.component.js"),Po=require("./components/tile-select/tile-select.component.js"),_o=require("./components/tile-select/tile-select-group/tile-select-group.component.js"),wo=require("./components/tile/tile.component.js"),Co=require("./components/tile/tile-content/tile-content.component.js"),Fo=require("./components/tile/tile-footer/tile-footer.component.js"),Bo=require("./components/tile/tile-header/tile-header.component.js"),Mo=require("./components/tile/flex-tile-container/flex-tile-container.component.js"),yo=require("./components/tile/flex-tile-cell/flex-tile-cell.component.js"),Do=require("./components/tile/flex-tile-divider/flex-tile-divider.component.js"),Io=require("./components/time/time.component.js"),Ao=require("./components/toast/toast.component.js"),Lo=require("./components/tooltip/tooltip.component.js"),Go=require("./components/typography/typography.component.js"),Ho=require("./components/typography/list.component.js"),Ro=require("./components/vertical-divider/vertical-divider.component.js"),No=require("./components/vertical-menu/vertical-menu.component.js"),Vo=require("./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js"),Eo=require("./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js"),Oo=require("./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js");require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js"),require("react-transition-group"),require("./hooks/__internal__/useScrollBlock/useScrollBlock.js"),require("./__internal__/modal/modal-manager.js"),require("./__internal__/modal/modal.style.js"),require("./__internal__/modal/modal.context.js");var Qo=require("./hooks/useMediaQuery/useMediaQuery.js");require("./components/carbon-provider/__internal__/top-modal.context.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js"),require("./style/utils/filter-styled-system-padding-props.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js");var zo=require("./hooks/useCharacterCount/useCharacterCount.js"),Jo=require("./style/global-style.js"),Ko=require("./components/action-popover/action-popover.style.js"),Uo=require("./components/tabs/tab/tab.component.js");exports.Accordion=e.Accordion,exports.AccordionGroup=o.AccordionGroup,exports.ActionPopover=t.ActionPopover,exports.ActionPopoverMenu=r.default,exports.ActionPopoverItem=n.ActionPopoverItem,exports.ActionPopoverMenuButton=i.ActionPopoverMenuButton,exports.AdaptiveSidebar=s.AdaptiveSidebar,exports.AdvancedColorPicker=p.AdvancedColorPicker,exports.Alert=c.Alert,exports.AnchorNavigation=l.default,exports.AnchorNavigationItem=a.default,exports.AnchorSectionDivider=m.default,exports.Badge=u.Badge,exports.BatchSelection=d.BatchSelection,exports.Box=x.Box,exports.Breadcrumbs=q.Breadcrumbs,exports.Crumb=b.default,exports.ButtonBar=j.ButtonBar,exports.ButtonMinor=g.ButtonMinor,exports.ButtonToggle=v.ButtonToggle,exports.ButtonToggleGroup=f.default,exports.Button=h.default,exports.CarbonProvider=k.CarbonProvider,exports.Card=T.default,exports.CardColumn=S.default,exports.CardFooter=P.default,exports.CardRow=_.default,exports.CheckboxGroup=w.CheckboxGroup,exports.Checkbox=C.Checkbox,exports.Confirm=F.Confirm,exports.Content=B.Content,exports.DateRange=M.DateRange,exports.DateInput=y.DateInput,exports.Decimal=D.Decimal,exports.Dl=I.default,exports.Dt=A.default,exports.Dd=L.default,exports.Detail=G.Detail,exports.Dialog=H.Dialog,exports.DismissibleBox=R.DismissibleBox,exports.DraggableContainer=N.default,exports.DraggableItem=V.default,exports.Drawer=E.Drawer,exports.DuellingPicklist=O.DuellingPicklist,exports.PicklistDivider=Q.default,exports.PicklistItem=z.PicklistItem,exports.Picklist=J.Picklist,exports.PicklistPlaceholder=K.PicklistPlaceholder,exports.PicklistGroup=U.PicklistGroup,exports.Fieldset=W.Fieldset,exports.FileInput=X.FileInput,exports.FlatTable=Y.FlatTable,exports.FlatTableHead=Z.FlatTableHead,exports.FlatTableHeader=$.FlatTableHeader,exports.FlatTableBody=ee.FlatTableBody,exports.FlatTableRow=oe.FlatTableRow,exports.FlatTableRowHeader=te.FlatTableRowHeader,exports.FlatTableCell=re.FlatTableCell,exports.FlatTableCheckbox=ne.FlatTableCheckbox,exports.FlatTableBodyDraggable=ie.FlatTableBodyDraggable,exports.Sort=se.Sort,exports.Form=pe.Form,exports.RequiredFieldsIndicator=ce.default,exports.GlobalHeader=le.default,exports.GridContainer=ae.GridContainer,exports.GridItem=me.GridItem,exports.GroupedCharacter=ue.GroupedCharacter,exports.Heading=de.Heading,exports.Help=xe.Help,exports.Hr=qe.Hr,exports.I18nProvider=be.I18nProvider,exports.IconButton=je.default,exports.Icon=ge.default,exports.Image=ve.Image,exports.InlineInputs=fe.default,exports.LinkPreview=he.LinkPreview,exports.Link=ke.Link,exports.Loader=Te.Loader,exports.LoaderBar=Se.LoaderBar,exports.LoaderSpinner=Pe.LoaderSpinner,exports.LoaderStar=_e.default,exports.NextLoader=we.Loader,exports.Menu=Ce.Menu,exports.MenuItem=Fe.MenuItem,exports.MenuDivider=Be.default,exports.MenuSegmentTitle=Me.default,exports.MenuFullscreen=ye.MenuFullscreen,exports.ScrollableBlock=De.ScrollableBlock,exports.Message=Ie.Message,exports.Modal=Ae.default,exports.MultiActionButton=Le.MultiActionButton,exports.NavigationBar=Ge.NavigationBar,exports.Note=He.Note,exports.Number=Re.Number,exports.NumeralDate=Ne.NumeralDate,exports.Pager=Ve.Pager,exports.Pages=Ee.default,exports.Page=Oe.default,exports.Password=Qe.Password,exports.Pill=ze.Pill,exports.Pod=Je.default,exports.PopoverContainer=Ke.PopoverContainer,exports.Portal=Ue.Portal,exports.Portrait=We.Portrait,exports.Preview=Xe.Preview,exports.Profile=Ye.Profile,exports.ProgressTracker=Ze.default,exports.RadioButton=$e.default,exports.RadioButtonGroup=eo.RadioButtonGroup,exports.Search=oo.Search,exports.Option=to.default,exports.OptionRow=ro.default,exports.OptionGroupHeader=no.default,exports.Select=io.SimpleSelect,exports.FilterableSelect=so.FilterableSelect,exports.MultiSelect=po.MultiSelect,exports.setupSelectMocks=co.default,exports.SettingsRow=lo.SettingsRow,exports.Sidebar=ao.Sidebar,exports.SimpleColorPicker=mo.SimpleColorPicker,exports.SimpleColor=uo.SimpleColor,exports.SplitButton=xo.SplitButton,exports.StepFlowTitle=qo.StepFlowTitle,exports.StepFlow=bo.StepFlow,exports.StepSequence=jo.StepSequence,exports.StepSequenceItem=go.StepSequenceItem,exports.Switch=vo.Switch,exports.Tabs=fo.Tabs,exports.TextEditor=ho.TextEditor,exports.createEmpty=ko.createEmpty,exports.createFromHTML=ko.createFromHTML,exports.Textarea=To.Textarea,exports.Textbox=So.Textbox,exports.TileSelect=Po.default,exports.TileSelectGroup=_o.TileSelectGroup,exports.Tile=wo.Tile,exports.TileContent=Co.default,exports.TileFooter=Fo.TileFooter,exports.TileHeader=Bo.TileHeader,exports.FlexTileContainer=Mo.FlexTileContainer,exports.FlexTileCell=yo.FlexTileCell,exports.FlexTileDivider=Do.FlexTileDivider,exports.Time=Io.default,exports.Toast=Ao.Toast,exports.Tooltip=Lo.Tooltip,exports.Typography=Go.Typography,exports.List=Ho.List,exports.ListItem=Ho.ListItem,exports.VerticalDivider=Ro.VerticalDivider,exports.VerticalMenu=No.VerticalMenu,exports.VerticalMenuItem=Vo.VerticalMenuItem,exports.VerticalMenuFullScreen=Eo.VerticalMenuFullScreen,exports.VerticalMenuTrigger=Oo.VerticalMenuTrigger,exports.useMediaQuery=Qo.default,exports.useCharacterCount=zo.default,exports.GlobalStyle=Jo.default,exports.ActionPopoverDivider=Ko.MenuItemDivider,exports.Tab=Uo.Tab;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{getWindow as t}from"../../../__internal__/dom/globals.js";function o(t,o,s){return o in t?Object.defineProperty(t,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[o]=s,t}class s{getTopModal(){return this.modalList.length?this.modalList.slice().reverse().find((t=>t.topModalOverride))||this.modalList[this.modalList.length-1]:{}}isTopmost(t){const{modal:o}=this.getTopModal();return!(!t||!o)&&t===o}removeModal(t,o=!0){const s=this.modalList.findIndex((({modal:o})=>o===t));if(-1===s)return;if(this.modalList.splice(s,1),this.callTopModalSetters(),!this.modalList.length)return;const{setTriggerRefocusFlag:l}=this.getTopModal();l&&o&&l(!0)}clearList(){const o=t(),s=[];o&&(o.__CARBON_INTERNALS_MODAL_LIST=s),this.modalList=s,this.callTopModalSetters()}callTopModalSetters(){const o=t();if(null==o?void 0:o.__CARBON_INTERNALS_MODAL_SETTER_LIST){var s;const t=(null===(s=this.getTopModal())||void 0===s?void 0:s.modal)||null;for(const s of o.__CARBON_INTERNALS_MODAL_SETTER_LIST)s(t)}}constructor(){o(this,"modalList",void 0),o(this,"addModal",((t,o,s)=>{if(!t)return;const{modal:l,setTriggerRefocusFlag:e,topModalOverride:i}=this.getTopModal();!i&&l&&e&&e(!1),this.modalList.push({modal:t,setTriggerRefocusFlag:o,topModalOverride:s}),this.callTopModalSetters()}));const s=t();s?(s.__CARBON_INTERNALS_MODAL_LIST||(s.__CARBON_INTERNALS_MODAL_LIST=[]),this.modalList=s.__CARBON_INTERNALS_MODAL_LIST):this.modalList=[]}}const l=new s;export{s as ModalManagerInstance,l as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as t,useEffect as n,useCallback as l}from"react";import{TransitionGroup as a,CSSTransition as i}from"react-transition-group";import c from"../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import{Portal as s}from"../portal/portal.js";import{getDocument as d}from"../../__internal__/dom/globals.js";import m from"../../__internal__/utils/helpers/events/events.js";import p from"../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledModal as u,StyledModalBackground as f}from"./modal.style.js";import b from"./__internal__/modal.context.js";function O(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function g(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){O(e,r,o[r])}))}return e}const y=300,j=O=>{var{children:j,"data-element":v,"data-role":_="modal",open:h,onCancel:P,disableEscKey:k=!1,disableClose:w,enableBackgroundUI:E=!1,topModalOverride:M,restoreFocusOnClose:S=!0}=O,C=function(e,r){if(null==e)return{};var o,t,n=function(e,r){if(null==e)return{};var o,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||(n[o]=e[o]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(O,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const x=o(null),I=o(null),R=o(null),[B,D]=t(!1),[F,N]=t(!1),{blockScroll:T,allowScroll:K}=c();n((()=>{E||(h?T():K())}),[K,T,E,h]),n((()=>()=>{E||K()}),[K,E]);const A=l((e=>{P&&!w&&!k&&m.isEscKey(e)&&(e.stopImmediatePropagation(),P(e))}),[w,k,P]),U=d();let q,z;return p({open:h,closeModal:A,modalRef:x,setTriggerRefocusFlag:N,topModalOverride:M,focusCallToActionElement:S&&U?U.activeElement:void 0}),h&&(q=E?null:e(f,{ref:I,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:y}),z=j),e(s,{children:r(u,(G=g({"data-component":"modal","data-element":v,"data-role":_,"data-state":h?"open":"closed",transitionName:"modal",transitionTime:y,topModalOverride:M,ref:x},C),H={children:[e(a,{children:q&&e(i,{nodeRef:I,appear:!0,classNames:"modal-background",timeout:y,onEntered:()=>D(!0),onExiting:()=>D(!1),children:q},"modal")}),e(a,{children:z&&e(i,{nodeRef:R,appear:!0,classNames:"modal",timeout:y,children:e(b.Provider,{value:{isAnimationComplete:B,triggerRefocusFlag:F,isInModal:!0},children:e("div",{ref:R,children:z})})})})]},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(G,Object.getOwnPropertyDescriptors(H)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(H)).forEach((function(e){Object.defineProperty(G,e,Object.getOwnPropertyDescriptor(H,e))})),G))});var G,H};export{j as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../__internal__/dom/globals.js");function o(t,o,e){return o in t?Object.defineProperty(t,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[o]=e,t}class e{getTopModal(){return this.modalList.length?this.modalList.slice().reverse().find((t=>t.topModalOverride))||this.modalList[this.modalList.length-1]:{}}isTopmost(t){const{modal:o}=this.getTopModal();return!(!t||!o)&&t===o}removeModal(t,o=!0){const e=this.modalList.findIndex((({modal:o})=>o===t));if(-1===e)return;if(this.modalList.splice(e,1),this.callTopModalSetters(),!this.modalList.length)return;const{setTriggerRefocusFlag:s}=this.getTopModal();s&&o&&s(!0)}clearList(){const o=t.getWindow(),e=[];o&&(o.__CARBON_INTERNALS_MODAL_LIST=e),this.modalList=e,this.callTopModalSetters()}callTopModalSetters(){const o=t.getWindow();if(null==o?void 0:o.__CARBON_INTERNALS_MODAL_SETTER_LIST){var e;const t=(null===(e=this.getTopModal())||void 0===e?void 0:e.modal)||null;for(const e of o.__CARBON_INTERNALS_MODAL_SETTER_LIST)e(t)}}constructor(){o(this,"modalList",void 0),o(this,"addModal",((t,o,e)=>{if(!t)return;const{modal:s,setTriggerRefocusFlag:l,topModalOverride:i}=this.getTopModal();!i&&s&&l&&l(!1),this.modalList.push({modal:t,setTriggerRefocusFlag:o,topModalOverride:e}),this.callTopModalSetters()}));const e=t.getWindow();e?(e.__CARBON_INTERNALS_MODAL_LIST||(e.__CARBON_INTERNALS_MODAL_LIST=[]),this.modalList=e.__CARBON_INTERNALS_MODAL_LIST):this.modalList=[]}}const s=new e;exports.ModalManagerInstance=e,exports.default=s;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-transition-group"),o=require("../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),n=require("../portal/portal.js"),l=require("../../__internal__/dom/globals.js"),a=require("../../__internal__/utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useModalManager/useModalManager.js"),i=require("./modal.style.js"),c=require("./__internal__/modal.context.js");function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(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){u(e,r,t[r])}))}return e}const p=300;exports.default=u=>{var{children:f,"data-element":b,"data-role":m="modal",open:O,onCancel:j,disableEscKey:g=!1,disableClose:y,enableBackgroundUI:v=!1,topModalOverride:_,restoreFocusOnClose:h=!0}=u,S=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}(u,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const P=r.useRef(null),k=r.useRef(null),x=r.useRef(null),[M,w]=r.useState(!1),[E,C]=r.useState(!1),{blockScroll:q,allowScroll:R}=o.default();r.useEffect((()=>{v||(O?q():R())}),[R,q,v,O]),r.useEffect((()=>()=>{v||R()}),[R,v]);const T=r.useCallback((e=>{j&&!y&&!g&&a.default.isEscKey(e)&&(e.stopImmediatePropagation(),j(e))}),[y,g,j]),B=l.getDocument();let D,I;return s.default({open:O,closeModal:T,modalRef:P,setTriggerRefocusFlag:C,topModalOverride:_,focusCallToActionElement:h&&B?B.activeElement:void 0}),O&&(D=v?null:e.jsx(i.StyledModalBackground,{ref:k,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:p}),I=f),e.jsx(n.Portal,{children:e.jsxs(i.StyledModal,(F=d({"data-component":"modal","data-element":b,"data-role":m,"data-state":O?"open":"closed",transitionName:"modal",transitionTime:p,topModalOverride:_,ref:P},S),N={children:[e.jsx(t.TransitionGroup,{children:D&&e.jsx(t.CSSTransition,{nodeRef:k,appear:!0,classNames:"modal-background",timeout:p,onEntered:()=>w(!0),onExiting:()=>w(!1),children:D},"modal")}),e.jsx(t.TransitionGroup,{children:I&&e.jsx(t.CSSTransition,{nodeRef:x,appear:!0,classNames:"modal",timeout:p,children:e.jsx(c.default.Provider,{value:{isAnimationComplete:M,triggerRefocusFlag:E,isInModal:!0},children:e.jsx("div",{ref:x,children:I})})})})]},N=null!=N?N:{},Object.getOwnPropertyDescriptors?Object.defineProperties(F,Object.getOwnPropertyDescriptors(N)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(N)).forEach((function(e){Object.defineProperty(F,e,Object.getOwnPropertyDescriptor(N,e))})),F))});var F,N};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|