carbon-react 154.3.2 → 154.4.0-beta.0

package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js

@@ -1,51 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _inputSizes = _interopRequireDefault(require("../input/input-sizes.style"));
-var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
-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 InputIconToggleStyle = _styledComponents.default.span.attrs(({
-  onClick
-}) => ({
-  onKeyDown: event => {
-    if (onClick && (event.key === " " || event.key === "Enter")) {
-      event.preventDefault();
-      return onClick(event);
-    }
-    return event;
-  }
-}))`
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-
-  ${({
-  size = "medium"
-}) => (0, _styledComponents.css)`
-    width: ${_inputSizes.default[size].height};
-  `}
-
-  ${({
-  disabled
-}) => disabled && (0, _styledComponents.css)`
-      cursor: not-allowed;
-    `}
-  
-  ${({
-  readOnly
-}) => readOnly && (0, _styledComponents.css)`
-      cursor: default;
-    `}
-
-    &:focus {
-    ${(0, _addFocusStyling.default)()}
-  }
-`;
-var _default = exports.default = InputIconToggleStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../input/input-sizes.style.js"),s=require("../../style/utils/add-focus-styling.js");function n(e){return e&&e.__esModule?e:{default:e}}const l=n(e).default.span.attrs((({onClick:e})=>({onKeyDown:t=>!e||" "!==t.key&&"Enter"!==t.key?t:(t.preventDefault(),e(t))}))).withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"sc-9d7ce65f-0"})(["align-items:center;cursor:pointer;display:flex;justify-content:center;"," "," "," &:focus{","}"],(({size:s="medium"})=>e.css(["width:",";"],t.default[s].height)),(({disabled:t})=>t&&e.css(["cursor:not-allowed;"])),(({readOnly:t})=>t&&e.css(["cursor:default;"])),s.default());exports.default=l;

package/lib/__internal__/input-icon-toggle/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/__internal__/input-icon-toggle/index.js",
   "main": "./index.js",
+  "module": "../../../esm/__internal__/input-icon-toggle/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/label/icon-wrapper.style.js

@@ -1,30 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _validationIcon = _interopRequireDefault(require("../validations/validation-icon.style"));
-var _help = _interopRequireDefault(require("../../components/help/help.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledIconWrapper = _styledComponents.default.div`
-  display: inline-block;
-  margin: 0;
-  margin-left: 4px;
-  width: 24px;
-  height: 24px;
-  position: relative;
-  margin-top: -3px;
-  margin-bottom: -4px;
-  vertical-align: top;
-
-  :focus {
-    outline: 2px solid var(--colorsSemanticFocus500);
-  }
-
-  ${_validationIcon.default}, ${_help.default} {
-    position: static;
-  }
-`;
-var _default = exports.default = StyledIconWrapper;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../validations/validation-icon.style.js"),i=require("../../components/help/help.style.js");function o(e){return e&&e.__esModule?e:{default:e}}const l=o(e).default.div.withConfig({displayName:"icon-wrapper.style__StyledIconWrapper",componentId:"sc-cadb2c42-0"})(["display:inline-block;margin:0;margin-left:4px;width:24px;height:24px;position:relative;margin-top:-3px;margin-bottom:-4px;vertical-align:top;:focus{outline:2px solid var(--colorsSemanticFocus500);}",",","{position:static;}"],t.default,i.default);exports.default=l;

package/lib/__internal__/label/index.js

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

package/lib/__internal__/label/label.component.js

@@ -1,148 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Label = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _help = _interopRequireDefault(require("../../components/help"));
-var _label = _interopRequireWildcard(require("./label.style"));
-var _validationIcon = _interopRequireDefault(require("../validations/validation-icon.component"));
-var _iconWrapper = _interopRequireDefault(require("./icon-wrapper.style"));
-var _inputBehaviour = require("../input-behaviour");
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-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 shouldDisplayValidationIcon = ({
-  error,
-  warning,
-  info,
-  disabled
-}) => {
-  const validation = error || warning || info;
-  return disabled ? false : typeof validation === "string";
-};
-const tooltipPosition = ({
-  error,
-  warning,
-  info,
-  inline
-}) => {
-  return (error || warning || info) && inline ? "top" : "right";
-};
-const Label = ({
-  align,
-  as = "label",
-  children,
-  disabled,
-  error,
-  help,
-  helpIcon,
-  htmlFor,
-  info,
-  inline,
-  isDarkBackground = false,
-  isRequired,
-  labelId,
-  optional,
-  pr,
-  pl,
-  tooltipId,
-  useValidationIcon = true,
-  validationIconId,
-  warning,
-  width = 30,
-  className,
-  "aria-label": ariaLabel
-}) => {
-  const [isFocused, setFocus] = (0, _react.useState)(false);
-  const {
-    onMouseEnter,
-    onMouseLeave
-  } = (0, _react.useContext)(_inputBehaviour.InputContext);
-  const {
-    onMouseEnter: onGroupMouseEnter,
-    onMouseLeave: onGroupMouseLeave
-  } = (0, _react.useContext)(_inputBehaviour.InputGroupContext);
-  const guid = (0, _react.useRef)((0, _guid.default)());
-  const locale = (0, _useLocale.default)();
-  const optionalLabel = locale.label.optional();
-  const handleMouseEnter = () => {
-    if (onMouseEnter) onMouseEnter();
-    if (onGroupMouseEnter) onGroupMouseEnter();
-  };
-  const handleMouseLeave = () => {
-    if (onMouseLeave) onMouseLeave();
-    if (onGroupMouseLeave) onGroupMouseLeave();
-  };
-  let alignment;
-  if (inline && !align) {
-    alignment = "right";
-  } else if (!align) {
-    alignment = "left";
-  } else {
-    alignment = align;
-  }
-  const icon = () => {
-    const wrapperProps = {
-      onFocus: () => setFocus(true),
-      onBlur: () => setFocus(false)
-    };
-    if (useValidationIcon && shouldDisplayValidationIcon({
-      error,
-      warning,
-      info,
-      disabled
-    })) {
-      const tooltipPositionValue = tooltipPosition({
-        error,
-        warning,
-        info,
-        inline
-      });
-      return /*#__PURE__*/_react.default.createElement(_iconWrapper.default, null, /*#__PURE__*/_react.default.createElement(_validationIcon.default, {
-        tooltipId: validationIconId,
-        error: error,
-        warning: warning,
-        info: info,
-        tooltipPosition: tooltipPositionValue,
-        tooltipFlipOverrides: ["top", "bottom"]
-      }));
-    }
-    return help && /*#__PURE__*/_react.default.createElement(_iconWrapper.default, wrapperProps, /*#__PURE__*/_react.default.createElement(_help.default, {
-      tooltipId: tooltipId,
-      type: helpIcon,
-      isFocused: isFocused
-    }, help));
-  };
-  return /*#__PURE__*/_react.default.createElement(_label.StyledLabelContainer, {
-    "data-role": "label-container",
-    id: `label-container-${labelId ?? guid.current}`,
-    align: alignment,
-    inline: inline,
-    width: width,
-    optional: optional,
-    pr: pr,
-    pl: pl,
-    className: className,
-    optionalLabel: optionalLabel
-  }, /*#__PURE__*/_react.default.createElement(_label.default, _extends({
-    "data-element": "label",
-    disabled: disabled,
-    id: labelId
-  }, as === "label" ? {
-    htmlFor
-  } : {}, {
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    isRequired: isRequired,
-    as: as,
-    "aria-label": ariaLabel,
-    isDarkBackground: isDarkBackground
-  }), children), icon());
-};
-exports.Label = Label;
-var _default = exports.default = /*#__PURE__*/_react.default.memo(Label);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../components/help/help.component.js"),n=require("./label.style.js"),o=require("../validations/validation-icon.component.js"),i=require("./icon-wrapper.style.js"),l=require("../input-behaviour/input-behaviour.component.js"),a=require("../input-behaviour/input-group-behaviour.component.js"),u=require("../utils/helpers/guid/index.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js");function c(e){return e&&e.__esModule?e:{default:e}}function p(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]:{},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){p(e,r,t[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 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=({align:c,as:p="label",children:f,disabled:j,error:h,help:g,helpIcon:y,htmlFor:O,info:m,inline:v,isDarkBackground:w=!1,isRequired:x,labelId:P,optional:q,pr:I,pl:L,tooltipId:M,useValidationIcon:_=!0,validationIconId:k,warning:D,width:S=30,className:C,"aria-label":E})=>{const[F,B]=r.useState(!1),{onMouseEnter:R,onMouseLeave:N}=r.useContext(l.InputContext),{onMouseEnter:V,onMouseLeave:G}=r.useContext(a.InputGroupContext),H=r.useRef(u.default()),$=s.default().label.optional();let z;return z=v&&!c?"right":c||"left",e.jsxs(n.StyledLabelContainer,{"data-role":"label-container",id:`label-container-${null!=P?P:H.current}`,align:z,inline:v,width:S,optional:q,pr:I,pl:L,className:C,optionalLabel:$,children:[e.jsx(n.default,b(d({"data-element":"label",disabled:j,id:P},"label"===p?{htmlFor:O}:{}),{onMouseEnter:()=>{R&&R(),V&&V()},onMouseLeave:()=>{N&&N(),G&&G()},isRequired:x,as:p,"aria-label":E,isDarkBackground:w,children:f})),(()=>{const r={onFocus:()=>B(!0),onBlur:()=>B(!1)};if(_&&(({error:e,warning:r,info:t,disabled:n})=>!n&&"string"==typeof(e||r||t))({error:h,warning:D,info:m,disabled:j})){const r=(({error:e,warning:r,info:t,inline:n})=>(e||r||t)&&n?"top":"right")({error:h,warning:D,info:m,inline:v});return e.jsx(i.default,{children:e.jsx(o.ValidationIcon,{tooltipId:k,error:h,warning:D,info:m,tooltipPosition:r,tooltipFlipOverrides:["top","bottom"]})})}return g&&e.jsx(i.default,b(d({},r),{children:e.jsx(t.Help,{tooltipId:M,type:y,isFocused:F,children:g})}))})()]})};var j=c(r).default.memo(f);exports.Label=f,exports.default=j;

package/lib/__internal__/label/label.style.js

@@ -1,76 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StyledLabelContainer = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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 StyledLabel = _styledComponents.default.label`
-  ${({
-  isDarkBackground
-}) => (0, _styledComponents.css)`
-    color: ${isDarkBackground ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityYin090)"};
-  `}
-  display: block;
-  font-weight: var(--fontWeights500);
-
-  ${({
-  isRequired
-}) => isRequired && (0, _styledComponents.css)`
-      ::after {
-        content: "*";
-        color: var(--colorsSemanticNegative500);
-        font-weight: var(--fontWeights500);
-        margin-left: var(--spacing050);
-      }
-    `}
-
-  ${({
-  disabled
-}) => disabled && (0, _styledComponents.css)`
-      color: var(--colorsUtilityYin030);
-    `}
-`;
-const StyledLabelContainer = exports.StyledLabelContainer = _styledComponents.default.div`
-  display: flex;
-  align-items: center;
-  margin-bottom: 8px;
-
-  ${({
-  align
-}) => (0, _styledComponents.css)`
-    justify-content: ${align !== "right" ? "flex-start" : "flex-end"};
-  `}
-
-  ${({
-  inline,
-  pr,
-  pl,
-  width
-}) => inline && (0, _styledComponents.css)`
-      box-sizing: border-box;
-      margin-bottom: 0;
-      ${pr && (0, _styledComponents.css)`
-        padding-right: var(${pr === 1 ? "--spacing100" : "--spacing200"});
-      `};
-      ${pl && (0, _styledComponents.css)`
-        padding-left: var(${pl === 1 ? "--spacing100" : "--spacing200"});
-      `};
-      width: ${width}%;
-    `}
-
-  ${({
-  optional,
-  optionalLabel
-}) => optional && (0, _styledComponents.css)`
-      ::after {
-        content: "(${optionalLabel})";
-        font-weight: var(--fontWeights400);
-        margin-left: var(--spacing050);
-        color: var(--colorsUtilityYin055);
-      }
-    `}
-`;
-var _default = exports.default = StyledLabel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components");function e(t){return t&&t.__esModule?t:{default:t}}var i=e(t);const a=i.default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-61d9c380-0"})([""," display:block;font-weight:var(--fontWeights500);"," ",""],(({isDarkBackground:e})=>t.css(["color:",";"],e?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isRequired:e})=>e&&t.css(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:e})=>e&&t.css(["color:var(--colorsUtilityYin030);"]))),o=i.default.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"sc-61d9c380-1"})(["display:flex;align-items:center;margin-bottom:8px;"," "," ",""],(({align:e})=>t.css(["justify-content:",";"],"right"!==e?"flex-start":"flex-end")),(({inline:e,pr:i,pl:a,width:o})=>e&&t.css(["box-sizing:border-box;margin-bottom:0;",";",";width:","%;"],i&&t.css(["padding-right:var(",");"],1===i?"--spacing100":"--spacing200"),a&&t.css(["padding-left:var(",");"],1===a?"--spacing100":"--spacing200"),o)),(({optional:e,optionalLabel:i})=>e&&t.css(['::after{content:"(',')";font-weight:var(--fontWeights400);margin-left:var(--spacing050);color:var(--colorsUtilityYin055);}'],i)));exports.StyledLabelContainer=o,exports.default=a;

package/lib/__internal__/label/package.json

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

package/lib/__internal__/popover/index.js

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

package/lib/__internal__/popover/package.json

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

package/lib/__internal__/popover/popover.component.js

@@ -1,87 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _dom = require("@floating-ui/dom");
-var _useFloating = _interopRequireDefault(require("../../hooks/__internal__/useFloating"));
-var _popover = require("./popover.style");
-var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component"));
-var _modal = _interopRequireDefault(require("../../components/modal/__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; }
-const defaultMiddleware = [(0, _dom.flip)({
-  fallbackStrategy: "initialPlacement"
-})];
-const Popover = ({
-  children,
-  placement,
-  disablePortal,
-  reference,
-  middleware = defaultMiddleware,
-  disableBackgroundUI,
-  isOpen = true,
-  animationFrame,
-  popoverStrategy = "absolute",
-  childRefOverride
-}) => {
-  const elementDOM = (0, _react.useRef)(null);
-  const {
-    isInModal
-  } = (0, _react.useContext)(_modal.default);
-  const candidateNode = reference.current?.closest("[role='dialog']");
-  const mountNode = isInModal && candidateNode ? candidateNode : document.body;
-  if (!elementDOM.current && !disablePortal) {
-    elementDOM.current = document.createElement("div");
-    mountNode.appendChild(elementDOM.current);
-  }
-  const childRef = childRefOverride || _react.default.Children.only(children).ref;
-  const innerRef = (0, _react.useRef)(null);
-  const floatingReference = childRef || innerRef;
-  let content;
-  if (childRef) {
-    content = children;
-  } else {
-    content = /*#__PURE__*/_react.default.cloneElement(children, {
-      ref: floatingReference
-    });
-  }
-  (0, _useFloating.default)({
-    isOpen,
-    reference,
-    floating: floatingReference,
-    placement,
-    middleware,
-    animationFrame,
-    strategy: popoverStrategy
-  });
-  (0, _react.useEffect)(() => {
-    return () => {
-      if (!disablePortal && elementDOM.current) {
-        mountNode.removeChild(elementDOM.current);
-        elementDOM.current = null;
-      }
-    };
-  }, [disablePortal, mountNode]);
-  if (!disableBackgroundUI) {
-    content = /*#__PURE__*/_react.default.createElement(_popover.StyledPopoverContent, {
-      isOpen: isOpen
-    }, content);
-  }
-  if (disableBackgroundUI) {
-    content = /*#__PURE__*/_react.default.createElement(_popover.StyledPopoverContent, {
-      isOpen: isOpen
-    }, /*#__PURE__*/_react.default.createElement(_popover.StyledBackdrop, {
-      "data-role": "popup-backdrop"
-    }, content));
-  }
-  if (disablePortal) {
-    return content;
-  }
-  return /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, content), elementDOM.current);
-};
-var _default = exports.default = Popover;
+"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"),o=require("../../hooks/__internal__/useFloating/useFloating.js"),l=require("./popover.style.js"),a=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),i=require("../../components/modal/__internal__/modal.context.js");function d(e){return e&&e.__esModule?e:{default:e}}var u=d(r),c=d(t);const s=[n.flip({fallbackStrategy:"initialPlacement"})];exports.default=({children:t,placement:n,disablePortal:d,reference:p,middleware:f=s,disableBackgroundUI:m,isOpen:v=!0,animationFrame:_,popoverStrategy:y="absolute",childRefOverride:g})=>{var h;const j=r.useRef(null),{isInModal:b}=r.useContext(i.default),x=null===(h=p.current)||void 0===h?void 0:h.closest("[role='dialog']"),k=b&&x?x:document.body;j.current||d||(j.current=document.createElement("div"),k.appendChild(j.current));const q=g||u.default.Children.only(t).ref,C=r.useRef(null),O=q||C;let P;return P=q?t:u.default.cloneElement(t,{ref:O}),o.default({isOpen:v,reference:p,floating:O,placement:n,middleware:f,animationFrame:_,strategy:y}),r.useEffect((()=>()=>{!d&&j.current&&(k.removeChild(j.current),j.current=null)}),[d,k]),m||(P=e.jsx(l.StyledPopoverContent,{isOpen:v,children:P})),m&&(P=e.jsx(l.StyledPopoverContent,{isOpen:v,children:e.jsx(l.StyledBackdrop,{"data-role":"popup-backdrop",children:P})})),d?P:c.default.createPortal(e.jsx(a.default,{children:P}),j.current)};

package/lib/__internal__/popover/popover.style.js

@@ -1,28 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledPopoverContent = exports.StyledBackdrop = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledBackdrop = exports.StyledBackdrop = _styledComponents.default.div`
-  bottom: 0;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: ${({
-  theme
-}) => theme.zIndex.popover};
-  background: transparent;
-`;
-StyledBackdrop.defaultProps = {
-  theme: _base.default
-};
-const StyledPopoverContent = exports.StyledPopoverContent = _styledComponents.default.div`
-  ${({
-  isOpen
-}) => !isOpen && "display: none;"}
-`;
+"use strict";var e=require("styled-components"),t=require("../../style/themes/base/index.js");function o(e){return e&&e.__esModule?e:{default:e}}var n=o(e);const d=n.default.div.withConfig({displayName:"popover.style__StyledBackdrop",componentId:"sc-83701571-0"})(["bottom:0;left:0;position:fixed;right:0;top:0;z-index:",";background:transparent;"],(({theme:e})=>e.zIndex.popover));d.defaultProps={theme:t.default};const s=n.default.div.withConfig({displayName:"popover.style__StyledPopoverContent",componentId:"sc-83701571-1"})(["",""],(({isOpen:e})=>!e&&"display: none;"));exports.StyledBackdrop=d,exports.StyledPopoverContent=s;

package/lib/__internal__/radio-button-mapper/index.js

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

package/lib/__internal__/radio-button-mapper/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/__internal__/radio-button-mapper/index.js",
   "main": "./index.js",
+  "module": "../../../esm/__internal__/radio-button-mapper/index.js",
   "types": "./index.d.ts"
 }

package/lib/__internal__/radio-button-mapper/radio-button-mapper.component.js

@@ -1,66 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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 RadioButtonMapper = ({
-  children,
-  name,
-  onBlur,
-  onChange,
-  onMouseDown,
-  onKeyDown,
-  value
-}) => {
-  const filteredChildren = (0, _react.useMemo)(() => _react.default.Children.toArray(children), [children]);
-  const anyChecked = (0, _react.useMemo)(() => {
-    let result = false;
-    filteredChildren.forEach(child => {
-      if (/*#__PURE__*/_react.default.isValidElement(child) && Object.prototype.hasOwnProperty.call(child.props, "defaultChecked")) {
-        result = true;
-      }
-    });
-    return result;
-  }, [filteredChildren]);
-  const isControlled = value !== undefined;
-  const [checkedValue, setCheckedValue] = (0, _react.useState)("");
-  const onChangeProp = (0, _react.useCallback)(event => {
-    onChange?.(event);
-    if (!isControlled) {
-      setCheckedValue(event.target.value);
-    }
-  }, [onChange, setCheckedValue, isControlled]);
-  const buttons = filteredChildren.map(child => {
-    let checked;
-    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-      return child;
-    }
-    if (isControlled) {
-      // The user is controlling the input via the value prop
-      checked = value === child.props.value;
-    } else if (!checkedValue && anyChecked) {
-      // Uncontrolled and the user has not made a selection, but at least one has a checked prop
-      checked = child.props.defaultChecked || false;
-    } else {
-      // Uncontrolled, existing selection or none marked as checked
-      checked = checkedValue === child.props.value;
-    }
-    const childProps = {
-      defaultChecked: undefined,
-      checked,
-      name,
-      onBlur,
-      onMouseDown,
-      onChange: onChangeProp,
-      onKeyDown
-    };
-    return /*#__PURE__*/_react.default.cloneElement(child, childProps);
-  });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttons);
-};
-RadioButtonMapper.displayName = "RadioButtonMapper";
-var _default = exports.default = RadioButtonMapper;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(t);const o=({children:r,name:o,onBlur:a,onChange:l,onMouseDown:u,onKeyDown:d,value:s})=>{const c=t.useMemo((()=>n.default.Children.toArray(r)),[r]),i=t.useMemo((()=>{let e=!1;return c.forEach((t=>{n.default.isValidElement(t)&&Object.prototype.hasOwnProperty.call(t.props,"defaultChecked")&&(e=!0)})),e}),[c]),p=void 0!==s,[f,h]=t.useState(""),m=t.useCallback((e=>{null==l||l(e),p||h(e.target.value)}),[l,h,p]),v=c.map((e=>{let t;if(!n.default.isValidElement(e))return e;t=p?s===e.props.value:!f&&i?e.props.defaultChecked||!1:f===e.props.value;const r={defaultChecked:void 0,checked:t,name:o,onBlur:a,onMouseDown:u,onChange:m,onKeyDown:d};return n.default.cloneElement(e,r)}));return e.jsx(e.Fragment,{children:v})};o.displayName="RadioButtonMapper",exports.default=o;

package/lib/__internal__/sticky-footer/index.js

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

package/lib/__internal__/sticky-footer/package.json

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