carbon-react 154.13.0 → 154.13.1
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/components/menu/__internal__/submenu/submenu.component.js +1 -1
- package/esm/components/multi-action-button/multi-action-button.component.js +1 -1
- package/esm/components/multi-action-button/multi-action-button.style.js +1 -1
- package/esm/components/split-button/split-button-children.style.js +1 -1
- package/esm/components/split-button/split-button.component.js +1 -1
- package/esm/hooks/__internal__/useChildButtons/useChildButtons.js +1 -1
- package/lib/components/menu/__internal__/submenu/submenu.component.js +1 -1
- package/lib/components/multi-action-button/multi-action-button.component.js +1 -1
- package/lib/components/multi-action-button/multi-action-button.style.js +1 -1
- package/lib/components/split-button/split-button-children.style.js +1 -1
- package/lib/components/split-button/split-button.component.js +1 -1
- package/lib/hooks/__internal__/useChildButtons/useChildButtons.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as n}from"react/jsx-runtime";import t,{useState as r,useRef as o,useContext as i,useMemo as u,useCallback as
|
|
1
|
+
import{jsxs as e,jsx as n}from"react/jsx-runtime";import t,{useState as r,useRef as o,useContext as i,useMemo as u,useCallback as a,useEffect as l}from"react";import s from"../../menu-item/menu-item.style.js";import{StyledSubmenuWrapper as c,StyledSubmenu as m}from"./submenu.style.js";import p from"../../../../__internal__/utils/helpers/events/events.js";import{useStrictMenuContext as d}from"../strict-menu.context.js";import{characterNavigation as f}from"../keyboard-navigation/index.js";import y from"./submenu.context.js";import b from"../../../../__internal__/utils/helpers/guid/index.js";import{BLOCK_INDEX_SELECTOR as v,SCROLLABLE_BLOCK as h,SCROLLABLE_BLOCK_PARENT as g,ALL_CHILDREN_SELECTOR as O}from"../locators.js";import{useStableCallback as w}from"../../../../hooks/__internal__/useStableCallback/useStableCallback.js";import S from"../../../navigation-bar/__internal__/fixed-navigation-bar.context.js";import{defaultFocusableSelectors as j}from"../../../../__internal__/focus-trap/focus-trap-utils.js";function x(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){x(e,n,t[n])}))}return e}function P(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}const _=t.forwardRef(((t,x)=>{var{children:_,className:k,title:A,icon:T,submenuDirection:I="right",onKeyDown:K,variant:C="default",showDropdownArrow:F=!0,clickToOpen:M,href:E,maxWidth:W,asPassiveItem:q,onSubmenuOpen:R,onSubmenuClose:V,onClick:H,submenuMaxWidth:L,submenuMinWidth:N}=t,B=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["children","className","title","icon","submenuDirection","onKeyDown","variant","showDropdownArrow","clickToOpen","href","maxWidth","asPassiveItem","onSubmenuOpen","onSubmenuClose","onClick","submenuMaxWidth","submenuMinWidth"]);const[$,U]=r(null),z=o(b()),{inFullscreenView:G,openSubmenuId:J,setOpenSubmenuId:Q,menuType:X}=d(),[Y,Z]=r(!1),[ee,ne]=r(null),[te,re]=r([]),[oe,ie]=r(""),[ue,ae]=r(!1),[le,se]=r(!1),ce=te.length,{submenuMaxHeight:me}=i(S),pe=w(R),de=u((()=>{const e=null==$?void 0:$.querySelectorAll(v);if(e&&Y&&ce){const n=Array.from(e),t=null==$?void 0:$.querySelector(`[data-component='${h}']`),r=t?n.indexOf(t):-1;return(null==t?void 0:t.querySelector(`[data-component='${g}']`))?r+1:r}return-1}),[Y,ce,$]),fe=o(null),ye=a((()=>{fe.current=setTimeout((()=>{ie("")}),1500)}),[]),be=a((()=>{fe.current&&clearTimeout(fe.current),ye()}),[ye]);l((()=>()=>{fe.current&&clearTimeout(fe.current)}),[]);const ve=a((()=>{Z(!0),Q(z.current)}),[Q]),he=o();l((()=>{Y&&$&&(()=>{var e;const n=Array.from((null==$?void 0:$.querySelectorAll("ul:not([data-component='submenu'])"))||[]);if(0===n.length)return;const t=Array.from((null==$?void 0:$.querySelectorAll("[data-component='menu-item']"))||[]).pop();he.current=t;const r=n.pop(),o=Boolean((null==r||null===(e=r.parentElement)||void 0===e?void 0:e.dataset.component)===h),i=Array.from((null==r?void 0:r.querySelectorAll("[data-component='menu-item']"))||[]).pop();let u=!1;i&&r&&(u=i.getBoundingClientRect().bottom<r.getBoundingClientRect().bottom);const a=!!i&&i===t;ae(a),se(a&&!o||a&&o&&!u)})()}),[Y,$,ce]),l((()=>{Y&&pe&&pe()}),[Y,pe]);const ge=a((()=>{Z(!1),ne(null),V&&V(),ie("")}),[V]);l((()=>{J&&J!==z.current&&ge()}),[J,ge]);const Oe=a((e=>te.findIndex((n=>n===e))),[te]),we=a((e=>{const n=p.isEnterKey(e)||p.isSpaceKey(e);if(!n&&!p.isDownKey(e)||Y||(e.preventDefault(),ve()),Y){const t=Oe(ee);let r=t;if(ee||(n&&!E||p.isSpaceKey(e)&&E)&&(e.preventDefault(),ge()),p.isDownKey(e)&&(e.preventDefault(),r<ce-1&&(r+=1)),p.isUpKey(e)&&(e.preventDefault(),ae(!1),r>0&&(r-=1)),p.isEscKey(e))return null==K||K(e),void ge();p.isHomeKey(e)&&(e.preventDefault(),e.stopPropagation(),r=0),p.isEndKey(e)&&(e.preventDefault(),e.stopPropagation(),r=ce-1),1===e.key.length?(e.stopPropagation(),fe.current?be():ye(),ie(`${oe}${e.key.toLowerCase()}`)):ie(""),p.composedPath(e.nativeEvent).find((e=>e instanceof HTMLElement&&("input"===e.getAttribute("data-element")||"input-icon-toggle"===e.getAttribute("data-element"))))||p.isEnterKey(e)&&setTimeout((()=>ge()),0),r!==t&&ne(te[r])}}),[te,Y,E,ce,ee,Oe,ve,ge,K,oe,be,ye]);return l((()=>{if($&&_){const e=null==$?void 0:$.querySelectorAll(O);e&&re(Array.from(e).filter((e=>e.querySelector(j))).map((e=>e.getAttribute("id"))))}}),[_,Y,$]),l((()=>{const e=null==$?void 0:$.querySelectorAll(O);if(e&&""!==oe){const n=Array.from(e),t=f(oe,n);t&&ne(t.id)}}),[$,oe,te]),e(c,G?{"data-component":"submenu-wrapper",inFullscreenView:G,asPassiveItem:q,menuType:X,children:[n(s,P(D({},B),{onClick:q?void 0:H,className:k,menuType:X,ref:x,href:E,menuItemVariant:C,inFullscreenView:G,asDiv:q,children:A})),n(m,{"data-component":"submenu",variant:C,menuType:X,inFullscreenView:G,ref:U,applyFocusRadiusStyling:!1,applyFocusRadiusStylingToLastItem:le,children:n(y.Provider,{value:{handleKeyDown:we,blockIndex:de,updateFocusId:ne},children:_})})]}:{"data-component":"submenu-wrapper","data-role":"submenu-wrapper",onMouseOver:M?void 0:()=>ve(),onMouseLeave:()=>ge(),isSubmenuOpen:Y,ref:U,children:[n(s,P(D({},B),{className:k,menuType:X,ref:x,icon:T,tabIndex:-1,menuItemVariant:C,isOpen:Y,hasSubmenu:!0,showDropdownArrow:F,onKeyDown:we,onClick:e=>{ve(),H&&H(e)},clickToOpen:M,href:E,maxWidth:W,"aria-expanded":Y,"data-role":"submenu-parent-item",children:A})),Y&&n(m,{"data-component":"submenu",submenuDirection:I,variant:C,menuType:X,role:0===de?"presentation":"list",maxHeight:me,applyFocusRadiusStyling:ue,applyFocusRadiusStylingToLastItem:le,submenuMaxWidth:L,submenuMinWidth:N,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||ge()},children:n(y.Provider,{value:{submenuFocusId:ee,handleKeyDown:we,blockIndex:de,updateFocusId:ne,submenuHasMaxWidth:!!L},children:_})})]})}));_.displayName="submenu";export{_ as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import r,{forwardRef as o,useRef as n,useContext as i,useImperativeHandle as l}from"react";import{offset as a,flip as s}from"@floating-ui/dom";import c from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import u from"../split-button/__internal__/split-button.context.js";import{StyledMultiActionButton as p,StyledButtonChildrenContainer as d}from"./multi-action-button.style.js";import f from"../button/button.component.js";import m from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import b from"../../style/utils/filter-styled-system-margin-props.js";import y from"../../style/utils/filter-out-styled-system-spacing-props.js";import g from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import j from"../flat-table/__internal__/flat-table.context.js";import O from"../../__internal__/utils/helpers/guid/index.js";function h(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function _(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){h(t,e,r[e])}))}return t}function w(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 P=o(((o,h)=>{var{align:P="left",position:v="left",disabled:x,buttonType:k,size:S,children:B,text:C,subtext:T,width:D,onClick:z,"data-element":A,"data-role":E}=o,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}(o,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const K=n(null),{isInFlatTable:L}=i(j),F=n(O());l(h,(()=>({focusMainButton(){var t;null===(t=K.current)||void 0===t||t.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:M,showButtons:N,hideButtons:U,buttonNode:V,handleToggleButtonKeyDown:q,wrapperProps:G,contextValue:H}=g(K),J=c(U),Q=_({disabled:x,displayed:M,onTouchStart:N,onKeyDown:q,onClick:t=>{M?U():N(),J(),z&&z(t)},buttonType:k,size:S,subtext:T},y(I)),R=b(I);return t(p,w(_({ref:V,"data-component":"multi-action-button","data-element":A,"data-role":E,displayed:M,width:D},R),{children:[e(f,w(_({"aria-expanded":M,"aria-controls":F.current,"data-element":"toggle-button"},Q),{ref:K,iconPosition:"after",iconType:"dropdown",children:C}),"toggle-button"),M&&e(m,{disableBackgroundUI:L,disablePortal:!0,placement:"left"===v?"bottom-start":"bottom-end",reference:V,popoverStrategy:"fixed",middleware:[a(6),s({fallbackStrategy:"initialPlacement"})],children:e(d,w(_({id:F.current},G),{align:P,children:e(u.Provider,{value:H,children:r.Children.map(B,(t=>e("li",{children:t})))})}))})]}))}));export{P as MultiActionButton,P as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as t}from"styled-components";import{margin as
|
|
1
|
+
import o,{css as t}from"styled-components";import{margin as i}from"styled-system";import r from"../button/button.style.js";import n from"../../style/themes/apply-base-theme.js";import e from"../icon/icon.style.js";import a from"../../style/utils/element-sizing.js";import{borderRadiusStyling as s}from"../split-button/split-button-children.style.js";const l=o.div.attrs(n).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"sc-7205beec-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,","{color:var(--colorsActionMajorYang100);}}","}"],i,(({width:o})=>o&&t([""," ","{width:100%;justify-content:space-between;}"],a({width:o}),r)),r,e,e,(({displayed:o})=>o&&t(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],e))),c=o.ul.attrs(n).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-7205beec-1"})(["",""],(({theme:o,align:i,minWidth:n})=>t(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],n,o.zIndex.popover,s,r,i,i)));export{c as StyledButtonChildrenContainer,l as StyledMultiActionButton};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r,{css as o}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import d from"../button/button.style.js";const i="\n > {\n &:first-child:last-child > * {\n border-radius: var(--borderRadius100);\n }\n\n &:first-child:not(:last-child) > * {\n border-top-left-radius: var(--borderRadius100);\n border-top-right-radius: var(--borderRadius100);\n border-bottom-right-radius: var(--borderRadius000);\n border-bottom-left-radius: var(--borderRadius000);\n }\n\n &:not(:first-child):not(:last-child) > * {\n border-radius: var(--borderRadius000);\n }\n\n &:last-child:not(:first-child) > * {\n border-top-right-radius: var(--borderRadius000);\n border-top-left-radius: var(--borderRadius000);\n border-bottom-left-radius: var(--borderRadius100);\n border-bottom-right-radius: var(--borderRadius100);\n }\n }\n",a=r.ul.attrs(t).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"sc-
|
|
1
|
+
import r,{css as o}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import d from"../button/button.style.js";const i="\n > {\n &:first-child:last-child > * {\n border-radius: var(--borderRadius100);\n }\n\n &:first-child:not(:last-child) > * {\n border-top-left-radius: var(--borderRadius100);\n border-top-right-radius: var(--borderRadius100);\n border-bottom-right-radius: var(--borderRadius000);\n border-bottom-left-radius: var(--borderRadius000);\n }\n\n &:not(:first-child):not(:last-child) > * {\n border-radius: var(--borderRadius000);\n }\n\n &:last-child:not(:first-child) > * {\n border-top-right-radius: var(--borderRadius000);\n border-top-left-radius: var(--borderRadius000);\n border-bottom-left-radius: var(--borderRadius100);\n border-bottom-right-radius: var(--borderRadius100);\n }\n }\n",a=r.ul.attrs(t).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"sc-b97d9599-0"})(["border-radius:var(--borderRadius100);",""],(({theme:r,align:t,minWidth:a})=>o(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],a,r.zIndex.popover,i,d,t,t)));export{i as borderRadiusStyling,a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{forwardRef as r,useContext as n,useRef as i,useImperativeHandle as l}from"react";import{ThemeContext as s}from"styled-components";import{offset as a,flip as c}from"@floating-ui/dom";import
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{forwardRef as r,useContext as n,useRef as i,useImperativeHandle as l}from"react";import{ThemeContext as s}from"styled-components";import{offset as a,flip as c}from"@floating-ui/dom";import u from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import p from"../icon/icon.component.js";import m from"../button/button.component.js";import d from"./split-button.style.js";import b from"./split-button-toggle.style.js";import f from"./split-button-children.style.js";import y from"../../__internal__/utils/helpers/guid/index.js";import g from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import h from"../../style/utils/filter-styled-system-margin-props.js";import j from"../../style/utils/filter-out-styled-system-spacing-props.js";import"../../style/themes/sage/index.js";import O from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import _ from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import v from"./__internal__/split-button.context.js";import w from"../../hooks/__internal__/useLocale/useLocale.js";import P from"../flat-table/__internal__/flat-table.context.js";function x(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function k(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),r.forEach((function(e){x(t,e,o[e])}))}return t}function T(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 o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e}(Object(e)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))})),t}const S=r(((r,x)=>{var{align:S="left",position:B="right",buttonType:C="secondary",children:D,disabled:L=!1,iconPosition:z="before",iconType:W,onClick:A,size:E="medium",subtext:I,text:F,"data-element":K,"data-role":M,"aria-label":N,isWhite:U=!1}=r,V=function(t,e){if(null==t)return{};var o,r,n=function(t,e){if(null==t)return{};var o,r,n={},i=Object.keys(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||(n[o]=t[o]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}(r,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const q=w(),G=n(s)||O,H=i(y()),J=i(y()),Q=i(null),R=i(null),{isInFlatTable:X}=n(P),Y="secondary"===C&&U;l(x,(()=>({focusMainButton(){var t;null===(t=Q.current)||void 0===t||t.focus()},focusToggleButton(){var t;null===(t=R.current)||void 0===t||t.focus()}})),[]);const{showAdditionalButtons:Z,showButtons:$,hideButtons:tt,buttonNode:et,handleToggleButtonKeyDown:ot,wrapperProps:rt,contextValue:nt}=_(R,.75),it=k({onFocus:tt,onTouchStart:tt,iconPosition:z,buttonType:C,disabled:L,iconType:W,onClick:t=>{var e;null===(e=Q.current)||void 0===e||e.focus(),A&&A(t)},size:E,subtext:I,isWhite:Y},j(V)),lt={isWhite:Y,disabled:L,displayed:Z,onTouchStart:$,onKeyDown:ot,onClick:()=>{var t;null===(t=R.current)||void 0===t||t.focus({preventScroll:!0}),Z?tt():$()},buttonType:C,size:E},st=u(tt),at=h(V);return t(d,T(k({onClick:st,ref:et},{"data-component":"split-button","data-element":K,"data-role":M},at),{children:[[e(m,T(k({"data-element":"main-button",id:H.current,ref:Q},it),{children:F}),"main-button"),e(b,T(k({"aria-expanded":Z,"aria-controls":J.current,"aria-label":N||q.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:R},lt),{children:e(p,{type:"dropdown",color:{primary:G.colors.white,secondary:G.colors.primary}[C],bg:"transparent",disabled:L})}),"toggle-button")],Z?e(g,{disableBackgroundUI:X,disablePortal:!0,placement:"left"===B?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:et,middleware:[a(6),c({fallbackStrategy:"initialPlacement"})],children:e(f,T(k({id:J.current},rt),{align:S,children:e(v.Provider,{value:nt,children:o.Children.map(D,(t=>e("li",{children:t})))})}))}):null]}))}));export{S as SplitButton,S as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as t,useRef as
|
|
1
|
+
import{useState as t,useRef as e,useCallback as n}from"react";import o from"../../../__internal__/utils/helpers/events/events.js";import r from"../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js";const l=(l,u=1)=>{const[i,a]=t(!1),[s,d]=t(0),c=e(null),v=e(null),p=n((()=>{a(!1)}),[]);function f(){a(!0),c.current&&d(u*c.current.getBoundingClientRect().width)}const m=n((()=>{var t;return null===(t=v.current)||void 0===t?void 0:t.querySelectorAll('[data-component="button"]')}),[]),y=r(l,m,p,i),h={inSplitButton:!0,onChildButtonClick:t=>e=>{var n;null==t||t(e),p(),null===(n=l.current)||void 0===n||n.focus()}};return{showAdditionalButtons:i,showButtons:f,hideButtons:p,buttonNode:c,handleToggleButtonKeyDown:t=>{const e=o.isEnterKey(t)||o.isSpaceKey(t);var n,r;!e&&!o.isDownKey(t)||i||(t.preventDefault(),f()),o.isDownKey(t)&&i&&(t.preventDefault(),null===(r=m())||void 0===r||null===(n=r[0])||void 0===n||n.focus({preventScroll:!0})),e&&i&&(t.preventDefault(),p())},wrapperProps:{"data-element":"additional-buttons",role:"list",onKeyDown:y,minWidth:s,ref:v},contextValue:h}};export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../menu-item/menu-item.style.js"),r=require("./submenu.style.js"),u=require("../../../../__internal__/utils/helpers/events/events.js"),o=require("../strict-menu.context.js"),a=require("../keyboard-navigation/index.js"),l=require("./submenu.context.js"),i=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../locators.js"),c=require("../../../../hooks/__internal__/useStableCallback/useStableCallback.js"),d=require("../../../navigation-bar/__internal__/fixed-navigation-bar.context.js"),p=require("../../../../__internal__/focus-trap/focus-trap-utils.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../menu-item/menu-item.style.js"),r=require("./submenu.style.js"),u=require("../../../../__internal__/utils/helpers/events/events.js"),o=require("../strict-menu.context.js"),a=require("../keyboard-navigation/index.js"),l=require("./submenu.context.js"),i=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../locators.js"),c=require("../../../../hooks/__internal__/useStableCallback/useStableCallback.js"),d=require("../../../navigation-bar/__internal__/fixed-navigation-bar.context.js"),p=require("../../../../__internal__/focus-trap/focus-trap-utils.js");function m(e){return e&&e.__esModule?e:{default:e}}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(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){f(e,t,n[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const S=m(t).default.forwardRef(((m,f)=>{var{children:S,className:v,title:O,icon:h,submenuDirection:g="right",onKeyDown:j,variant:w="default",showDropdownArrow:x=!0,clickToOpen:_,href:C,maxWidth:E,asPassiveItem:D,onSubmenuOpen:L,onSubmenuClose:k,onClick:A,submenuMaxWidth:P,submenuMinWidth:q}=m,T=function(e,t){if(null==e)return{};var n,r,u=function(e,t){if(null==e)return{};var n,r,u={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(u[n]=e[n]);return u}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(u[n]=e[n])}return u}(m,["children","className","title","icon","submenuDirection","onKeyDown","variant","showDropdownArrow","clickToOpen","href","maxWidth","asPassiveItem","onSubmenuOpen","onSubmenuClose","onClick","submenuMaxWidth","submenuMinWidth"]);const[I,K]=t.useState(null),R=t.useRef(i.default()),{inFullscreenView:M,openSubmenuId:F,setOpenSubmenuId:W,menuType:B}=o.useStrictMenuContext(),[N,H]=t.useState(!1),[V,$]=t.useState(null),[U,X]=t.useState([]),[z,G]=t.useState(""),[J,Q]=t.useState(!1),[Y,Z]=t.useState(!1),ee=U.length,{submenuMaxHeight:te}=t.useContext(d.default),ne=c.useStableCallback(L),re=t.useMemo((()=>{const e=null==I?void 0:I.querySelectorAll(s.BLOCK_INDEX_SELECTOR);if(e&&N&&ee){const t=Array.from(e),n=null==I?void 0:I.querySelector(`[data-component='${s.SCROLLABLE_BLOCK}']`),r=n?t.indexOf(n):-1;return(null==n?void 0:n.querySelector(`[data-component='${s.SCROLLABLE_BLOCK_PARENT}']`))?r+1:r}return-1}),[N,ee,I]),ue=t.useRef(null),oe=t.useCallback((()=>{ue.current=setTimeout((()=>{G("")}),1500)}),[]),ae=t.useCallback((()=>{ue.current&&clearTimeout(ue.current),oe()}),[oe]);t.useEffect((()=>()=>{ue.current&&clearTimeout(ue.current)}),[]);const le=t.useCallback((()=>{H(!0),W(R.current)}),[W]),ie=t.useRef();t.useEffect((()=>{N&&I&&(()=>{var e;const t=Array.from((null==I?void 0:I.querySelectorAll("ul:not([data-component='submenu'])"))||[]);if(0===t.length)return;const n=Array.from((null==I?void 0:I.querySelectorAll("[data-component='menu-item']"))||[]).pop();ie.current=n;const r=t.pop(),u=Boolean((null==r||null===(e=r.parentElement)||void 0===e?void 0:e.dataset.component)===s.SCROLLABLE_BLOCK),o=Array.from((null==r?void 0:r.querySelectorAll("[data-component='menu-item']"))||[]).pop();let a=!1;o&&r&&(a=o.getBoundingClientRect().bottom<r.getBoundingClientRect().bottom);const l=!!o&&o===n;Q(l),Z(l&&!u||l&&u&&!a)})()}),[N,I,ee]),t.useEffect((()=>{N&&ne&&ne()}),[N,ne]);const se=t.useCallback((()=>{H(!1),$(null),k&&k(),G("")}),[k]);t.useEffect((()=>{F&&F!==R.current&&se()}),[F,se]);const ce=t.useCallback((e=>U.findIndex((t=>t===e))),[U]),de=t.useCallback((e=>{const t=u.default.isEnterKey(e)||u.default.isSpaceKey(e);if(!t&&!u.default.isDownKey(e)||N||(e.preventDefault(),le()),N){const n=ce(V);let r=n;if(V||(t&&!C||u.default.isSpaceKey(e)&&C)&&(e.preventDefault(),se()),u.default.isDownKey(e)&&(e.preventDefault(),r<ee-1&&(r+=1)),u.default.isUpKey(e)&&(e.preventDefault(),Q(!1),r>0&&(r-=1)),u.default.isEscKey(e))return null==j||j(e),void se();u.default.isHomeKey(e)&&(e.preventDefault(),e.stopPropagation(),r=0),u.default.isEndKey(e)&&(e.preventDefault(),e.stopPropagation(),r=ee-1),1===e.key.length?(e.stopPropagation(),ue.current?ae():oe(),G(`${z}${e.key.toLowerCase()}`)):G(""),u.default.composedPath(e.nativeEvent).find((e=>e instanceof HTMLElement&&("input"===e.getAttribute("data-element")||"input-icon-toggle"===e.getAttribute("data-element"))))||u.default.isEnterKey(e)&&setTimeout((()=>se()),0),r!==n&&$(U[r])}}),[U,N,C,ee,V,ce,le,se,j,z,ae,oe]);return t.useEffect((()=>{if(I&&S){const e=null==I?void 0:I.querySelectorAll(s.ALL_CHILDREN_SELECTOR);e&&X(Array.from(e).filter((e=>e.querySelector(p.defaultFocusableSelectors))).map((e=>e.getAttribute("id"))))}}),[S,N,I]),t.useEffect((()=>{const e=null==I?void 0:I.querySelectorAll(s.ALL_CHILDREN_SELECTOR);if(e&&""!==z){const t=Array.from(e),n=a.characterNavigation(z,t);n&&$(n.id)}}),[I,z,U]),M?e.jsxs(r.StyledSubmenuWrapper,{"data-component":"submenu-wrapper",inFullscreenView:M,asPassiveItem:D,menuType:B,children:[e.jsx(n.default,y(b({},T),{onClick:D?void 0:A,className:v,menuType:B,ref:f,href:C,menuItemVariant:w,inFullscreenView:M,asDiv:D,children:O})),e.jsx(r.StyledSubmenu,{"data-component":"submenu",variant:w,menuType:B,inFullscreenView:M,ref:K,applyFocusRadiusStyling:!1,applyFocusRadiusStylingToLastItem:Y,children:e.jsx(l.default.Provider,{value:{handleKeyDown:de,blockIndex:re,updateFocusId:$},children:S})})]}):e.jsxs(r.StyledSubmenuWrapper,{"data-component":"submenu-wrapper","data-role":"submenu-wrapper",onMouseOver:_?void 0:()=>le(),onMouseLeave:()=>se(),isSubmenuOpen:N,ref:K,children:[e.jsx(n.default,y(b({},T),{className:v,menuType:B,ref:f,icon:h,tabIndex:-1,menuItemVariant:w,isOpen:N,hasSubmenu:!0,showDropdownArrow:x,onKeyDown:de,onClick:e=>{le(),A&&A(e)},clickToOpen:_,href:C,maxWidth:E,"aria-expanded":N,"data-role":"submenu-parent-item",children:O})),N&&e.jsx(r.StyledSubmenu,{"data-component":"submenu",submenuDirection:g,variant:w,menuType:B,role:0===re?"presentation":"list",maxHeight:te,applyFocusRadiusStyling:J,applyFocusRadiusStylingToLastItem:Y,submenuMaxWidth:P,submenuMinWidth:q,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||se()},children:e.jsx(l.default.Provider,{value:{submenuFocusId:V,handleKeyDown:de,blockIndex:re,updateFocusId:$,submenuHasMaxWidth:!!P},children:S})})]})}));S.displayName="submenu",exports.default=S;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@floating-ui/dom"),n=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),o=require("../split-button/__internal__/split-button.context.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@floating-ui/dom"),n=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),o=require("../split-button/__internal__/split-button.context.js"),l=require("./multi-action-button.style.js"),i=require("../button/button.component.js"),u=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var a=require("../../style/utils/filter-styled-system-margin-props.js"),s=require("../../style/utils/filter-out-styled-system-spacing-props.js"),c=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),d=require("../flat-table/__internal__/flat-table.context.js"),p=require("../../__internal__/utils/helpers/guid/index.js");function f(e){return e&&e.__esModule?e:{default:e}}var b=f(t);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 j(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 g(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 m=t.forwardRef(((f,y)=>{var{align:m="left",position:O="left",disabled:h,buttonType:_,size:w,children:x,text:v,subtext:P,width:q,onClick:k,"data-element":S,"data-role":B}=f,C=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(f,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const T=t.useRef(null),{isInFlatTable:D}=t.useContext(d.default),A=t.useRef(p.default());t.useImperativeHandle(y,(()=>({focusMainButton(){var e;null===(e=T.current)||void 0===e||e.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:M,showButtons:I,hideButtons:z,buttonNode:E,handleToggleButtonKeyDown:R,wrapperProps:K,contextValue:L}=c.default(T),F=n.default(z),H=j({disabled:h,displayed:M,onTouchStart:I,onKeyDown:R,onClick:e=>{M?z():I(),F(),k&&k(e)},buttonType:_,size:w,subtext:P},s.default(C)),N=a.default(C);return e.jsxs(l.StyledMultiActionButton,g(j({ref:E,"data-component":"multi-action-button","data-element":S,"data-role":B,displayed:M,width:q},N),{children:[e.jsx(i.default,g(j({"aria-expanded":M,"aria-controls":A.current,"data-element":"toggle-button"},H),{ref:T,iconPosition:"after",iconType:"dropdown",children:v}),"toggle-button"),M&&e.jsx(u.default,{disableBackgroundUI:D,disablePortal:!0,placement:"left"===O?"bottom-start":"bottom-end",reference:E,popoverStrategy:"fixed",middleware:[r.offset(6),r.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(l.StyledButtonChildrenContainer,g(j({id:A.current},K),{align:m,children:e.jsx(o.default.Provider,{value:L,children:b.default.Children.map(x,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.MultiActionButton=m,exports.default=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("styled-components"),o=require("styled-system"),e=require("../button/button.style.js"),r=require("../../style/themes/apply-base-theme.js"),
|
|
1
|
+
"use strict";var t=require("styled-components"),o=require("styled-system"),e=require("../button/button.style.js"),r=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js"),n=require("../../style/utils/element-sizing.js"),a=require("../split-button/split-button-children.style.js");function l(t){return t&&t.__esModule?t:{default:t}}var s=l(t);const d=s.default.div.attrs(r.default).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"sc-7205beec-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,","{color:var(--colorsActionMajorYang100);}}","}"],o.margin,(({width:o})=>o&&t.css([""," ","{width:100%;justify-content:space-between;}"],n.default({width:o}),e.default)),e.default,i.default,i.default,(({displayed:o})=>o&&t.css(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],i.default))),c=s.default.ul.attrs(r.default).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-7205beec-1"})(["",""],(({theme:o,align:r,minWidth:i})=>t.css(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],i,o.zIndex.popover,a.borderRadiusStyling,e.default,r,r)));exports.StyledButtonChildrenContainer=c,exports.StyledMultiActionButton=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),t=require("../../style/themes/apply-base-theme.js"),e=require("../button/button.style.js");function d(r){return r&&r.__esModule?r:{default:r}}const o="\n > {\n &:first-child:last-child > * {\n border-radius: var(--borderRadius100);\n }\n\n &:first-child:not(:last-child) > * {\n border-top-left-radius: var(--borderRadius100);\n border-top-right-radius: var(--borderRadius100);\n border-bottom-right-radius: var(--borderRadius000);\n border-bottom-left-radius: var(--borderRadius000);\n }\n\n &:not(:first-child):not(:last-child) > * {\n border-radius: var(--borderRadius000);\n }\n\n &:last-child:not(:first-child) > * {\n border-top-right-radius: var(--borderRadius000);\n border-top-left-radius: var(--borderRadius000);\n border-bottom-left-radius: var(--borderRadius100);\n border-bottom-right-radius: var(--borderRadius100);\n }\n }\n",i=d(r).default.ul.attrs(t.default).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"sc-b97d9599-0"})(["border-radius:var(--borderRadius100);",""],(({theme:t,align:d,minWidth:i})=>r.css(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],i,t.zIndex.popover,o,e.default,d,d)));exports.borderRadiusStyling=o,exports.default=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),i=require("../icon/icon.component.js"),l=require("../button/button.component.js"),s=require("./split-button.style.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),i=require("../icon/icon.component.js"),l=require("../button/button.component.js"),s=require("./split-button.style.js"),u=require("./split-button-toggle.style.js"),a=require("./split-button-children.style.js"),c=require("../../__internal__/utils/helpers/guid/index.js"),d=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var p=require("../../style/utils/filter-styled-system-margin-props.js"),f=require("../../style/utils/filter-out-styled-system-spacing-props.js");require("../../style/themes/sage/index.js");var b=require("../../style/themes/base/index.js");require("../../style/themes/none/index.js");var y=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),j=require("./__internal__/split-button.context.js"),m=require("../../hooks/__internal__/useLocale/useLocale.js"),h=require("../flat-table/__internal__/flat-table.context.js");function g(e){return e&&e.__esModule?e:{default:e}}var _=g(t);function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},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){x(e,t,r[t])}))}return e}function v(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 q=t.forwardRef(((g,x)=>{var{align:q="left",position:w="right",buttonType:P="secondary",children:k,disabled:C=!1,iconPosition:T="before",iconType:S,onClick:B,size:D="medium",subtext:L,text:R,"data-element":z,"data-role":I,"aria-label":W,isWhite:A=!1}=g,E=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(g,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const M=m.default(),F=t.useContext(r.ThemeContext)||b.default,K=t.useRef(c.default()),H=t.useRef(c.default()),N=t.useRef(null),U=t.useRef(null),{isInFlatTable:V}=t.useContext(h.default),G="secondary"===P&&A;t.useImperativeHandle(x,(()=>({focusMainButton(){var e;null===(e=N.current)||void 0===e||e.focus()},focusToggleButton(){var e;null===(e=U.current)||void 0===e||e.focus()}})),[]);const{showAdditionalButtons:J,showButtons:Q,hideButtons:X,buttonNode:Y,handleToggleButtonKeyDown:Z,wrapperProps:$,contextValue:ee}=y.default(U,.75),te=O({onFocus:X,onTouchStart:X,iconPosition:T,buttonType:P,disabled:C,iconType:S,onClick:e=>{var t;null===(t=N.current)||void 0===t||t.focus(),B&&B(e)},size:D,subtext:L,isWhite:G},f.default(E)),re={isWhite:G,disabled:C,displayed:J,onTouchStart:Q,onKeyDown:Z,onClick:()=>{var e;null===(e=U.current)||void 0===e||e.focus({preventScroll:!0}),J?X():Q()},buttonType:P,size:D},ne=o.default(X),oe=p.default(E);return e.jsxs(s.default,v(O({onClick:ne,ref:Y},{"data-component":"split-button","data-element":z,"data-role":I},oe),{children:[[e.jsx(l.default,v(O({"data-element":"main-button",id:K.current,ref:N},te),{children:R}),"main-button"),e.jsx(u.default,v(O({"aria-expanded":J,"aria-controls":H.current,"aria-label":W||M.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:U},re),{children:e.jsx(i.default,{type:"dropdown",color:{primary:F.colors.white,secondary:F.colors.primary}[P],bg:"transparent",disabled:C})}),"toggle-button")],J?e.jsx(d.default,{disableBackgroundUI:V,disablePortal:!0,placement:"left"===w?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:Y,middleware:[n.offset(6),n.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(a.default,v(O({id:H.current},$),{align:q,children:e.jsx(j.default.Provider,{value:ee,children:_.default.Children.map(k,(t=>e.jsx("li",{children:t})))})}))}):null]}))}));exports.SplitButton=q,exports.default=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../__internal__/utils/helpers/events/events.js"),n=require("../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js");exports.default=(u,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../__internal__/utils/helpers/events/events.js"),n=require("../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js");exports.default=(u,l=1)=>{const[o,r]=e.useState(!1),[a,i]=e.useState(0),s=e.useRef(null),d=e.useRef(null),c=e.useCallback((()=>{r(!1)}),[]);function v(){r(!0),s.current&&i(l*s.current.getBoundingClientRect().width)}const f=e.useCallback((()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.querySelectorAll('[data-component="button"]')}),[]),p=n.default(u,f,c,o),y={inSplitButton:!0,onChildButtonClick:e=>t=>{var n;null==e||e(t),c(),null===(n=u.current)||void 0===n||n.focus()}};return{showAdditionalButtons:o,showButtons:v,hideButtons:c,buttonNode:s,handleToggleButtonKeyDown:e=>{const n=t.default.isEnterKey(e)||t.default.isSpaceKey(e);var u,l;!n&&!t.default.isDownKey(e)||o||(e.preventDefault(),v()),t.default.isDownKey(e)&&o&&(e.preventDefault(),null===(l=f())||void 0===l||null===(u=l[0])||void 0===u||u.focus({preventScroll:!0})),n&&o&&(e.preventDefault(),c())},wrapperProps:{"data-element":"additional-buttons",role:"list",onKeyDown:p,minWidth:a,ref:d},contextValue:y}};
|