carbon-react 158.35.1 → 158.35.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import{StyledCrumb as o,Divider as i}from"./crumb.style.js";import{useBreadcrumbsContext as c}from"../__internal__/breadcrumbs.context.js";function l(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function u(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){l(r,e,t[e])}))}return r}const a=t.forwardRef(((t,l)=>{var{href:a,isCurrent:f,children:s,onClick:b}=t,p=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},i=Object.keys(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(t,["href","isCurrent","children","onClick"]);const{inverse:O}=c();return r("li",{children:[e(o,(y=u({ref:l,$isCurrent:f,"aria-current":f?"page":void 0,inverse:O},p,n("crumb",p),!f&&{href:a,onClick:b}),m={children:s},m=null!=m?m:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(m)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(m)).forEach((function(r){Object.defineProperty(y,r,Object.getOwnPropertyDescriptor(m,r))})),y)),!f&&e(i,{"data-role":"crumb-divider","aria-hidden":"true",$inverse:O})]});var y,m}));a.displayName="Crumb";export{a as Crumb,a as default};
1
+ import{jsx as r,jsxs as e}from"react/jsx-runtime";import t from"react";import{Link as n}from"../../link/link.component.js";import o from"../../../__internal__/utils/helpers/tags/tags.js";import{StyledCrumbCurrent as i,Divider as c}from"./crumb.style.js";import{useBreadcrumbsContext as l}from"../__internal__/breadcrumbs.context.js";function u(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function f(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){u(r,e,t[e])}))}return r}function s(r,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(e)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))})),r}const a=t.forwardRef(((t,u)=>{var{href:a,isCurrent:b,children:p,onClick:m}=t,O=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},i=Object.keys(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(t,["href","isCurrent","children","onClick"]);const{inverse:y}=l();return b?r("li",{children:r(i,s(f({ref:u,"aria-current":"page",inverse:y},O,o("crumb",O)),{children:p}))}):e("li",{children:[r(n,s(f({ref:u,inverse:y,href:a,onClick:m},O,o("crumb",O)),{children:p})),r(c,{"data-role":"crumb-divider","aria-hidden":"true",$inverse:y})]})}));a.displayName="Crumb";export{a as Crumb,a as default};
@@ -2,13 +2,12 @@ import { LinkProps } from "../../link";
2
2
  interface StyledCrumbProps extends LinkProps {
3
3
  $isCurrent?: boolean;
4
4
  }
5
- export declare const StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyledCrumbProps, never>;
5
+ export declare const StyledCrumbCurrent: import("styled-components").StyledComponent<"span", any, StyledCrumbProps, never>;
6
6
  interface DividerProps {
7
7
  $inverse?: boolean;
8
8
  }
9
9
  export declare const Divider: import("styled-components").StyledComponent<"span", any, DividerProps, never>;
10
10
  declare const _default: {
11
- StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyledCrumbProps, never>;
12
11
  Divider: import("styled-components").StyledComponent<"span", any, DividerProps, never>;
13
12
  };
14
13
  export default _default;
@@ -1 +1 @@
1
- import t,{css as o}from"styled-components";import{Link as e}from"../../link/link.component.js";const r=t=>t?"var(--container-standard-inverse-txt-alt)":"var(--container-standard-txt-alt)",n=t(e).withConfig({displayName:"crumb.style__StyledCrumb",componentId:"sc-48c92719-0"})(["",""],(({$isCurrent:t,inverse:e})=>t&&o(["a{color:",";text-decoration:none;:hover{color:",";text-decoration:none;cursor:text;}}"],r(e),r(e)))),a=t.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-48c92719-1"})(['::after{content:"/";margin-left:var(--global-space-comp-s);font:var(--global-font-static-comp-regular-m);',"}"],(({$inverse:t})=>o(["color:",";"],r(t))));var c={StyledCrumb:n,Divider:a};export{a as Divider,n as StyledCrumb,c as default};
1
+ import t,{css as a}from"styled-components";const r=t=>t?"var(--container-standard-inverse-txt-alt)":"var(--container-standard-txt-alt)",o=t.span.withConfig({displayName:"crumb.style__StyledCrumbCurrent",componentId:"sc-c06f49a7-0"})(["",""],(({inverse:t})=>a(["font:var(--global-font-static-comp-regular-m);cursor:text;color:",";"],r(t)))),e=t.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-c06f49a7-1"})(['::after{content:"/";margin-left:var(--global-space-comp-s);font:var(--global-font-static-comp-regular-m);',"}"],(({$inverse:t})=>a(["color:",";"],r(t))));var n={Divider:e};export{e as Divider,o as StyledCrumbCurrent,n as default};
@@ -1 +1 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import r,{forwardRef as o,useRef as n,useContext as i,useImperativeHandle as l}from"react";import{offset as a,flip as s}from"@floating-ui/dom";import u from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import c from"../split-button/__internal__/split-button.context.js";import{StyledMultiActionButton as p,StyledButtonChildrenContainer as d}from"./multi-action-button.style.js";import f from"../button/button.component.js";import m from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import b from"../../style/utils/filter-styled-system-margin-props.js";import y from"../../style/utils/filter-out-styled-system-spacing-props.js";import g from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import j from"../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";import O from"../flat-table/__internal__/flat-table.context.js";import h from"../../__internal__/utils/helpers/guid/index.js";function _(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function w(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){_(t,e,r[e])}))}return t}function v(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const P=o(((o,_)=>{var{align:P="left",position:x="left",disabled:k,buttonType:S,size:B,children:C,text:D,subtext:T,width:A,onClick:z,"data-element":E,"data-role":F}=o,I=function(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(o,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const M=n(null),{isInFlatTable:K}=i(O),L=n(h());l(_,(()=>({focusMainButton(){var t;null===(t=M.current)||void 0===t||t.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:N,showButtons:U,hideButtons:V,buttonNode:q,handleToggleButtonKeyDown:G,wrapperProps:H,contextValue:J}=g(M),Q=u(V);return j((()=>V())),t(p,v(w({ref:q,"data-component":"multi-action-button","data-element":E,"data-role":F,displayed:N,width:A},b(I)),{children:[e(f,v(w({"aria-expanded":N,"aria-controls":L.current,"data-element":"toggle-button",ref:M,iconPosition:"after",iconType:"dropdown",disabled:k,buttonType:S,size:B,subtext:T,onKeyDown:G,onClick:t=>{null==z||z(t),N?V():U(),Q()}},y(I)),{children:D}),"toggle-button"),e(m,{disableBackgroundUI:K,disablePortal:!0,placement:"left"===x?"bottom-start":"bottom-end",reference:q,popoverStrategy:"fixed",middleware:[a(6),s({fallbackStrategy:"initialPlacement"})],children:e(d,v(w({id:L.current},H),{align:P,hidden:!N,children:e(c.Provider,{value:J,children:r.Children.map(C,(t=>e("li",{children:t})))})}))})]}))}));export{P as MultiActionButton,P as default};
1
+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import r,{forwardRef as o,useRef as n,useContext as i,useImperativeHandle as l}from"react";import{offset as a,flip as s}from"@floating-ui/dom";import u from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import c from"../split-button/__internal__/split-button.context.js";import{StyledMultiActionButton as p,StyledButtonChildrenContainer as d}from"./multi-action-button.style.js";import f from"../button/button.component.js";import m from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import b from"../../style/utils/filter-styled-system-margin-props.js";import y from"../../style/utils/filter-out-styled-system-spacing-props.js";import g from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import j from"../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";import O from"../flat-table/__internal__/flat-table.context.js";import h from"../../__internal__/utils/helpers/guid/index.js";function _(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function w(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){_(t,e,r[e])}))}return t}function v(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const P=o(((o,_)=>{var{align:P="left",position:x="left",disabled:k,buttonType:S,size:B,children:C,text:D,subtext:T,width:A,onClick:z,"data-element":E,"data-role":F}=o,I=function(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(o,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const M=n(null),{isInFlatTable:K}=i(O),L=n(h());l(_,(()=>({focusMainButton(){var t;null===(t=M.current)||void 0===t||t.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:N,showButtons:U,hideButtons:V,buttonNode:q,handleToggleButtonKeyDown:G,wrapperProps:H,contextValue:J}=g(M),Q=u(V);return j((()=>V())),t(p,v(w({ref:q,"data-component":"multi-action-button","data-element":E,"data-role":F,displayed:N,width:A},b(I)),{children:[e(f,v(w({"aria-expanded":N,"aria-controls":L.current,"data-element":"toggle-button",ref:M,iconPosition:"after",iconType:"dropdown",disabled:k,buttonType:S,size:B,subtext:T,onKeyDown:G,onClick:t=>{null==z||z(t),N?V():U(),Q()}},y(I)),{children:D}),"toggle-button"),e(m,{disableBackgroundUI:K&&N,disablePortal:!0,placement:"left"===x?"bottom-start":"bottom-end",reference:q,popoverStrategy:"fixed",middleware:[a(6),s({fallbackStrategy:"initialPlacement"})],children:e(d,v(w({id:L.current},H),{align:P,hidden:!N,children:e(c.Provider,{value:J,children:r.Children.map(C,(t=>e("li",{children:t})))})}))})]}))}));export{P as MultiActionButton,P as default};
@@ -1 +1 @@
1
- import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import r,{forwardRef as n,useContext as i,useRef as l,useImperativeHandle as s}from"react";import{ThemeContext as a}from"styled-components";import{offset as c,flip as p}from"@floating-ui/dom";import u from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import d from"../icon/icon.component.js";import m from"../button/button.component.js";import b from"./split-button.style.js";import f from"./split-button-toggle.style.js";import y from"./split-button-children.style.js";import h from"../../__internal__/utils/helpers/guid/index.js";import g from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import _ from"../../style/utils/filter-out-styled-system-spacing-props.js";import"../../style/themes/sage/index.js";import O from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import w from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import v from"../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";import P from"./__internal__/split-button.context.js";import x from"../../hooks/__internal__/useLocale/useLocale.js";import k from"../flat-table/__internal__/flat-table.context.js";function B(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function C(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){B(t,e,o[e])}))}return t}function S(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 T=n(((n,B)=>{var{align:T="left",position:D="right",buttonType:A="secondary",children:L,disabled:z=!1,iconPosition:W="before",iconType:E,onClick:F,size:I="medium",subtext:M,text:K,"data-element":N,"data-role":U,"aria-label":V,isWhite:q=!1}=n,G=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}(n,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const H=x(),J=i(a)||O,Q=l(h()),R=l(h()),X=l(null),Y=l(null),{isInFlatTable:Z}=i(k),$="secondary"===A&&q;s(B,(()=>({focusMainButton(){var t;null===(t=X.current)||void 0===t||t.focus()},focusToggleButton(){var t;null===(t=Y.current)||void 0===t||t.focus()}})),[]);const{showAdditionalButtons:tt,showButtons:et,hideButtons:ot,buttonNode:rt,handleToggleButtonKeyDown:nt,wrapperProps:it,contextValue:lt}=w(Y,.75);return v((()=>ot())),t(b,S(C({"data-component":"split-button","data-element":N,"data-role":U,onClick:u(ot),ref:rt},j(G)),{children:[t(e,{children:[o(m,S(C({"data-element":"main-button",id:Q.current,ref:X,isWhite:$,subtext:M,size:I,iconType:E,disabled:z,buttonType:A,iconPosition:W,onClick:t=>{null==F||F(t),tt&&ot()}},_(G)),{children:K}),"main-button"),o(f,{"aria-expanded":tt,"aria-controls":R.current,"aria-label":V||H.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:Y,isWhite:$,disabled:z,displayed:tt,buttonType:A,size:I,onKeyDown:nt,onClick:()=>{tt?ot():et()},children:o(d,{type:"dropdown",color:{primary:J.colors.white,secondary:J.colors.primary}[A],bg:"transparent",disabled:z})},"toggle-button")]}),o(g,{disableBackgroundUI:Z,disablePortal:!0,placement:"left"===D?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:rt,middleware:[c(6),p({fallbackStrategy:"initialPlacement"})],children:o(y,S(C({id:R.current},it),{align:T,hidden:!tt,children:o(P.Provider,{value:lt,children:r.Children.map(L,(t=>o("li",{children:t})))})}))})]}))}));export{T as SplitButton,T as default};
1
+ import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import r,{forwardRef as n,useContext as i,useRef as l,useImperativeHandle as s,useEffect as a}from"react";import{ThemeContext as c}from"styled-components";import{offset as p,flip as u}from"@floating-ui/dom";import d from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import m from"../icon/icon.component.js";import b from"../button/button.component.js";import f from"./split-button.style.js";import y from"./split-button-toggle.style.js";import g from"./split-button-children.style.js";import h from"../../__internal__/utils/helpers/guid/index.js";import j from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import _ from"../../style/utils/filter-styled-system-margin-props.js";import O from"../../style/utils/filter-out-styled-system-spacing-props.js";import"../../style/themes/sage/index.js";import v from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import w from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import P from"../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";import k from"./__internal__/split-button.context.js";import x from"../../hooks/__internal__/useLocale/useLocale.js";import T from"../flat-table/__internal__/flat-table.context.js";function B(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function C(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){B(t,e,o[e])}))}return t}function S(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 L=n(((n,B)=>{var{align:L="left",position:D="right",buttonType:E="secondary",children:A,disabled:z=!1,iconPosition:M="before",iconType:W,onClick:F,size:I="medium",subtext:K,text:H,"data-element":N,"data-role":U,"aria-label":V,isWhite:q=!1}=n,G=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}(n,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const J=x(),Q=i(c)||v,R=l(h()),X=l(h()),Y=l(null),Z=l(null),{isInFlatTable:$}=i(T),tt="secondary"===E&&q;s(B,(()=>({focusMainButton(){var t;null===(t=Y.current)||void 0===t||t.focus()},focusToggleButton(){var t;null===(t=Z.current)||void 0===t||t.focus()}})),[]);const{showAdditionalButtons:et,showButtons:ot,hideButtons:rt,buttonNode:nt,handleToggleButtonKeyDown:it,wrapperProps:lt,contextValue:st}=w(Z,.75);a((()=>{if(!$)return;const t=t=>{t.target instanceof HTMLElement&&"popup-backdrop"===t.target.dataset.role&&et&&rt()};return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}),[rt,$,et]);return P((()=>rt())),t(f,S(C({"data-component":"split-button","data-element":N,"data-role":U,onClick:d(rt),ref:nt},_(G)),{children:[t(e,{children:[o(b,S(C({"data-element":"main-button",id:R.current,ref:Y,isWhite:tt,subtext:K,size:I,iconType:W,disabled:z,buttonType:E,iconPosition:M,onClick:t=>{null==F||F(t),et&&rt()}},O(G)),{children:H}),"main-button"),o(y,{"aria-expanded":et,"aria-controls":X.current,"aria-label":V||J.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:Z,isWhite:tt,disabled:z,displayed:et,buttonType:E,size:I,onKeyDown:it,onClick:()=>{et?rt():ot()},children:o(m,{type:"dropdown",color:{primary:Q.colors.white,secondary:Q.colors.primary}[E],bg:"transparent",disabled:z})},"toggle-button")]}),o(j,{disableBackgroundUI:$&&et,disablePortal:!0,placement:"left"===D?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:nt,middleware:[p(6),u({fallbackStrategy:"initialPlacement"})],children:o(g,S(C({id:X.current},lt),{align:L,hidden:!et,children:o(k.Provider,{value:st,children:r.Children.map(A,(t=>o("li",{children:t})))})}))})]}))}));export{L as SplitButton,L as default};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("./crumb.style.js"),i=require("../__internal__/breadcrumbs.context.js");function o(e){return e&&e.__esModule?e:{default:e}}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 c(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){u(e,r,t[r])}))}return e}const l=o(r).default.forwardRef(((r,o)=>{var{href:u,isCurrent:l,children:s,onClick:a}=r,b=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["href","isCurrent","children","onClick"]);const{inverse:f}=i.useBreadcrumbsContext();return e.jsxs("li",{children:[e.jsx(n.StyledCrumb,(p=c({ref:o,$isCurrent:l,"aria-current":l?"page":void 0,inverse:f},b,t.default("crumb",b),!l&&{href:u,onClick:a}),O={children:s},O=null!=O?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(O)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(O)).forEach((function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(O,e))})),p)),!l&&e.jsx(n.Divider,{"data-role":"crumb-divider","aria-hidden":"true",$inverse:f})]});var p,O}));l.displayName="Crumb",exports.Crumb=l,exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../link/link.component.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js"),i=require("./crumb.style.js"),u=require("../__internal__/breadcrumbs.context.js");function c(e){return e&&e.__esModule?e:{default:e}}function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(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){o(e,r,t[r])}))}return e}function s(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 a=c(r).default.forwardRef(((r,c)=>{var{href:o,isCurrent:a,children:f,onClick:b}=r,p=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},u=Object.keys(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["href","isCurrent","children","onClick"]);const{inverse:O}=u.useBreadcrumbsContext();return a?e.jsx("li",{children:e.jsx(i.StyledCrumbCurrent,s(l({ref:c,"aria-current":"page",inverse:O},p,n.default("crumb",p)),{children:f}))}):e.jsxs("li",{children:[e.jsx(t.Link,s(l({ref:c,inverse:O,href:o,onClick:b},p,n.default("crumb",p)),{children:f})),e.jsx(i.Divider,{"data-role":"crumb-divider","aria-hidden":"true",$inverse:O})]})}));a.displayName="Crumb",exports.Crumb=a,exports.default=a;
@@ -2,13 +2,12 @@ import { LinkProps } from "../../link";
2
2
  interface StyledCrumbProps extends LinkProps {
3
3
  $isCurrent?: boolean;
4
4
  }
5
- export declare const StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyledCrumbProps, never>;
5
+ export declare const StyledCrumbCurrent: import("styled-components").StyledComponent<"span", any, StyledCrumbProps, never>;
6
6
  interface DividerProps {
7
7
  $inverse?: boolean;
8
8
  }
9
9
  export declare const Divider: import("styled-components").StyledComponent<"span", any, DividerProps, never>;
10
10
  declare const _default: {
11
- StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyledCrumbProps, never>;
12
11
  Divider: import("styled-components").StyledComponent<"span", any, DividerProps, never>;
13
12
  };
14
13
  export default _default;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../link/link.component.js");function r(e){return e&&e.__esModule?e:{default:e}}var o=r(e);const n=e=>e?"var(--container-standard-inverse-txt-alt)":"var(--container-standard-txt-alt)",a=o.default(t.Link).withConfig({displayName:"crumb.style__StyledCrumb",componentId:"sc-48c92719-0"})(["",""],(({$isCurrent:t,inverse:r})=>t&&e.css(["a{color:",";text-decoration:none;:hover{color:",";text-decoration:none;cursor:text;}}"],n(r),n(r)))),s=o.default.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-48c92719-1"})(['::after{content:"/";margin-left:var(--global-space-comp-s);font:var(--global-font-static-comp-regular-m);',"}"],(({$inverse:t})=>e.css(["color:",";"],n(t))));var i={StyledCrumb:a,Divider:s};exports.Divider=s,exports.StyledCrumb=a,exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(e);const a=e=>e?"var(--container-standard-inverse-txt-alt)":"var(--container-standard-txt-alt)",o=r.default.span.withConfig({displayName:"crumb.style__StyledCrumbCurrent",componentId:"sc-c06f49a7-0"})(["",""],(({inverse:t})=>e.css(["font:var(--global-font-static-comp-regular-m);cursor:text;color:",";"],a(t)))),n=r.default.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-c06f49a7-1"})(['::after{content:"/";margin-left:var(--global-space-comp-s);font:var(--global-font-static-comp-regular-m);',"}"],(({$inverse:t})=>e.css(["color:",";"],a(t))));var s={Divider:n};exports.Divider=n,exports.StyledCrumbCurrent=o,exports.default=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@floating-ui/dom"),n=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),o=require("../split-button/__internal__/split-button.context.js"),i=require("./multi-action-button.style.js"),l=require("../button/button.component.js"),u=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var a=require("../../style/utils/filter-styled-system-margin-props.js"),s=require("../../style/utils/filter-out-styled-system-spacing-props.js"),d=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),c=require("../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js"),p=require("../flat-table/__internal__/flat-table.context.js"),f=require("../../__internal__/utils/helpers/guid/index.js");function b(e){return e&&e.__esModule?e:{default:e}}var y=b(t);function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){j(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const m=t.forwardRef(((b,j)=>{var{align:m="left",position:O="left",disabled:h,buttonType:v,size:w,children:x,text:P,subtext:q,width:k,onClick:S,"data-element":B,"data-role":C}=b,A=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(b,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const M=t.useRef(null),{isInFlatTable:D}=t.useContext(p.default),T=t.useRef(f.default());t.useImperativeHandle(j,(()=>({focusMainButton(){var e;null===(e=M.current)||void 0===e||e.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:I,showButtons:z,hideButtons:E,buttonNode:F,handleToggleButtonKeyDown:R,wrapperProps:K,contextValue:L}=d.default(M),H=n.default(E);return c.default((()=>E())),e.jsxs(i.StyledMultiActionButton,g(_({ref:F,"data-component":"multi-action-button","data-element":B,"data-role":C,displayed:I,width:k},a.default(A)),{children:[e.jsx(l.default,g(_({"aria-expanded":I,"aria-controls":T.current,"data-element":"toggle-button",ref:M,iconPosition:"after",iconType:"dropdown",disabled:h,buttonType:v,size:w,subtext:q,onKeyDown:R,onClick:e=>{null==S||S(e),I?E():z(),H()}},s.default(A)),{children:P}),"toggle-button"),e.jsx(u.default,{disableBackgroundUI:D,disablePortal:!0,placement:"left"===O?"bottom-start":"bottom-end",reference:F,popoverStrategy:"fixed",middleware:[r.offset(6),r.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(i.StyledButtonChildrenContainer,g(_({id:T.current},K),{align:m,hidden:!I,children:e.jsx(o.default.Provider,{value:L,children:y.default.Children.map(x,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.MultiActionButton=m,exports.default=m;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@floating-ui/dom"),n=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),o=require("../split-button/__internal__/split-button.context.js"),i=require("./multi-action-button.style.js"),l=require("../button/button.component.js"),u=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var a=require("../../style/utils/filter-styled-system-margin-props.js"),s=require("../../style/utils/filter-out-styled-system-spacing-props.js"),d=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),c=require("../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js"),p=require("../flat-table/__internal__/flat-table.context.js"),f=require("../../__internal__/utils/helpers/guid/index.js");function b(e){return e&&e.__esModule?e:{default:e}}var y=b(t);function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){j(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const m=t.forwardRef(((b,j)=>{var{align:m="left",position:O="left",disabled:h,buttonType:v,size:w,children:x,text:P,subtext:q,width:k,onClick:S,"data-element":B,"data-role":C}=b,A=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(b,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const M=t.useRef(null),{isInFlatTable:D}=t.useContext(p.default),T=t.useRef(f.default());t.useImperativeHandle(j,(()=>({focusMainButton(){var e;null===(e=M.current)||void 0===e||e.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:I,showButtons:z,hideButtons:E,buttonNode:F,handleToggleButtonKeyDown:R,wrapperProps:K,contextValue:L}=d.default(M),H=n.default(E);return c.default((()=>E())),e.jsxs(i.StyledMultiActionButton,g(_({ref:F,"data-component":"multi-action-button","data-element":B,"data-role":C,displayed:I,width:k},a.default(A)),{children:[e.jsx(l.default,g(_({"aria-expanded":I,"aria-controls":T.current,"data-element":"toggle-button",ref:M,iconPosition:"after",iconType:"dropdown",disabled:h,buttonType:v,size:w,subtext:q,onKeyDown:R,onClick:e=>{null==S||S(e),I?E():z(),H()}},s.default(A)),{children:P}),"toggle-button"),e.jsx(u.default,{disableBackgroundUI:D&&I,disablePortal:!0,placement:"left"===O?"bottom-start":"bottom-end",reference:F,popoverStrategy:"fixed",middleware:[r.offset(6),r.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(i.StyledButtonChildrenContainer,g(_({id:T.current},K),{align:m,hidden:!I,children:e.jsx(o.default.Provider,{value:L,children:y.default.Children.map(x,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.MultiActionButton=m,exports.default=m;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),i=require("../icon/icon.component.js"),l=require("../button/button.component.js"),s=require("./split-button.style.js"),a=require("./split-button-toggle.style.js"),u=require("./split-button-children.style.js"),d=require("../../__internal__/utils/helpers/guid/index.js"),c=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var p=require("../../style/utils/filter-styled-system-margin-props.js"),f=require("../../style/utils/filter-out-styled-system-spacing-props.js");require("../../style/themes/sage/index.js");var b=require("../../style/themes/base/index.js");require("../../style/themes/none/index.js");var y=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),j=require("../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js"),m=require("./__internal__/split-button.context.js"),h=require("../../hooks/__internal__/useLocale/useLocale.js"),g=require("../flat-table/__internal__/flat-table.context.js");function _(e){return e&&e.__esModule?e:{default:e}}var x=_(t);function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(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){O(e,t,r[t])}))}return e}function q(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 w=t.forwardRef(((_,O)=>{var{align:w="left",position:P="right",buttonType:k="secondary",children:C,disabled:B=!1,iconPosition:S="before",iconType:T,onClick:D,size:A="medium",subtext:L,text:M,"data-element":R,"data-role":z,"aria-label":F,isWhite:I=!1}=_,W=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}(_,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const E=h.default(),K=t.useContext(r.ThemeContext)||b.default,H=t.useRef(d.default()),N=t.useRef(d.default()),U=t.useRef(null),V=t.useRef(null),{isInFlatTable:G}=t.useContext(g.default),J="secondary"===k&&I;t.useImperativeHandle(O,(()=>({focusMainButton(){var e;null===(e=U.current)||void 0===e||e.focus()},focusToggleButton(){var e;null===(e=V.current)||void 0===e||e.focus()}})),[]);const{showAdditionalButtons:Q,showButtons:X,hideButtons:Y,buttonNode:Z,handleToggleButtonKeyDown:$,wrapperProps:ee,contextValue:te}=y.default(V,.75);return j.default((()=>Y())),e.jsxs(s.default,q(v({"data-component":"split-button","data-element":R,"data-role":z,onClick:o.default(Y),ref:Z},p.default(W)),{children:[e.jsxs(e.Fragment,{children:[e.jsx(l.default,q(v({"data-element":"main-button",id:H.current,ref:U,isWhite:J,subtext:L,size:A,iconType:T,disabled:B,buttonType:k,iconPosition:S,onClick:e=>{null==D||D(e),Q&&Y()}},f.default(W)),{children:M}),"main-button"),e.jsx(a.default,{"aria-expanded":Q,"aria-controls":N.current,"aria-label":F||E.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:V,isWhite:J,disabled:B,displayed:Q,buttonType:k,size:A,onKeyDown:$,onClick:()=>{Q?Y():X()},children:e.jsx(i.default,{type:"dropdown",color:{primary:K.colors.white,secondary:K.colors.primary}[k],bg:"transparent",disabled:B})},"toggle-button")]}),e.jsx(c.default,{disableBackgroundUI:G,disablePortal:!0,placement:"left"===P?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:Z,middleware:[n.offset(6),n.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(u.default,q(v({id:N.current},ee),{align:w,hidden:!Q,children:e.jsx(m.default.Provider,{value:te,children:x.default.Children.map(C,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.SplitButton=w,exports.default=w;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),i=require("../icon/icon.component.js"),l=require("../button/button.component.js"),s=require("./split-button.style.js"),a=require("./split-button-toggle.style.js"),u=require("./split-button-children.style.js"),c=require("../../__internal__/utils/helpers/guid/index.js"),d=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var p=require("../../style/utils/filter-styled-system-margin-props.js"),f=require("../../style/utils/filter-out-styled-system-spacing-props.js");require("../../style/themes/sage/index.js");var b=require("../../style/themes/base/index.js");require("../../style/themes/none/index.js");var y=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),j=require("../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js"),m=require("./__internal__/split-button.context.js"),g=require("../../hooks/__internal__/useLocale/useLocale.js"),h=require("../flat-table/__internal__/flat-table.context.js");function _(e){return e&&e.__esModule?e:{default:e}}var x=_(t);function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(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){O(e,t,r[t])}))}return e}function q(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 w=t.forwardRef(((_,O)=>{var{align:w="left",position:P="right",buttonType:k="secondary",children:C,disabled:T=!1,iconPosition:B="before",iconType:S,onClick:L,size:E="medium",subtext:D,text:M,"data-element":A,"data-role":R,"aria-label":z,isWhite:F=!1}=_,I=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}(_,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const W=g.default(),H=t.useContext(r.ThemeContext)||b.default,K=t.useRef(c.default()),N=t.useRef(c.default()),U=t.useRef(null),V=t.useRef(null),{isInFlatTable:G}=t.useContext(h.default),J="secondary"===k&&F;t.useImperativeHandle(O,(()=>({focusMainButton(){var e;null===(e=U.current)||void 0===e||e.focus()},focusToggleButton(){var e;null===(e=V.current)||void 0===e||e.focus()}})),[]);const{showAdditionalButtons:Q,showButtons:X,hideButtons:Y,buttonNode:Z,handleToggleButtonKeyDown:$,wrapperProps:ee,contextValue:te}=y.default(V,.75);t.useEffect((()=>{if(!G)return;const e=e=>{e.target instanceof HTMLElement&&"popup-backdrop"===e.target.dataset.role&&Q&&Y()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[Y,G,Q]);return j.default((()=>Y())),e.jsxs(s.default,q(v({"data-component":"split-button","data-element":A,"data-role":R,onClick:o.default(Y),ref:Z},p.default(I)),{children:[e.jsxs(e.Fragment,{children:[e.jsx(l.default,q(v({"data-element":"main-button",id:K.current,ref:U,isWhite:J,subtext:D,size:E,iconType:S,disabled:T,buttonType:k,iconPosition:B,onClick:e=>{null==L||L(e),Q&&Y()}},f.default(I)),{children:M}),"main-button"),e.jsx(a.default,{"aria-expanded":Q,"aria-controls":N.current,"aria-label":z||W.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:V,isWhite:J,disabled:T,displayed:Q,buttonType:k,size:E,onKeyDown:$,onClick:()=>{Q?Y():X()},children:e.jsx(i.default,{type:"dropdown",color:{primary:H.colors.white,secondary:H.colors.primary}[k],bg:"transparent",disabled:T})},"toggle-button")]}),e.jsx(d.default,{disableBackgroundUI:G&&Q,disablePortal:!0,placement:"left"===P?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:Z,middleware:[n.offset(6),n.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(u.default,q(v({id:N.current},ee),{align:w,hidden:!Q,children:e.jsx(m.default.Provider,{value:te,children:x.default.Children.map(C,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.SplitButton=w,exports.default=w;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "158.35.1",
3
+ "version": "158.35.3",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",