carbon-react 158.49.1 → 158.50.0
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.
- package/esm/components/tabs/__next__/tabs.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.component.js +1 -1
- package/esm/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
- package/lib/components/tabs/__next__/tabs.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.component.js +1 -1
- package/lib/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import a,{css as o}from"styled-components";import t from"../../../style/utils/add-focus-styling.js";const i={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},r=a.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"sc-8b5755df-0"})(["padding:0 6px;"]),e=a.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"sc-8b5755df-1"})(["display:flex;"," width:100%;padding:6px;overflow-x:hidden;"],(({$orientation:a})=>o([""," ",""],"horizontal"===a&&o(["margin-bottom:8px;"]),"vertical"===a&&o(["flex-direction:column;flex-wrap:wrap;margin-right:8px;"])))),d=a.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"sc-8b5755df-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:a})=>a&&o(["width:",";"],a))),n=a.div.withConfig({displayName:"tabs.style__Spacer",componentId:"sc-8b5755df-3"})(["align-self:flex-end;background:var(--tab-border-active-alt);flex-grow:1;height:2px;"]),l=a.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"sc-8b5755df-4"})(["height:",";width:",";border-radius:var(--global-radius-none);border-top-right-radius:var(--global-radius-action-m);border-top-left-radius:var(--global-radius-action-m);border-color:var(--tab-border-active-alt);background:white;border:none;border-bottom:2px solid var(--tab-border-active-alt);top:6px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),b=a.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"sc-8b5755df-5"})(["height:",";width:",";border-radius:var(--global-radius-none);border-color:var(--tab-border-active-alt);border:none;border-bottom:2px solid var(--tab-border-active-alt);top:4px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=a.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"sc-8b5755df-6"})(["background-color:transparent;border:none;border-bottom:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) var(--global-radius-action-m) 0 0;white-space:nowrap;height:fit-content;color:var(--tab-label-default);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{"," ","}:hover{background-color:var(--tab-bg-hover);cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({$hasCustomLayout:a})=>!a&&o(["align-items:center;display:flex;gap:8px;"])),(({activeTab:a,$orientation:t,$size:i,error:r,warning:e,info:d,$hasCustomLayout:n})=>a&&o([""," "," ",""],"horizontal"===t&&(r||e||d)&&o(["position:relative;top:1px;"]),"large"===i&&o(["margin-top:-4px;"]),n&&"horizontal"===t&&o(["position:relative;top:-2px;left:1px;"]))),(({$size:a,$hasCustomLayout:t})=>o(["font-size:","px;height:","px;",""],i[a].fontSize,i[a].height,t?o(["padding:0;"]):o(["padding:","px ","px;"],i[a].paddingY,i[a].paddingX))),(({activeTab:a,error:t,info:r,$orientation:e,$size:d,warning:n,$hasCustomLayout:l})=>a&&"horizontal"===e&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-bottom:none;color:var(--tab-label-active);",' :hover{background-color:var(--tab-bg-active);}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:var(--global-radius-container-2-xs);min-width:24px;}"],!l&&o(["padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],i[d].paddingY-4,i[d].paddingX-2,i[d].paddingY,i[d].paddingX-2),(()=>t?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":r?"#0060a7ff":"black"))),(({activeTab:a,error:t,info:r,$orientation:e,$size:d,warning:n,$hasCustomLayout:l,$headerWidth:b})=>"vertical"===e&&o(["border:none;border-right:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);max-width:",";width:",";"," ",""],null!=b?b:"200px",null!=b?b:"200px",b&&o(["white-space:normal;height:auto;"]),a&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-right:none;"," :hover{background-color:var(--tab-bg-active);}.tab-title-content-wrapper{"," ",' ::after{content:"";position:absolute;right:0;width:4px;'," height:60%;background-color:",";border-radius:var(--global-radius-container-2-xs);min-height:24px;}}"],!l&&o(["padding-top:","px;padding-right:var(--global-space-none);padding-bottom:","px;padding-left:","px;"],"medium"===d?i.medium.paddingY-2:4,"medium"===d?i.medium.paddingY-2:i.large.paddingY,i[d].paddingX-2),b&&!l&&o(["padding-right:18px;"]),l&&o(["width:100%;> *{position:relative;left:-2px;top:-2px;}"]),l&&o(["top:20%;right:0px;"]),(()=>t?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":r?"#0060a7ff":"black")))),t(),(({$orientation:a})=>o(["border-top-left-radius:var(--global-radius-action-m);border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:var(--global-radius-none);"],"horizontal"===a?"var(--global-radius-action-m)":"var(--global-radius-none)","horizontal"===a?"var(--global-radius-none)":"var(--global-radius-action-m)"))),s=a.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"sc-8b5755df-7"})(["display:flex;",""],(({$orientation:a})=>o(["flex-direction:",";"],"horizontal"===a?"column":"row"))),g=a.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"sc-8b5755df-8"})(["",""],(({visible:a})=>o(["display:",";"],a?"block":"none")));export{n as Spacer,l as StyledScrollButton,b as StyledScrollButtonPlaceholder,p as StyledTab,e as StyledTabList,d as StyledTabListWrapper,r as StyledTabPanel,g as StyledTabProvider,s as StyledTabs};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useLexicalComposerContext as r}from"@lexical/react/LexicalComposerContext";import{mergeRegister as n}from"@lexical/utils";import{$getSelection as i,$isRangeSelection as l,$getRoot as a,$createTextNode as s,$createParagraphNode as
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useLexicalComposerContext as r}from"@lexical/react/LexicalComposerContext";import{mergeRegister as n}from"@lexical/utils";import{$getSelection as i,$isRangeSelection as l,$getRoot as a,$createTextNode as s,$createParagraphNode as d,$isParagraphNode as c}from"lexical";import{useRef as p,useState as u,useCallback as m,useEffect as f}from"react";import{StyledToolbarWrapper as b,StyledToolbar as h,CommandButtons as y}from"./toolbar.style.js";import x from"../../../../button/button.component.js";import g from"../../../../../hooks/__internal__/useLocale/useLocale.js";import v from"./buttons/bold.component.js";import j from"./buttons/hyperlink.component.js";import k from"./buttons/italic.component.js";import O from"./buttons/list.component.js";import E from"./buttons/save.component.js";import w from"./buttons/typography.component.js";import D from"./buttons/underline.component.js";import F from"./button-group/button-group.component.js";import{TEXT_EDITOR_ACTION_TYPES as B}from"../../__utils__/constants.js";import{Textbox as P}from"../../../../textbox/textbox.component.js";import{$createLinkNode as z}from"@lexical/link";import{Dialog as C}from"../../../../dialog/dialog.component.js";import{Form as S}from"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";import{Box as L}from"../../../../box/box.component.js";import{Typography as $}from"../../../../typography/typography.component.js";function A(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function I(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){A(e,t,o[t])}))}return e}function _(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 o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}const T=({contentEditorRef:A,namespace:T,hasHeader:q,onCancel:W,onSave:H,size:M="medium",toolbarControls:R=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var U,K,N,G,J,Q;const[V]=r(),X=V.isEditable(),Y=p(null),[Z,ee]=u(!1),[te,oe]=u(!1),[re,ne]=u(!1),[ie,le]=u(!1),[ae,se]=u(!1),[de,ce]=u(-1),[pe,ue]=u(""),[me,fe]=u(""),[be,he]=u(!1),[ye,xe]=u(!1),ge=p(null),ve=p(null),je=g(),ke=R.includes("typography"),Oe=R.includes("bold")||R.includes("italic")||R.includes("underline"),Ee=R.includes("unordered-list")||R.includes("ordered-list"),we=R.includes("link"),De=m((()=>{const e=i();l(e)&&(ee(e.hasFormat(B.Bold)),oe(e.hasFormat(B.Italic)),ne(e.hasFormat(B.Underline)))}),[]);f((()=>n(V.registerUpdateListener((({editorState:e})=>{e.read((()=>{V.isEditable()&&De()}))})))),[De,V]),f((()=>{ie&&V.read((()=>{const e=i();if(l(e)){const t=e.getTextContent();ue(t)}}))}),[ie,V]);const Fe=()=>{ue(""),fe(""),he(!1),xe(!1),le(!1)};return X?e(b,{"data-role":`${T}-toolbar-wrapper`,hasHeader:q,id:`${T}-toolbar-wrapper`,size:M,children:[e(h,{role:"toolbar","aria-label":je.textEditor.toolbarAriaLabel(),"data-role":`${T}-toolbar`,id:`${T}-toolbar`,ref:Y,onKeyDown:e=>{var t,o;if(0===R.length||!Y.current)return;const r=Array.from(null===(t=Y.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!r.length)return;const n=r.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let i=-1;switch(e.key){case"ArrowRight":e.preventDefault(),ae||(i=n<r.length-1?n+1:0);break;case"ArrowLeft":e.preventDefault(),ae||(i=n>0?n-1:r.length-1);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=r.length-1;break;default:return}r.forEach(((e,t)=>{e.tabIndex=t===i?0:-1})),i>-1&&(null===(o=r[i])||void 0===o||o.focus())},tabIndex:-1,children:[e(t,{children:[ke&&o(F,{name:"typography-formatting-buttons",namespace:T,showDivider:Oe||Ee||we,children:o(w,{contentEditorRef:A,namespace:T,isFirstButton:!0,isOpen:ae,setIsOpen:se,focusedIndex:de,setFocusedIndex:ce,size:M})}),Oe&&e(F,{name:"text-formatting-buttons",namespace:T,showDivider:Ee||we,children:[R.includes("bold")&&o(v,{isActive:Z,namespace:T,isFirstButton:!ke,size:M}),R.includes("italic")&&o(k,{isActive:te,namespace:T,isFirstButton:!ke&&!R.includes("bold"),size:M}),R.includes("underline")&&o(D,{isActive:re,namespace:T,isFirstButton:!ke&&!R.includes("bold")&&!R.includes("italic"),size:M})]}),Ee&&o(F,{name:"list-formatting-buttons",namespace:T,showDivider:we,children:o(O,{namespace:T,olIsFirstButton:!ke&&!Oe&&!R.includes("unordered-list"),showOL:R.includes("ordered-list"),showUL:R.includes("unordered-list"),ulIsFirstButton:!ke&&!Oe,size:M})}),we&&o(F,{name:"hyperlink-formatting-buttons",namespace:T,showDivider:!1,children:o(j,{namespace:T,isFirstButton:!ke&&!Oe&&!Ee,setDialogOpen:le,size:M})})]}),o(C,{open:ie,onCancel:()=>{Fe()},title:je.textEditor.hyperlink.dialogTitle(),"data-role":`${T}-hyperlink-dialog`,"aria-label":je.textEditor.hyperlink.dialogTitle(),size:"medium-small",children:o(S,{leftSideButtons:o(x,{"data-role":`${T}-hyperlink-cancel-button`,onClick:()=>{Fe()},children:je.textEditor.cancelButton()}),saveButton:o(x,{buttonType:"primary",type:"submit","data-role":`${T}-hyperlink-save-button`,children:je.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),e.stopPropagation();const t=!pe.trim(),o=!me.trim();var r,n;(he(t),xe(o),t||o)?t?null===(r=ge.current)||void 0===r||r.focus():null===(n=ve.current)||void 0===n||n.focus():V.isEditable()&&(V.update((()=>{const e=a(),t=e.getChildrenSize(),o=i(),r=z(me);if(r.append(s(pe)),0===t){const t=d();t.append(r),e.append(t),t.selectEnd()}else if(l(o))o.insertNodes([r]);else{const t=e.getLastChild();c(t)&&t.append(r)}})),Fe())},children:e(L,{display:"flex",flexDirection:"column",gap:"16px",children:[e($,{fontSize:"14px",fontWeight:"500",lineHeight:"21px",children:[o("span",{style:{color:"var(--input-labelset-label-required)"},children:"*"})," ",null===(U=(K=je.textEditor.hyperlink).formKey)||void 0===U?void 0:U.call(K)]}),e(L,{display:"flex",gap:"24px",flexWrap:"wrap",children:[o(L,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:o(P,_(I({label:je.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,validationMessagePositionTop:!1},be&&{error:null===(N=(G=je.textEditor.hyperlink).textFieldErrorMessage)||void 0===N?void 0:N.call(G)}),{"data-role":`${T}-hyperlink-text-field`,value:pe,ref:ge,onChange:e=>{ue(e.target.value),he(!1)}}))}),o(L,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:o(P,_(I({label:je.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,validationMessagePositionTop:!1},ye&&{error:null===(J=(Q=je.textEditor.hyperlink).linkFieldErrorMessage)||void 0===J?void 0:J.call(Q)}),{"data-role":`${T}-hyperlink-link-field`,value:me,ref:ve,onChange:e=>{fe(e.target.value),xe(!1)}}))})]})]})})})]}),e(y,{"data-role":`${T}-command-buttons`,children:[W&&o(x,{buttonType:"tertiary","data-role":`${T}-cancel-button`,"aria-label":je.textEditor.cancelButtonAria(),onClick:()=>null==W?void 0:W(V),size:M,className:"command-button",children:je.textEditor.cancelButton()}),H&&o(E,{namespace:T,onSave:H,size:M})]})]}):null};export{T as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import"react";import o,{createGlobalStyle as r}from"styled-components";import n from"./__internal__/static-tokens/index.js";const a=o.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"sc-
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import"react";import o,{createGlobalStyle as r}from"styled-components";import n from"./__internal__/static-tokens/index.js";const a=o.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"sc-bb9ec08c-0"})(["height:",";"],(({$height:t})=>t)),p=r(['[data-component="tokens-wrapper"],[class*="carbon-portal"]{',"}"],n),i=({children:o,height:r="auto"})=>t(a,{"data-component":"tokens-wrapper","data-role":"tokens-wrapper",$height:r,children:[e(p,{}),o]});export{i as TokensWrapper,i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var a=require("styled-components"),t=require("../../../style/utils/add-focus-styling.js");function o(a){return a&&a.__esModule?a:{default:a}}var i=o(a);const r={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},e=i.default.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"sc-8b5755df-0"})(["padding:0 6px;"]),d=i.default.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"sc-8b5755df-1"})(["display:flex;"," width:100%;padding:6px;overflow-x:hidden;"],(({$orientation:t})=>a.css([""," ",""],"horizontal"===t&&a.css(["margin-bottom:8px;"]),"vertical"===t&&a.css(["flex-direction:column;flex-wrap:wrap;margin-right:8px;"])))),n=i.default.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"sc-8b5755df-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:t})=>t&&a.css(["width:",";"],t))),l=i.default.div.withConfig({displayName:"tabs.style__Spacer",componentId:"sc-8b5755df-3"})(["align-self:flex-end;background:var(--tab-border-active-alt);flex-grow:1;height:2px;"]),s=i.default.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"sc-8b5755df-4"})(["height:",";width:",";border-radius:var(--global-radius-none);border-top-right-radius:var(--global-radius-action-m);border-top-left-radius:var(--global-radius-action-m);border-color:var(--tab-border-active-alt);background:white;border:none;border-bottom:2px solid var(--tab-border-active-alt);top:6px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=i.default.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"sc-8b5755df-5"})(["height:",";width:",";border-radius:var(--global-radius-none);border-color:var(--tab-border-active-alt);border:none;border-bottom:2px solid var(--tab-border-active-alt);top:4px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),b=i.default.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"sc-8b5755df-6"})(["background-color:transparent;border:none;border-bottom:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) var(--global-radius-action-m) 0 0;white-space:nowrap;height:fit-content;color:var(--tab-label-default);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{"," ","}:hover{background-color:var(--tab-bg-hover);cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({$hasCustomLayout:t})=>!t&&a.css(["align-items:center;display:flex;gap:8px;"])),(({activeTab:t,$orientation:o,$size:i,error:r,warning:e,info:d,$hasCustomLayout:n})=>t&&a.css([""," "," ",""],"horizontal"===o&&(r||e||d)&&a.css(["position:relative;top:1px;"]),"large"===i&&a.css(["margin-top:-4px;"]),n&&"horizontal"===o&&a.css(["position:relative;top:-2px;left:1px;"]))),(({$size:t,$hasCustomLayout:o})=>a.css(["font-size:","px;height:","px;",""],r[t].fontSize,r[t].height,o?a.css(["padding:0;"]):a.css(["padding:","px ","px;"],r[t].paddingY,r[t].paddingX))),(({activeTab:t,error:o,info:i,$orientation:e,$size:d,warning:n,$hasCustomLayout:l})=>t&&"horizontal"===e&&a.css(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-bottom:none;color:var(--tab-label-active);",' :hover{background-color:var(--tab-bg-active);}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:var(--global-radius-container-2-xs);min-width:24px;}"],!l&&a.css(["padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],r[d].paddingY-4,r[d].paddingX-2,r[d].paddingY,r[d].paddingX-2),(()=>o?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":i?"#0060a7ff":"black"))),(({activeTab:t,error:o,info:i,$orientation:e,$size:d,warning:n,$hasCustomLayout:l,$headerWidth:s})=>"vertical"===e&&a.css(["border:none;border-right:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);max-width:",";width:",";"," ",""],null!=s?s:"200px",null!=s?s:"200px",s&&a.css(["white-space:normal;height:auto;"]),t&&a.css(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-right:none;"," :hover{background-color:var(--tab-bg-active);}.tab-title-content-wrapper{"," ",' ::after{content:"";position:absolute;right:0;width:4px;'," height:60%;background-color:",";border-radius:var(--global-radius-container-2-xs);min-height:24px;}}"],!l&&a.css(["padding-top:","px;padding-right:var(--global-space-none);padding-bottom:","px;padding-left:","px;"],"medium"===d?r.medium.paddingY-2:4,"medium"===d?r.medium.paddingY-2:r.large.paddingY,r[d].paddingX-2),s&&!l&&a.css(["padding-right:18px;"]),l&&a.css(["width:100%;> *{position:relative;left:-2px;top:-2px;}"]),l&&a.css(["top:20%;right:0px;"]),(()=>o?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":i?"#0060a7ff":"black")))),t.default(),(({$orientation:t})=>a.css(["border-top-left-radius:var(--global-radius-action-m);border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:var(--global-radius-none);"],"horizontal"===t?"var(--global-radius-action-m)":"var(--global-radius-none)","horizontal"===t?"var(--global-radius-none)":"var(--global-radius-action-m)"))),c=i.default.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"sc-8b5755df-7"})(["display:flex;",""],(({$orientation:t})=>a.css(["flex-direction:",";"],"horizontal"===t?"column":"row"))),g=i.default.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"sc-8b5755df-8"})(["",""],(({visible:t})=>a.css(["display:",";"],t?"block":"none")));exports.Spacer=l,exports.StyledScrollButton=s,exports.StyledScrollButtonPlaceholder=p,exports.StyledTab=b,exports.StyledTabList=d,exports.StyledTabListWrapper=n,exports.StyledTabPanel=e,exports.StyledTabProvider=g,exports.StyledTabs=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),r=require("@lexical/utils"),n=require("lexical"),o=require("react"),i=require("./toolbar.style.js"),l=require("../../../../button/button.component.js"),a=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),s=require("./buttons/bold.component.js"),u=require("./buttons/hyperlink.component.js"),d=require("./buttons/italic.component.js"),c=require("./buttons/list.component.js"),p=require("./buttons/save.component.js"),x=require("./buttons/typography.component.js"),b=require("./buttons/underline.component.js"),f=require("./button-group/button-group.component.js"),m=require("../../__utils__/constants.js"),h=require("../../../../textbox/textbox.component.js"),g=require("@lexical/link"),y=require("../../../../dialog/dialog.component.js"),j=require("../../../../form/form.component.js");require("../../../../form/required-fields-indicator/required-fields-indicator.component.js");var v=require("../../../../box/box.component.js"),E=require("../../../../typography/typography.component.js");function k(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(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){k(e,t,r[t])}))}return e}function S(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}exports.default=({contentEditorRef:k,namespace:q,hasHeader:T,onCancel:w,onSave:$,size:D="medium",toolbarControls:P=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var B,C,F,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),r=require("@lexical/utils"),n=require("lexical"),o=require("react"),i=require("./toolbar.style.js"),l=require("../../../../button/button.component.js"),a=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),s=require("./buttons/bold.component.js"),u=require("./buttons/hyperlink.component.js"),d=require("./buttons/italic.component.js"),c=require("./buttons/list.component.js"),p=require("./buttons/save.component.js"),x=require("./buttons/typography.component.js"),b=require("./buttons/underline.component.js"),f=require("./button-group/button-group.component.js"),m=require("../../__utils__/constants.js"),h=require("../../../../textbox/textbox.component.js"),g=require("@lexical/link"),y=require("../../../../dialog/dialog.component.js"),j=require("../../../../form/form.component.js");require("../../../../form/required-fields-indicator/required-fields-indicator.component.js");var v=require("../../../../box/box.component.js"),E=require("../../../../typography/typography.component.js");function k(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(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){k(e,t,r[t])}))}return e}function S(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}exports.default=({contentEditorRef:k,namespace:q,hasHeader:T,onCancel:w,onSave:$,size:D="medium",toolbarControls:P=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var B,C,_,F,I,R;const[z]=t.useLexicalComposerContext(),L=z.isEditable(),A=o.useRef(null),[N,W]=o.useState(!1),[M,H]=o.useState(!1),[U,X]=o.useState(!1),[Y,K]=o.useState(!1),[G,J]=o.useState(!1),[Q,V]=o.useState(-1),[Z,ee]=o.useState(""),[te,re]=o.useState(""),[ne,oe]=o.useState(!1),[ie,le]=o.useState(!1),ae=o.useRef(null),se=o.useRef(null),ue=a.default(),de=P.includes("typography"),ce=P.includes("bold")||P.includes("italic")||P.includes("underline"),pe=P.includes("unordered-list")||P.includes("ordered-list"),xe=P.includes("link"),be=o.useCallback((()=>{const e=n.$getSelection();n.$isRangeSelection(e)&&(W(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Bold)),H(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Italic)),X(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Underline)))}),[]);o.useEffect((()=>r.mergeRegister(z.registerUpdateListener((({editorState:e})=>{e.read((()=>{z.isEditable()&&be()}))})))),[be,z]),o.useEffect((()=>{Y&&z.read((()=>{const e=n.$getSelection();if(n.$isRangeSelection(e)){const t=e.getTextContent();ee(t)}}))}),[Y,z]);const fe=()=>{ee(""),re(""),oe(!1),le(!1),K(!1)};return L?e.jsxs(i.StyledToolbarWrapper,{"data-role":`${q}-toolbar-wrapper`,hasHeader:T,id:`${q}-toolbar-wrapper`,size:D,children:[e.jsxs(i.StyledToolbar,{role:"toolbar","aria-label":ue.textEditor.toolbarAriaLabel(),"data-role":`${q}-toolbar`,id:`${q}-toolbar`,ref:A,onKeyDown:e=>{var t,r;if(0===P.length||!A.current)return;const n=Array.from(null===(t=A.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!n.length)return;const o=n.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let i=-1;switch(e.key){case"ArrowRight":e.preventDefault(),G||(i=o<n.length-1?o+1:0);break;case"ArrowLeft":e.preventDefault(),G||(i=o>0?o-1:n.length-1);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=n.length-1;break;default:return}n.forEach(((e,t)=>{e.tabIndex=t===i?0:-1})),i>-1&&(null===(r=n[i])||void 0===r||r.focus())},tabIndex:-1,children:[e.jsxs(e.Fragment,{children:[de&&e.jsx(f.default,{name:"typography-formatting-buttons",namespace:q,showDivider:ce||pe||xe,children:e.jsx(x.default,{contentEditorRef:k,namespace:q,isFirstButton:!0,isOpen:G,setIsOpen:J,focusedIndex:Q,setFocusedIndex:V,size:D})}),ce&&e.jsxs(f.default,{name:"text-formatting-buttons",namespace:q,showDivider:pe||xe,children:[P.includes("bold")&&e.jsx(s.default,{isActive:N,namespace:q,isFirstButton:!de,size:D}),P.includes("italic")&&e.jsx(d.default,{isActive:M,namespace:q,isFirstButton:!de&&!P.includes("bold"),size:D}),P.includes("underline")&&e.jsx(b.default,{isActive:U,namespace:q,isFirstButton:!de&&!P.includes("bold")&&!P.includes("italic"),size:D})]}),pe&&e.jsx(f.default,{name:"list-formatting-buttons",namespace:q,showDivider:xe,children:e.jsx(c.default,{namespace:q,olIsFirstButton:!de&&!ce&&!P.includes("unordered-list"),showOL:P.includes("ordered-list"),showUL:P.includes("unordered-list"),ulIsFirstButton:!de&&!ce,size:D})}),xe&&e.jsx(f.default,{name:"hyperlink-formatting-buttons",namespace:q,showDivider:!1,children:e.jsx(u.default,{namespace:q,isFirstButton:!de&&!ce&&!pe,setDialogOpen:K,size:D})})]}),e.jsx(y.Dialog,{open:Y,onCancel:()=>{fe()},title:ue.textEditor.hyperlink.dialogTitle(),"data-role":`${q}-hyperlink-dialog`,"aria-label":ue.textEditor.hyperlink.dialogTitle(),size:"medium-small",children:e.jsx(j.Form,{leftSideButtons:e.jsx(l.default,{"data-role":`${q}-hyperlink-cancel-button`,onClick:()=>{fe()},children:ue.textEditor.cancelButton()}),saveButton:e.jsx(l.default,{buttonType:"primary",type:"submit","data-role":`${q}-hyperlink-save-button`,children:ue.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),e.stopPropagation();const t=!Z.trim(),r=!te.trim();var o,i;(oe(t),le(r),t||r)?t?null===(o=ae.current)||void 0===o||o.focus():null===(i=se.current)||void 0===i||i.focus():z.isEditable()&&(z.update((()=>{const e=n.$getRoot(),t=e.getChildrenSize(),r=n.$getSelection(),o=g.$createLinkNode(te);if(o.append(n.$createTextNode(Z)),0===t){const t=n.$createParagraphNode();t.append(o),e.append(t),t.selectEnd()}else if(n.$isRangeSelection(r))r.insertNodes([o]);else{const t=e.getLastChild();n.$isParagraphNode(t)&&t.append(o)}})),fe())},children:e.jsxs(v.Box,{display:"flex",flexDirection:"column",gap:"16px",children:[e.jsxs(E.Typography,{fontSize:"14px",fontWeight:"500",lineHeight:"21px",children:[e.jsx("span",{style:{color:"var(--input-labelset-label-required)"},children:"*"})," ",null===(B=(C=ue.textEditor.hyperlink).formKey)||void 0===B?void 0:B.call(C)]}),e.jsxs(v.Box,{display:"flex",gap:"24px",flexWrap:"wrap",children:[e.jsx(v.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ue.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,validationMessagePositionTop:!1},ne&&{error:null===(_=(F=ue.textEditor.hyperlink).textFieldErrorMessage)||void 0===_?void 0:_.call(F)}),{"data-role":`${q}-hyperlink-text-field`,value:Z,ref:ae,onChange:e=>{ee(e.target.value),oe(!1)}}))}),e.jsx(v.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ue.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,validationMessagePositionTop:!1},ie&&{error:null===(I=(R=ue.textEditor.hyperlink).linkFieldErrorMessage)||void 0===I?void 0:I.call(R)}),{"data-role":`${q}-hyperlink-link-field`,value:te,ref:se,onChange:e=>{re(e.target.value),le(!1)}}))})]})]})})})]}),e.jsxs(i.CommandButtons,{"data-role":`${q}-command-buttons`,children:[w&&e.jsx(l.default,{buttonType:"tertiary","data-role":`${q}-cancel-button`,"aria-label":ue.textEditor.cancelButtonAria(),onClick:()=>null==w?void 0:w(z),size:D,className:"command-button",children:ue.textEditor.cancelButton()}),$&&e.jsx(p.default,{namespace:q,onSave:$,size:D})]})]}):null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("styled-components"),r=require("./__internal__/static-tokens/index.js");function a(e){return e&&e.__esModule?e:{default:e}}const o=a(t).default.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"sc-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("styled-components"),r=require("./__internal__/static-tokens/index.js");function a(e){return e&&e.__esModule?e:{default:e}}const o=a(t).default.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"sc-bb9ec08c-0"})(["height:",";"],(({$height:e})=>e)),n=t.createGlobalStyle(['[data-component="tokens-wrapper"],[class*="carbon-portal"]{',"}"],r.default),s=({children:t,height:r="auto"})=>e.jsxs(o,{"data-component":"tokens-wrapper","data-role":"tokens-wrapper",$height:r,children:[e.jsx(n,{}),t]});exports.TokensWrapper=s,exports.default=s;
|