carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.86 kB
JavaScript
"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"),i=require("./multi-action-button.style.js"),l=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"),d=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),c=require("../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js"),p=require("../flat-table/__internal__/flat-table.context.js"),f=require("../../__internal__/utils/helpers/guid/index.js");function b(e){return e&&e.__esModule?e:{default:e}}var y=b(t);function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){j(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(((b,j)=>{var{align:m="left",position:O="left",disabled:h,buttonType:v,size:w,children:x,text:P,subtext:q,width:S,onClick:k,"data-element":B,"data-role":C}=b,A=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(b,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const M=t.useRef(null),{isInFlatTable:T}=t.useContext(p.default),D=t.useRef(f.default());t.useImperativeHandle(j,(()=>({focusMainButton(){var e;null===(e=M.current)||void 0===e||e.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:I,showButtons:z,hideButtons:E,buttonNode:F,handleToggleButtonKeyDown:R,wrapperProps:K,contextValue:L}=d.default(M),H=n.default(E);c.default((()=>E()));const N=_({disabled:h,displayed:I,onTouchStart:z,onKeyDown:R,onClick:e=>{I?E():z(),H(),k&&k(e)},buttonType:v,size:w,subtext:q},s.default(A)),U=a.default(A);return e.jsxs(i.StyledMultiActionButton,g(_({ref:F,"data-component":"multi-action-button","data-element":B,"data-role":C,displayed:I,width:S},U),{children:[e.jsx(l.default,g(_({"aria-expanded":I,"aria-controls":D.current,"data-element":"toggle-button"},N),{ref:M,iconPosition:"after",iconType:"dropdown",children:P}),"toggle-button"),I&&e.jsx(u.default,{disableBackgroundUI:T,disablePortal:!0,placement:"left"===O?"bottom-start":"bottom-end",reference:F,popoverStrategy:"fixed",middleware:[r.offset(6),r.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(i.StyledButtonChildrenContainer,g(_({id:D.current},K),{align:m,children:e.jsx(o.default.Provider,{value:L,children:y.default.Children.map(x,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.MultiActionButton=m,exports.default=m;