carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/modal/__internal__/modal-manager.js

@@ -1,115 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ModalManagerInstance = void 0;
-var _globals = require("../../../__internal__/dom/globals");
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-let ModalManagerInstance = exports.ModalManagerInstance = /*#__PURE__*/function () {
-  function ModalManagerInstance() {
-    _classCallCheck(this, ModalManagerInstance);
-    _defineProperty(this, "modalList", void 0);
-    _defineProperty(this, "addModal", (modal, setTriggerRefocusFlag, topModalOverride) => {
-      if (!modal) {
-        return;
-      }
-      const {
-        modal: topModal,
-        setTriggerRefocusFlag: setTrapFlag,
-        topModalOverride: topOverridden
-      } = this.getTopModal();
-      if (!topOverridden && topModal && setTrapFlag) {
-        setTrapFlag(false);
-      }
-      this.modalList.push({
-        modal,
-        setTriggerRefocusFlag,
-        topModalOverride
-      });
-      this.callTopModalSetters();
-    });
-    const safeWindow = (0, _globals.getWindow)();
-    if (!safeWindow) {
-      this.modalList = [];
-      return;
-    }
-    // Due to possibility of multiple carbon versions using it
-    // it is necessary to maintain same structure in this global variable
-    if (!safeWindow.__CARBON_INTERNALS_MODAL_LIST) {
-      safeWindow.__CARBON_INTERNALS_MODAL_LIST = [];
-    }
-    this.modalList = safeWindow.__CARBON_INTERNALS_MODAL_LIST;
-  }
-  return _createClass(ModalManagerInstance, [{
-    key: "getTopModal",
-    value: function getTopModal() {
-      if (!this.modalList.length) {
-        return {};
-      }
-      const topModalOverride = this.modalList.slice().reverse().find(modal => modal.topModalOverride);
-      return topModalOverride || this.modalList[this.modalList.length - 1];
-    }
-  }, {
-    key: "isTopmost",
-    value: function isTopmost(modal) {
-      const {
-        modal: topModal
-      } = this.getTopModal();
-      if (!modal || !topModal) {
-        return false;
-      }
-      return modal === topModal;
-    }
-  }, {
-    key: "removeModal",
-    value: function removeModal(modal, triggerRefocusOnClose = true) {
-      const modalIndex = this.modalList.findIndex(({
-        modal: m
-      }) => m === modal);
-      if (modalIndex === -1) {
-        return;
-      }
-      this.modalList.splice(modalIndex, 1);
-      this.callTopModalSetters();
-      if (!this.modalList.length) {
-        return;
-      }
-      const {
-        setTriggerRefocusFlag
-      } = this.getTopModal();
-      if (setTriggerRefocusFlag && triggerRefocusOnClose) {
-        setTriggerRefocusFlag(true);
-      }
-    }
-  }, {
-    key: "clearList",
-    value: function clearList() {
-      const safeWindow = (0, _globals.getWindow)();
-      const cleared = [];
-      if (safeWindow) {
-        safeWindow.__CARBON_INTERNALS_MODAL_LIST = cleared;
-      }
-      this.modalList = cleared;
-      this.callTopModalSetters();
-    }
-  }, {
-    key: "callTopModalSetters",
-    value: function callTopModalSetters() {
-      const safeWindow = (0, _globals.getWindow)();
-      if (safeWindow?.__CARBON_INTERNALS_MODAL_SETTER_LIST) {
-        const topModal = this.getTopModal()?.modal || null;
-        for (const setTopModal of safeWindow.__CARBON_INTERNALS_MODAL_SETTER_LIST) {
-          setTopModal(topModal);
-        }
-      }
-    }
-  }]);
-}();
-const ModalManager = new ModalManagerInstance();
-var _default = exports.default = ModalManager;
+"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;

package/lib/components/modal/__internal__/modal.context.js

@@ -1,9 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = /*#__PURE__*/_react.default.createContext({});
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")).default.createContext({});exports.default=t;

package/lib/components/modal/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _modal.default;
-  }
-});
-var _modal = _interopRequireDefault(require("./modal.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./modal.component.js");exports.default=e.default;

package/lib/components/modal/modal.component.js

@@ -1,119 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _useScrollBlock = _interopRequireDefault(require("../../hooks/__internal__/useScrollBlock"));
-var _portal = _interopRequireDefault(require("../portal"));
-var _globals = require("../../__internal__/dom/globals");
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
-var _modal = require("./modal.style");
-var _modal2 = _interopRequireDefault(require("./__internal__/modal.context"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Modal = ({
-  children,
-  "data-element": dataElement,
-  "data-role": dataRole = "modal",
-  open,
-  onCancel,
-  disableEscKey = false,
-  disableClose,
-  enableBackgroundUI = false,
-  timeout = 300,
-  topModalOverride,
-  restoreFocusOnClose = true,
-  ...rest
-}) => {
-  const ref = (0, _react.useRef)(null);
-  const backgroundNodeRef = (0, _react.useRef)(null);
-  const contentNodeRef = (0, _react.useRef)(null);
-  const [isAnimationComplete, setAnimationComplete] = (0, _react.useState)(false);
-  const [triggerRefocusFlag, setTriggerRefocusFlag] = (0, _react.useState)(false);
-  const {
-    blockScroll,
-    allowScroll
-  } = (0, _useScrollBlock.default)();
-  (0, _react.useEffect)(() => {
-    if (enableBackgroundUI) {
-      return;
-    }
-    if (open) {
-      blockScroll();
-    } else {
-      allowScroll();
-    }
-  }, [allowScroll, blockScroll, enableBackgroundUI, open]);
-  (0, _react.useEffect)(() => {
-    return () => {
-      if (!enableBackgroundUI) {
-        allowScroll();
-      }
-    };
-  }, [allowScroll, enableBackgroundUI]);
-  const closeModal = (0, _react.useCallback)(ev => {
-    if (onCancel && !disableClose && !disableEscKey && _events.default.isEscKey(ev)) {
-      ev.stopImmediatePropagation();
-      onCancel(ev);
-    }
-  }, [disableClose, disableEscKey, onCancel]);
-  const safeDocument = (0, _globals.getDocument)();
-  (0, _useModalManager.default)({
-    open,
-    closeModal,
-    modalRef: ref,
-    setTriggerRefocusFlag,
-    topModalOverride,
-    focusCallToActionElement: restoreFocusOnClose && safeDocument ? safeDocument.activeElement : undefined
-  });
-  let background;
-  let content;
-  if (open) {
-    background = !enableBackgroundUI ? /*#__PURE__*/_react.default.createElement(_modal.StyledModalBackground, {
-      ref: backgroundNodeRef,
-      "data-element": "modal-background",
-      "data-role": "modal-background",
-      transitionName: "modal-background",
-      transitionTime: timeout
-    }) : null;
-    content = children;
-  }
-  return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_modal.StyledModal, _extends({
-    "data-component": "modal",
-    "data-element": dataElement,
-    "data-role": dataRole,
-    "data-state": open ? "open" : "closed",
-    transitionName: "modal",
-    transitionTime: timeout,
-    topModalOverride: topModalOverride,
-    ref: ref
-  }, rest), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, background && /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
-    nodeRef: backgroundNodeRef,
-    key: "modal",
-    appear: true,
-    classNames: "modal-background",
-    timeout: timeout,
-    onEntered: () => setAnimationComplete(true),
-    onExiting: () => setAnimationComplete(false)
-  }, background)), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, content && /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
-    nodeRef: contentNodeRef,
-    appear: true,
-    classNames: "modal",
-    timeout: timeout
-  }, /*#__PURE__*/_react.default.createElement(_modal2.default.Provider, {
-    value: {
-      isAnimationComplete,
-      triggerRefocusFlag,
-      isInModal: true
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: contentNodeRef
-  }, content))))));
-};
-var _default = exports.default = Modal;
+"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"),i=require("../../hooks/__internal__/useModalManager/useModalManager.js"),s=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}exports.default=u=>{var{children:p,"data-element":f,"data-role":m="modal",open:b,onCancel:O,disableEscKey:j=!1,disableClose:g,enableBackgroundUI:y=!1,timeout:v=300,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","timeout","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((()=>{y||(b?q():R())}),[R,q,y,b]),r.useEffect((()=>()=>{y||R()}),[R,y]);const T=r.useCallback((e=>{O&&!g&&!j&&a.default.isEscKey(e)&&(e.stopImmediatePropagation(),O(e))}),[g,j,O]),B=l.getDocument();let D,I;return i.default({open:b,closeModal:T,modalRef:P,setTriggerRefocusFlag:C,topModalOverride:_,focusCallToActionElement:h&&B?B.activeElement:void 0}),b&&(D=y?null:e.jsx(s.StyledModalBackground,{ref:k,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:v}),I=p),e.jsx(n.Portal,{children:e.jsxs(s.StyledModal,(F=d({"data-component":"modal","data-element":f,"data-role":m,"data-state":b?"open":"closed",transitionName:"modal",transitionTime:v,topModalOverride:_,ref:P},S),N={children:[e.jsx(t.TransitionGroup,{children:D&&e.jsx(t.CSSTransition,{nodeRef:k,appear:!0,classNames:"modal-background",timeout:v,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:v,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};

package/lib/components/modal/modal.style.js

@@ -1,79 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledModalBackground = exports.StyledModal = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const backgroundOpacity = "0.6";
-const StyledModalBackground = exports.StyledModalBackground = _styledComponents.default.div`
-  background-color: rgba(0, 20, 29, 1);
-  bottom: 0;
-  left: 0;
-  opacity: ${backgroundOpacity};
-  position: fixed;
-  right: 0;
-  top: 0;
-
-  ${({
-  transitionName,
-  transitionTime
-}) => (0, _styledComponents.css)`
-    &.${transitionName}-enter, .${transitionName}-appear {
-      opacity: 0;
-    }
-
-    &.${transitionName}-enter.${transitionName}-enter-active,
-      &.${transitionName}-appear.${transitionName}-appear-active {
-      opacity: ${backgroundOpacity};
-      transition: opacity ${transitionTime}ms ease-out;
-    }
-
-    &.${transitionName}-exit {
-      opacity: ${backgroundOpacity};
-    }
-
-    &.${transitionName}-exit.${transitionName}-exit-active {
-      opacity: 0;
-      transition: opacity ${transitionTime}ms 100ms ease-out;
-    }
-  `};
-`;
-const StyledModal = exports.StyledModal = _styledComponents.default.div`
-  position: absolute;
-  z-index: ${({
-  theme,
-  topModalOverride
-}) => `${topModalOverride ? theme.zIndex.notification : theme.zIndex.modal}`};
-
-  ${({
-  transitionName,
-  transitionTime
-}) => (0, _styledComponents.css)`
-    .${transitionName}-enter, .${transitionName}-appear {
-      opacity: 0;
-    }
-
-    .${transitionName}-enter.${transitionName}-enter-active,
-      .${transitionName}-appear.${transitionName}-appear-active {
-      opacity: 1;
-      transition: all ${transitionTime}ms 100ms ease-out;
-    }
-
-    .${transitionName}-exit {
-      opacity: 1;
-    }
-
-    .${transitionName}-exit.${transitionName}-exit-active {
-      opacity: 0;
-      transition: all ${transitionTime}ms ease-out;
-    }
-  `}
-`;
-StyledModal.defaultProps = {
-  theme: _base.default
-};
+"use strict";var t=require("styled-components"),e=require("../../style/themes/base/index.js");function a(t){return t&&t.__esModule?t:{default:t}}var i=a(t);const o="0.6",n=i.default.div.withConfig({displayName:"modal.style__StyledModalBackground",componentId:"sc-50787d14-0"})(["background-color:rgba(0,20,29,1);bottom:0;left:0;opacity:",";position:fixed;right:0;top:0;",";"],o,(({transitionName:e,transitionTime:a})=>t.css(["&.","-enter,.","-appear{opacity:0;}&.","-enter.","-enter-active,&.","-appear.","-appear-active{opacity:",";transition:opacity ","ms ease-out;}&.","-exit{opacity:",";}&.","-exit.","-exit-active{opacity:0;transition:opacity ","ms 100ms ease-out;}"],e,e,e,e,e,e,o,a,e,o,e,e,a))),s=i.default.div.withConfig({displayName:"modal.style__StyledModal",componentId:"sc-50787d14-1"})(["position:absolute;z-index:",";",""],(({theme:t,topModalOverride:e})=>`${e?t.zIndex.notification:t.zIndex.modal}`),(({transitionName:e,transitionTime:a})=>t.css([".","-enter,.","-appear{opacity:0;}.","-enter.","-enter-active,.","-appear.","-appear-active{opacity:1;transition:all ","ms 100ms ease-out;}.","-exit{opacity:1;}.","-exit.","-exit-active{opacity:0;transition:all ","ms ease-out;}"],e,e,e,e,e,e,a,e,e,e,a)));s.defaultProps={theme:e.default},exports.StyledModal=s,exports.StyledModalBackground=n;

package/lib/components/modal/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/modal/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/modal/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/multi-action-button/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _multiActionButton.default;
-  }
-});
-var _multiActionButton = _interopRequireDefault(require("./multi-action-button.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("./multi-action-button.component.js");exports.default=t.MultiActionButton;

package/lib/components/multi-action-button/multi-action-button.component.js

@@ -1,106 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MultiActionButton = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dom = require("@floating-ui/dom");
-var _useClickAwayListener = _interopRequireDefault(require("../../hooks/__internal__/useClickAwayListener"));
-var _splitButton = _interopRequireDefault(require("../split-button/__internal__/split-button.context"));
-var _multiActionButton = require("./multi-action-button.style");
-var _button = _interopRequireDefault(require("../button"));
-var _popover = _interopRequireDefault(require("../../__internal__/popover"));
-var _utils = require("../../style/utils");
-var _useChildButtons = _interopRequireDefault(require("../../hooks/__internal__/useChildButtons"));
-var _flatTable = _interopRequireDefault(require("../flat-table/__internal__/flat-table.context"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const MultiActionButton = exports.MultiActionButton = /*#__PURE__*/(0, _react.forwardRef)(({
-  align = "left",
-  position = "left",
-  disabled,
-  buttonType,
-  size,
-  children,
-  text,
-  subtext,
-  width,
-  onClick,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  ...rest
-}, ref) => {
-  const buttonRef = (0, _react.useRef)(null);
-  const {
-    isInFlatTable
-  } = (0, _react.useContext)(_flatTable.default);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    focusMainButton() {
-      buttonRef.current?.focus();
-    }
-  }), []);
-  const {
-    showAdditionalButtons,
-    showButtons,
-    hideButtons,
-    buttonNode,
-    handleToggleButtonKeyDown,
-    wrapperProps,
-    contextValue
-  } = (0, _useChildButtons.default)(buttonRef);
-  const handleInsideClick = (0, _useClickAwayListener.default)(hideButtons);
-  const handleClick = ev => {
-    showButtons();
-    handleInsideClick();
-    if (onClick) {
-      onClick(ev);
-    }
-  };
-  const mainButtonProps = {
-    disabled,
-    displayed: showAdditionalButtons,
-    onTouchStart: showButtons,
-    onKeyDown: handleToggleButtonKeyDown,
-    onClick: handleClick,
-    buttonType,
-    size,
-    subtext,
-    ...(0, _utils.filterOutStyledSystemSpacingProps)(rest)
-  };
-  const renderAdditionalButtons = () => /*#__PURE__*/_react.default.createElement(_popover.default, {
-    disableBackgroundUI: isInFlatTable,
-    disablePortal: true,
-    placement: position === "left" ? "bottom-start" : /* istanbul ignore next */"bottom-end",
-    reference: buttonNode,
-    popoverStrategy: "fixed",
-    middleware: [(0, _dom.offset)(6), (0, _dom.flip)({
-      fallbackStrategy: "initialPlacement"
-    })]
-  }, /*#__PURE__*/_react.default.createElement(_multiActionButton.StyledButtonChildrenContainer, _extends({}, wrapperProps, {
-    align: align
-  }), /*#__PURE__*/_react.default.createElement(_splitButton.default.Provider, {
-    value: contextValue
-  }, _react.default.Children.map(children, child => /*#__PURE__*/_react.default.createElement("li", null, child)))));
-  const marginProps = (0, _utils.filterStyledSystemMarginProps)(rest);
-  return /*#__PURE__*/_react.default.createElement(_multiActionButton.StyledMultiActionButton, _extends({
-    ref: buttonNode,
-    "data-component": "multi-action-button",
-    "data-element": dataElement,
-    "data-role": dataRole,
-    displayed: showAdditionalButtons,
-    width: width
-  }, marginProps), /*#__PURE__*/_react.default.createElement(_button.default, _extends({
-    "aria-haspopup": "true",
-    "aria-expanded": showAdditionalButtons,
-    "data-element": "toggle-button",
-    key: "toggle-button"
-  }, mainButtonProps, {
-    ref: buttonRef,
-    iconPosition: "after",
-    iconType: "dropdown"
-  }), text), showAdditionalButtons && renderAdditionalButtons());
-});
-var _default = exports.default = MultiActionButton;
+"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"),c=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),d=require("../flat-table/__internal__/flat-table.context.js");function p(e){return e&&e.__esModule?e:{default:e}}var f=p(t);function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){b(e,t,r[t])}))}return e}function j(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const m=t.forwardRef(((p,b)=>{var{align:m="left",position:O="left",disabled:g,buttonType:h,size:w,children:_,text:x,subtext:v,width:P,onClick:q,"data-element":k,"data-role":B}=p,C=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}(p,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const S=t.useRef(null),{isInFlatTable:T}=t.useContext(d.default);t.useImperativeHandle(b,(()=>({focusMainButton(){var e;null===(e=S.current)||void 0===e||e.focus()}})),[]);const{showAdditionalButtons:D,showButtons:A,hideButtons:M,buttonNode:I,handleToggleButtonKeyDown:z,wrapperProps:E,contextValue:K}=c.default(S),L=n.default(M),R=y({disabled:g,displayed:D,onTouchStart:A,onKeyDown:z,onClick:e=>{A(),L(),q&&q(e)},buttonType:h,size:w,subtext:v},s.default(C)),F=a.default(C);return e.jsxs(i.StyledMultiActionButton,j(y({ref:I,"data-component":"multi-action-button","data-element":k,"data-role":B,displayed:D,width:P},F),{children:[e.jsx(l.default,j(y({"aria-haspopup":"true","aria-expanded":D,"data-element":"toggle-button"},R),{ref:S,iconPosition:"after",iconType:"dropdown",children:x}),"toggle-button"),D&&e.jsx(u.default,{disableBackgroundUI:T,disablePortal:!0,placement:"left"===O?"bottom-start":"bottom-end",reference:I,popoverStrategy:"fixed",middleware:[r.offset(6),r.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(i.StyledButtonChildrenContainer,j(y({},E),{align:m,children:e.jsx(o.default.Provider,{value:K,children:f.default.Children.map(_,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.MultiActionButton=m,exports.default=m;

package/lib/components/multi-action-button/multi-action-button.config.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MULTI_ACTION_BUTTON_THEMES = exports.MULTI_ACTION_BUTTON_SIZES = exports.MULTI_ACTION_BUTTON_POSITIONS = exports.MULTI_ACTION_BUTTON_ALIGNMENTS = void 0;
-const MULTI_ACTION_BUTTON_ALIGNMENTS = exports.MULTI_ACTION_BUTTON_ALIGNMENTS = ["left", "right"];
-const MULTI_ACTION_BUTTON_SIZES = exports.MULTI_ACTION_BUTTON_SIZES = ["small", "medium", "large"];
-const MULTI_ACTION_BUTTON_THEMES = exports.MULTI_ACTION_BUTTON_THEMES = ["primary", "secondary", "tertiary"];
-const MULTI_ACTION_BUTTON_POSITIONS = exports.MULTI_ACTION_BUTTON_POSITIONS = ["left", "right"];
+"use strict";exports.MULTI_ACTION_BUTTON_ALIGNMENTS=["left","right"],exports.MULTI_ACTION_BUTTON_POSITIONS=["left","right"],exports.MULTI_ACTION_BUTTON_SIZES=["small","medium","large"],exports.MULTI_ACTION_BUTTON_THEMES=["primary","secondary","tertiary"];

package/lib/components/multi-action-button/multi-action-button.style.js

@@ -1,111 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledMultiActionButton = exports.StyledButtonChildrenContainer = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _button = _interopRequireDefault(require("../button/button.style"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _icon = _interopRequireDefault(require("../icon/icon.style"));
-var _elementSizing = _interopRequireDefault(require("../../style/utils/element-sizing"));
-var _splitButtonChildren = require("../split-button/split-button-children.style");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledMultiActionButton = exports.StyledMultiActionButton = _styledComponents.default.div`
-  ${_styledSystem.margin}
-
-  display: inline-block;
-  position: relative;
-
-  ${({
-  width
-}) => width && (0, _styledComponents.css)`
-      ${(0, _elementSizing.default)({
-  width
-})}
-
-      ${_button.default} {
-        width: 100%;
-        justify-content: space-between;
-      }
-    `}
-
-  & > ${_button.default} {
-    margin: 0;
-
-    ${_icon.default} {
-      margin-left: 0;
-      left: 8px;
-    }
-
-    &:focus {
-      background-color: var(--colorsActionMajor700);
-      border: 3px solid var(--colorsActionMajor700);
-      outline: none;
-      margin: 0 -1px;
-
-      &,
-      ${_icon.default} {
-        color: var(--colorsActionMajorYang100);
-      }
-    }
-
-    ${({
-  displayed
-}) => displayed && (0, _styledComponents.css)`
-        background-color: var(--colorsActionMajor700);
-        border-color: var(--colorsActionMajor700);
-
-        &,
-        ${_icon.default} {
-          color: var(--colorsActionMajorYang100);
-        }
-
-        &:focus {
-          margin: 0 -1px;
-        }
-      `}
-  }
-`;
-const StyledButtonChildrenContainer = exports.StyledButtonChildrenContainer = _styledComponents.default.ul`
-  ${({
-  theme,
-  align,
-  minWidth
-}) => (0, _styledComponents.css)`
-    background-color: var(--colorsActionMajorYang100);
-    min-width: ${minWidth}px;
-    white-space: nowrap;
-    z-index: ${theme.zIndex.popover};
-    box-shadow: var(--boxShadow100);
-    border-radius: var(--borderRadius100);
-    list-style: none;
-    padding: 0;
-    margin: 0;
-
-    ${_splitButtonChildren.borderRadiusStyling}
-
-    ${_button.default} {
-      border: 1px solid var(--colorsActionMajorTransparent);
-      display: flex;
-      justify-content: ${align};
-      margin-left: 0;
-      min-width: 100%;
-      text-align: ${align};
-      z-index: ${theme.zIndex.overlay};
-
-      & + & {
-        margin-top: 3px;
-      }
-    }
-  `}
-`;
-StyledButtonChildrenContainer.defaultProps = {
-  theme: _base.default
-};
-StyledMultiActionButton.defaultProps = {
-  theme: _base.default
-};
+"use strict";var t=require("styled-components"),o=require("styled-system"),e=require("../button/button.style.js"),r=require("../../style/themes/base/index.js"),n=require("../icon/icon.style.js"),i=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.withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"sc-6cb03cd4-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;}"],i.default({width:o}),e.default)),e.default,n.default,n.default,(({displayed:o})=>o&&t.css(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],n.default))),c=s.default.ul.withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-6cb03cd4-1"})(["",""],(({theme:o,align:r,minWidth:n})=>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:",";z-index:",";& + &{margin-top:3px;}}"],n,o.zIndex.popover,a.borderRadiusStyling,e.default,r,r,o.zIndex.overlay)));c.defaultProps={theme:r.default},d.defaultProps={theme:r.default},exports.StyledButtonChildrenContainer=c,exports.StyledMultiActionButton=d;

package/lib/components/multi-action-button/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/multi-action-button/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/multi-action-button/index.js",
   "types": "./index.d.ts"
 }