carbon-react 154.4.0 → 154.4.2

package/esm/components/modal/modal.component.js

@@ -1,110 +1 @@
-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); }
-import React, { useEffect, useRef, useCallback, useState } from "react";
-import { TransitionGroup, CSSTransition } from "react-transition-group";
-import useScrollBlock from "../../hooks/__internal__/useScrollBlock";
-import Portal from "../portal";
-import { getDocument } from "../../__internal__/dom/globals";
-import Events from "../../__internal__/utils/helpers/events";
-import useModalManager from "../../hooks/__internal__/useModalManager";
-import { StyledModal, StyledModalBackground } from "./modal.style";
-import ModalContext from "./__internal__/modal.context";
-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 = useRef(null);
-  const backgroundNodeRef = useRef(null);
-  const contentNodeRef = useRef(null);
-  const [isAnimationComplete, setAnimationComplete] = useState(false);
-  const [triggerRefocusFlag, setTriggerRefocusFlag] = useState(false);
-  const {
-    blockScroll,
-    allowScroll
-  } = useScrollBlock();
-  useEffect(() => {
-    if (enableBackgroundUI) {
-      return;
-    }
-    if (open) {
-      blockScroll();
-    } else {
-      allowScroll();
-    }
-  }, [allowScroll, blockScroll, enableBackgroundUI, open]);
-  useEffect(() => {
-    return () => {
-      if (!enableBackgroundUI) {
-        allowScroll();
-      }
-    };
-  }, [allowScroll, enableBackgroundUI]);
-  const closeModal = useCallback(ev => {
-    if (onCancel && !disableClose && !disableEscKey && Events.isEscKey(ev)) {
-      ev.stopImmediatePropagation();
-      onCancel(ev);
-    }
-  }, [disableClose, disableEscKey, onCancel]);
-  const safeDocument = getDocument();
-  useModalManager({
-    open,
-    closeModal,
-    modalRef: ref,
-    setTriggerRefocusFlag,
-    topModalOverride,
-    focusCallToActionElement: restoreFocusOnClose && safeDocument ? safeDocument.activeElement : undefined
-  });
-  let background;
-  let content;
-  if (open) {
-    background = !enableBackgroundUI ? /*#__PURE__*/React.createElement(StyledModalBackground, {
-      ref: backgroundNodeRef,
-      "data-element": "modal-background",
-      "data-role": "modal-background",
-      transitionName: "modal-background",
-      transitionTime: timeout
-    }) : null;
-    content = children;
-  }
-  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(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.createElement(TransitionGroup, null, background && /*#__PURE__*/React.createElement(CSSTransition, {
-    nodeRef: backgroundNodeRef,
-    key: "modal",
-    appear: true,
-    classNames: "modal-background",
-    timeout: timeout,
-    onEntered: () => setAnimationComplete(true),
-    onExiting: () => setAnimationComplete(false)
-  }, background)), /*#__PURE__*/React.createElement(TransitionGroup, null, content && /*#__PURE__*/React.createElement(CSSTransition, {
-    nodeRef: contentNodeRef,
-    appear: true,
-    classNames: "modal",
-    timeout: timeout
-  }, /*#__PURE__*/React.createElement(ModalContext.Provider, {
-    value: {
-      isAnimationComplete,
-      triggerRefocusFlag,
-      isInModal: true
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: contentNodeRef
-  }, content))))));
-};
-export default Modal;
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as t,useEffect as n,useCallback as l}from"react";import{TransitionGroup as a,CSSTransition as i}from"react-transition-group";import c from"../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import{Portal as s}from"../portal/portal.js";import{getDocument as d}from"../../__internal__/dom/globals.js";import m from"../../__internal__/utils/helpers/events/events.js";import p from"../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledModal as u,StyledModalBackground as f}from"./modal.style.js";import b from"./__internal__/modal.context.js";function O(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function g(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){O(e,r,o[r])}))}return e}const y=O=>{var{children:y,"data-element":j,"data-role":v="modal",open:_,onCancel:h,disableEscKey:P=!1,disableClose:k,enableBackgroundUI:w=!1,timeout:E=300,topModalOverride:M,restoreFocusOnClose:S=!0}=O,C=function(e,r){if(null==e)return{};var o,t,n=function(e,r){if(null==e)return{};var o,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||(n[o]=e[o]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(O,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","timeout","topModalOverride","restoreFocusOnClose"]);const x=o(null),I=o(null),R=o(null),[B,D]=t(!1),[F,N]=t(!1),{blockScroll:T,allowScroll:K}=c();n((()=>{w||(_?T():K())}),[K,T,w,_]),n((()=>()=>{w||K()}),[K,w]);const A=l((e=>{h&&!k&&!P&&m.isEscKey(e)&&(e.stopImmediatePropagation(),h(e))}),[k,P,h]),U=d();let q,z;return p({open:_,closeModal:A,modalRef:x,setTriggerRefocusFlag:N,topModalOverride:M,focusCallToActionElement:S&&U?U.activeElement:void 0}),_&&(q=w?null:e(f,{ref:I,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:E}),z=y),e(s,{children:r(u,(G=g({"data-component":"modal","data-element":j,"data-role":v,"data-state":_?"open":"closed",transitionName:"modal",transitionTime:E,topModalOverride:M,ref:x},C),H={children:[e(a,{children:q&&e(i,{nodeRef:I,appear:!0,classNames:"modal-background",timeout:E,onEntered:()=>D(!0),onExiting:()=>D(!1),children:q},"modal")}),e(a,{children:z&&e(i,{nodeRef:R,appear:!0,classNames:"modal",timeout:E,children:e(b.Provider,{value:{isAnimationComplete:B,triggerRefocusFlag:F,isInModal:!0},children:e("div",{ref:R,children:z})})})})]},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(G,Object.getOwnPropertyDescriptors(H)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(H)).forEach((function(e){Object.defineProperty(G,e,Object.getOwnPropertyDescriptor(H,e))})),G))});var G,H};export{y as default};

package/esm/components/modal/modal.style.js

@@ -1,71 +1 @@
-import styled, { css } from "styled-components";
-import baseTheme from "../../style/themes/base";
-const backgroundOpacity = "0.6";
-const StyledModalBackground = styled.div`
-  background-color: rgba(0, 20, 29, 1);
-  bottom: 0;
-  left: 0;
-  opacity: ${backgroundOpacity};
-  position: fixed;
-  right: 0;
-  top: 0;
-
-  ${({
-  transitionName,
-  transitionTime
-}) => 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 = styled.div`
-  position: absolute;
-  z-index: ${({
-  theme,
-  topModalOverride
-}) => `${topModalOverride ? theme.zIndex.notification : theme.zIndex.modal}`};
-
-  ${({
-  transitionName,
-  transitionTime
-}) => 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: baseTheme
-};
-export { StyledModal, StyledModalBackground };
+import t,{css as e}from"styled-components";import i from"../../style/themes/base/index.js";const a="0.6",o=t.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;",";"],a,(({transitionName:t,transitionTime:i})=>e(["&.","-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;}"],t,t,t,t,t,t,a,i,t,a,t,t,i))),n=t.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:t,transitionTime:i})=>e([".","-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;}"],t,t,t,t,t,t,i,t,t,t,i)));n.defaultProps={theme:i};export{n as StyledModal,o as StyledModalBackground};

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

@@ -1 +1 @@
-export { default } from "./multi-action-button.component";
+export{MultiActionButton as default}from"./multi-action-button.component.js";

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

@@ -1,97 +1 @@
-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); }
-import React, { useRef, forwardRef, useImperativeHandle, useContext } from "react";
-import { flip, offset } from "@floating-ui/dom";
-import useClickAwayListener from "../../hooks/__internal__/useClickAwayListener";
-import SplitButtonContext from "../split-button/__internal__/split-button.context";
-import { StyledMultiActionButton, StyledButtonChildrenContainer } from "./multi-action-button.style";
-import Button from "../button";
-import Popover from "../../__internal__/popover";
-import { filterStyledSystemMarginProps, filterOutStyledSystemSpacingProps } from "../../style/utils";
-import useChildButtons from "../../hooks/__internal__/useChildButtons";
-import FlatTableContext from "../flat-table/__internal__/flat-table.context";
-export const MultiActionButton = /*#__PURE__*/forwardRef(({
-  align = "left",
-  position = "left",
-  disabled,
-  buttonType,
-  size,
-  children,
-  text,
-  subtext,
-  width,
-  onClick,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  ...rest
-}, ref) => {
-  const buttonRef = useRef(null);
-  const {
-    isInFlatTable
-  } = useContext(FlatTableContext);
-  useImperativeHandle(ref, () => ({
-    focusMainButton() {
-      buttonRef.current?.focus();
-    }
-  }), []);
-  const {
-    showAdditionalButtons,
-    showButtons,
-    hideButtons,
-    buttonNode,
-    handleToggleButtonKeyDown,
-    wrapperProps,
-    contextValue
-  } = useChildButtons(buttonRef);
-  const handleInsideClick = useClickAwayListener(hideButtons);
-  const handleClick = ev => {
-    showButtons();
-    handleInsideClick();
-    if (onClick) {
-      onClick(ev);
-    }
-  };
-  const mainButtonProps = {
-    disabled,
-    displayed: showAdditionalButtons,
-    onTouchStart: showButtons,
-    onKeyDown: handleToggleButtonKeyDown,
-    onClick: handleClick,
-    buttonType,
-    size,
-    subtext,
-    ...filterOutStyledSystemSpacingProps(rest)
-  };
-  const renderAdditionalButtons = () => /*#__PURE__*/React.createElement(Popover, {
-    disableBackgroundUI: isInFlatTable,
-    disablePortal: true,
-    placement: position === "left" ? "bottom-start" : /* istanbul ignore next */"bottom-end",
-    reference: buttonNode,
-    popoverStrategy: "fixed",
-    middleware: [offset(6), flip({
-      fallbackStrategy: "initialPlacement"
-    })]
-  }, /*#__PURE__*/React.createElement(StyledButtonChildrenContainer, _extends({}, wrapperProps, {
-    align: align
-  }), /*#__PURE__*/React.createElement(SplitButtonContext.Provider, {
-    value: contextValue
-  }, React.Children.map(children, child => /*#__PURE__*/React.createElement("li", null, child)))));
-  const marginProps = filterStyledSystemMarginProps(rest);
-  return /*#__PURE__*/React.createElement(StyledMultiActionButton, _extends({
-    ref: buttonNode,
-    "data-component": "multi-action-button",
-    "data-element": dataElement,
-    "data-role": dataRole,
-    displayed: showAdditionalButtons,
-    width: width
-  }, marginProps), /*#__PURE__*/React.createElement(Button, _extends({
-    "aria-haspopup": "true",
-    "aria-expanded": showAdditionalButtons,
-    "data-element": "toggle-button",
-    key: "toggle-button"
-  }, mainButtonProps, {
-    ref: buttonRef,
-    iconPosition: "after",
-    iconType: "dropdown"
-  }), text), showAdditionalButtons && renderAdditionalButtons());
-});
-export default MultiActionButton;
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{forwardRef as r,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 p from"../split-button/__internal__/split-button.context.js";import{StyledMultiActionButton as u,StyledButtonChildrenContainer as d}from"./multi-action-button.style.js";import f from"../button/button.component.js";import b from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import m 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 O from"../flat-table/__internal__/flat-table.context.js";function j(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function h(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){j(t,e,o[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 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 _=r(((r,j)=>{var{align:_="left",position:P="left",disabled:v,buttonType:x,size:k,children:S,text:B,subtext:C,width:T,onClick:D,"data-element":z,"data-role":A}=r,E=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","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const I=n(null),{isInFlatTable:K}=i(O);l(j,(()=>({focusMainButton(){var t;null===(t=I.current)||void 0===t||t.focus()}})),[]);const{showAdditionalButtons:L,showButtons:F,hideButtons:M,buttonNode:N,handleToggleButtonKeyDown:U,wrapperProps:V,contextValue:q}=g(I),G=c(M),H=h({disabled:v,displayed:L,onTouchStart:F,onKeyDown:U,onClick:t=>{F(),G(),D&&D(t)},buttonType:x,size:k,subtext:C},y(E)),J=m(E);return t(u,w(h({ref:N,"data-component":"multi-action-button","data-element":z,"data-role":A,displayed:L,width:T},J),{children:[e(f,w(h({"aria-haspopup":"true","aria-expanded":L,"data-element":"toggle-button"},H),{ref:I,iconPosition:"after",iconType:"dropdown",children:B}),"toggle-button"),L&&e(b,{disableBackgroundUI:K,disablePortal:!0,placement:"left"===P?"bottom-start":"bottom-end",reference:N,popoverStrategy:"fixed",middleware:[a(6),s({fallbackStrategy:"initialPlacement"})],children:e(d,w(h({},V),{align:_,children:e(p.Provider,{value:q,children:o.Children.map(S,(t=>e("li",{children:t})))})}))})]}))}));export{_ as MultiActionButton,_ as default};

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

@@ -1,4 +1 @@
-export const MULTI_ACTION_BUTTON_ALIGNMENTS = ["left", "right"];
-export const MULTI_ACTION_BUTTON_SIZES = ["small", "medium", "large"];
-export const MULTI_ACTION_BUTTON_THEMES = ["primary", "secondary", "tertiary"];
-export const MULTI_ACTION_BUTTON_POSITIONS = ["left", "right"];
+const r=["left","right"],t=["small","medium","large"],e=["primary","secondary","tertiary"],a=["left","right"];export{r as MULTI_ACTION_BUTTON_ALIGNMENTS,a as MULTI_ACTION_BUTTON_POSITIONS,t as MULTI_ACTION_BUTTON_SIZES,e as MULTI_ACTION_BUTTON_THEMES};

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

@@ -1,103 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import StyledButton from "../button/button.style";
-import baseTheme from "../../style/themes/base";
-import StyledIcon from "../icon/icon.style";
-import computeSizing from "../../style/utils/element-sizing";
-import { borderRadiusStyling } from "../split-button/split-button-children.style";
-const StyledMultiActionButton = styled.div`
-  ${margin}
-
-  display: inline-block;
-  position: relative;
-
-  ${({
-  width
-}) => width && css`
-      ${computeSizing({
-  width
-})}
-
-      ${StyledButton} {
-        width: 100%;
-        justify-content: space-between;
-      }
-    `}
-
-  & > ${StyledButton} {
-    margin: 0;
-
-    ${StyledIcon} {
-      margin-left: 0;
-      left: 8px;
-    }
-
-    &:focus {
-      background-color: var(--colorsActionMajor700);
-      border: 3px solid var(--colorsActionMajor700);
-      outline: none;
-      margin: 0 -1px;
-
-      &,
-      ${StyledIcon} {
-        color: var(--colorsActionMajorYang100);
-      }
-    }
-
-    ${({
-  displayed
-}) => displayed && css`
-        background-color: var(--colorsActionMajor700);
-        border-color: var(--colorsActionMajor700);
-
-        &,
-        ${StyledIcon} {
-          color: var(--colorsActionMajorYang100);
-        }
-
-        &:focus {
-          margin: 0 -1px;
-        }
-      `}
-  }
-`;
-const StyledButtonChildrenContainer = styled.ul`
-  ${({
-  theme,
-  align,
-  minWidth
-}) => 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;
-
-    ${borderRadiusStyling}
-
-    ${StyledButton} {
-      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: baseTheme
-};
-StyledMultiActionButton.defaultProps = {
-  theme: baseTheme
-};
-export { StyledButtonChildrenContainer, StyledMultiActionButton };
+import o,{css as t}from"styled-components";import{margin as r}from"styled-system";import i from"../button/button.style.js";import n from"../../style/themes/base/index.js";import e from"../icon/icon.style.js";import a from"../../style/utils/element-sizing.js";import{borderRadiusStyling as l}from"../split-button/split-button-children.style.js";const s=o.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);}}","}"],r,(({width:o})=>o&&t([""," ","{width:100%;justify-content:space-between;}"],a({width:o}),i)),i,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.withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-6cb03cd4-1"})(["",""],(({theme:o,align:r,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:",";z-index:",";& + &{margin-top:3px;}}"],n,o.zIndex.popover,l,i,r,r,o.zIndex.overlay)));c.defaultProps={theme:n},s.defaultProps={theme:n};export{c as StyledButtonChildrenContainer,s as StyledMultiActionButton};

package/esm/components/navigation-bar/__internal__/fixed-navigation-bar.context.js

@@ -1,31 +1 @@
-import React, { createContext, useState, useCallback, useEffect } from "react";
-import useResizeObserver from "../../../hooks/__internal__/useResizeObserver/useResizeObserver";
-const FixedNavigationBarContext = /*#__PURE__*/createContext({});
-export const FixedNavigationBarContextProvider = ({
-  position,
-  orientation,
-  offset,
-  children,
-  navbarRef
-}) => {
-  const [navbarHeight, setNavbarHeight] = useState(navbarRef.current?.offsetHeight);
-  const updateHeight = useCallback(() => setNavbarHeight(navbarRef.current?.offsetHeight), [navbarRef]);
-  useEffect(() => {
-    updateHeight();
-  }, [updateHeight]);
-  useResizeObserver(navbarRef, updateHeight);
-  let submenuMaxHeight;
-  if (position === "fixed") {
-    if (orientation === "top" && navbarHeight !== undefined) {
-      submenuMaxHeight = `calc(100vh - ${navbarHeight}px - ${offset})`;
-    } else if (orientation === "bottom") {
-      submenuMaxHeight = offset;
-    }
-  }
-  return /*#__PURE__*/React.createElement(FixedNavigationBarContext.Provider, {
-    value: {
-      submenuMaxHeight
-    }
-  }, children);
-};
-export default FixedNavigationBarContext;
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as t,useCallback as o,useEffect as i}from"react";import n from"../../../hooks/__internal__/useResizeObserver/useResizeObserver.js";const s=r({}),a=({position:r,orientation:a,offset:u,children:v,navbarRef:f})=>{var l;const[c,d]=t(null===(l=f.current)||void 0===l?void 0:l.offsetHeight),m=o((()=>{var e;return d(null===(e=f.current)||void 0===e?void 0:e.offsetHeight)}),[f]);let h;return i((()=>{m()}),[m]),n(f,m),"fixed"===r&&("top"===a&&void 0!==c?h=`calc(100vh - ${c}px - ${u})`:"bottom"===a&&(h=u)),e(s.Provider,{value:{submenuMaxHeight:h},children:v})};export{a as FixedNavigationBarContextProvider,s as default};

package/esm/components/navigation-bar/index.js

@@ -1 +1 @@
-export { default } from "./navigation-bar.component";
+export{NavigationBar as default}from"./navigation-bar.component.js";

package/esm/components/navigation-bar/navigation-bar.component.js

@@ -1,35 +1 @@
-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); }
-import React, { useRef } from "react";
-import StyledNavigationBar from "./navigation-bar.style";
-import { FixedNavigationBarContextProvider } from "./__internal__/fixed-navigation-bar.context";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-export const NavigationBar = ({
-  navigationType = "light",
-  isLoading = false,
-  children,
-  ariaLabel,
-  position,
-  offset = "0px",
-  orientation,
-  isGlobal,
-  ...props
-}) => {
-  const navbarRef = useRef(null);
-  return /*#__PURE__*/React.createElement(StyledNavigationBar, _extends({
-    role: "navigation",
-    "aria-label": isGlobal ? "Global Header" : ariaLabel,
-    navigationType: isGlobal ? "black" : navigationType,
-    orientation: isGlobal ? "top" : orientation,
-    offset: isGlobal ? "0px" : offset,
-    position: isGlobal ? "fixed" : position
-  }, props, {
-    isGlobal: isGlobal,
-    ref: navbarRef
-  }, tagComponent(isGlobal ? "global-header" : "navigation-bar", props)), /*#__PURE__*/React.createElement(FixedNavigationBarContextProvider, {
-    orientation: isGlobal ? "top" : orientation,
-    offset: isGlobal ? "0px" : offset,
-    position: isGlobal ? "fixed" : position,
-    navbarRef: navbarRef
-  }, !isLoading && children));
-};
-export default NavigationBar;
+import{jsx as e}from"react/jsx-runtime";import{useRef as t}from"react";import r from"./navigation-bar.style.js";import{FixedNavigationBarContextProvider as n}from"./__internal__/fixed-navigation-bar.context.js";import o from"../../__internal__/utils/helpers/tags/tags.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(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){i(e,t,r[t])}))}return e}function l(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 c=i=>{var{navigationType:c="light",isLoading:f=!1,children:p,ariaLabel:s,position:b,offset:u="0px",orientation:O,isGlobal:y}=i,g=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}(i,["navigationType","isLoading","children","ariaLabel","position","offset","orientation","isGlobal"]);const j=t(null);return e(r,l(a(l(a({role:"navigation","aria-label":y?"Global Header":s,navigationType:y?"black":c,orientation:y?"top":O,offset:y?"0px":u,position:y?"fixed":b},g),{isGlobal:y,ref:j}),o(y?"global-header":"navigation-bar",g)),{children:e(n,{orientation:y?"top":O,offset:y?"0px":u,position:y?"fixed":b,navbarRef:j,children:!f&&p})}))};export{c as NavigationBar,c as default};

package/esm/components/navigation-bar/navigation-bar.style.js

@@ -1,85 +1 @@
-import styled, { css } from "styled-components";
-import { padding, flexbox } from "styled-system";
-import { baseTheme } from "../../style/themes";
-const StyledNavigationBar = styled.nav`
-  display: flex;
-  align-items: center;
-  padding: 0 40px;
-
-  & > * {
-    box-sizing: border-box;
-    min-height: 40px;
-    vertical-align: middle;
-  }
-
-  @media only screen and (max-width: 1259px) {
-    padding: 0 32px;
-  }
-
-  @media only screen and (max-width: 959px) {
-    padding: 0 24px;
-  }
-
-  @media only screen and (max-width: 599px) {
-    padding: 0 16px;
-  }
-
-  && {
-    ${padding}
-  }
-
-  ${flexbox}
-
-  .carbon-logo {
-    margin-right: 10px;
-  }
-
-  ${({
-  position,
-  orientation,
-  offset
-}) => position && orientation && css`
-      position: ${position};
-      ${orientation}: ${offset};
-
-      ${position === "fixed" && css`
-        box-sizing: border-box;
-        width: 100%;
-      `}
-    `}
-
-  ${({
-  navigationType,
-  theme,
-  isGlobal
-}) => css`
-    min-height: 40px;
-    z-index: ${isGlobal ? theme.zIndex.globalNav : theme.zIndex.nav};
-
-    ${navigationType === "light" && css`
-      background-color: var(--colorsComponentsMenuSpringStandard500);
-      border-bottom: var(--borderWidth100) solid
-        var(--colorsComponentsMenuSpringChildAlt500);
-    `}
-
-    ${navigationType === "dark" && css`
-      background-color: var(--colorsComponentsMenuAutumnStandard500);
-      color: var(--colorsComponentsMenuYang100);
-    `}
-
-    ${navigationType === "black" && css`
-      background-color: var(--colorsComponentsMenuWinterStandard500);
-      color: var(--colorsComponentsMenuYang100);
-    `}
-
-    ${navigationType === "white" && css`
-      background-color: var(--colorsComponentsMenuSummerStandard500);
-      border-bottom: var(--borderWidth100) solid
-        var(--colorsComponentsMenuSummerChildAlt500);
-    `}
-  `}
-`;
-StyledNavigationBar.defaultProps = {
-  theme: baseTheme
-};
-export default StyledNavigationBar;
+import o,{css as n}from"styled-components";import{padding as e,flexbox as r}from"styled-system";import"../../style/themes/sage/index.js";import a from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";const t=o.nav.withConfig({displayName:"navigation-bar.style__StyledNavigationBar",componentId:"sc-8aec72fa-0"})(["display:flex;align-items:center;padding:0 40px;& > *{box-sizing:border-box;min-height:40px;vertical-align:middle;}@media only screen and (max-width:1259px){padding:0 32px;}@media only screen and (max-width:959px){padding:0 24px;}@media only screen and (max-width:599px){padding:0 16px;}&&{","}"," .carbon-logo{margin-right:10px;}"," ",""],e,r,(({position:o,orientation:e,offset:r})=>o&&e&&n(["position:",";",":",";",""],o,e,r,"fixed"===o&&n(["box-sizing:border-box;width:100%;"]))),(({navigationType:o,theme:e,isGlobal:r})=>n(["min-height:40px;z-index:",";"," "," "," ",""],r?e.zIndex.globalNav:e.zIndex.nav,"light"===o&&n(["background-color:var(--colorsComponentsMenuSpringStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSpringChildAlt500);"]),"dark"===o&&n(["background-color:var(--colorsComponentsMenuAutumnStandard500);color:var(--colorsComponentsMenuYang100);"]),"black"===o&&n(["background-color:var(--colorsComponentsMenuWinterStandard500);color:var(--colorsComponentsMenuYang100);"]),"white"===o&&n(["background-color:var(--colorsComponentsMenuSummerStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSummerChildAlt500);"]))));t.defaultProps={theme:a};export{t as default};

package/esm/components/note/__internal__/status-icon/index.js

@@ -1 +1 @@
-export { default } from "./status-icon.component";
+export{default}from"./status-icon.component.js";

package/esm/components/note/__internal__/status-icon/status-icon.component.js

@@ -1,16 +1 @@
-import React from "react";
-import StyledStatusIconWrapper from "./status-icon.style";
-import Tooltip from "../../../tooltip";
-const StatusIcon = /*#__PURE__*/React.forwardRef(({
-  tooltipMessage,
-  children
-}, ref) => {
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    message: tooltipMessage
-  }, /*#__PURE__*/React.createElement(StyledStatusIconWrapper, {
-    "data-component": "status-with-tooltip",
-    ref: ref
-  }, children));
-});
-StatusIcon.displayName = "StatusIcon";
-export default StatusIcon;
+import{jsx as t}from"react/jsx-runtime";import o from"react";import e from"./status-icon.style.js";import{Tooltip as r}from"../../../tooltip/tooltip.component.js";const s=o.forwardRef((({tooltipMessage:o,children:s},i)=>t(r,{message:o,children:t(e,{"data-component":"status-with-tooltip",ref:i,children:s})})));s.displayName="StatusIcon";export{s as default};

package/esm/components/note/__internal__/status-icon/status-icon.style.js

@@ -1,18 +1 @@
-import styled from "styled-components";
-const StyledStatusIconWrapper = styled.div`
-  :before {
-    content: "";
-    margin-right: -6px;
-
-    @-moz-document url-prefix() {
-      margin-right: 1px;
-    }
-  }
-
-  list-style: disc;
-  display: list-item;
-  left: -4px;
-  position: relative;
-  text-transform: uppercase;
-`;
-export default StyledStatusIconWrapper;
+import t from"styled-components";const e=t.div.withConfig({displayName:"status-icon.style__StyledStatusIconWrapper",componentId:"sc-ec7808c-0"})([':before{content:"";margin-right:-6px;@-moz-document url-prefix(){margin-right:1px;}}list-style:disc;display:list-item;left:-4px;position:relative;text-transform:uppercase;']);export{e as default};

package/esm/components/note/index.js

@@ -1 +1 @@
-export { default } from "./note.component";
+export{Note as default}from"./note.component.js";