carbon-react 158.38.1 → 158.38.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.
- package/esm/components/search/search.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.component.js +1 -1
- package/lib/components/search/search.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.component.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import a from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import i from"../../__internal__/input/input-presentation.style.js";import l from"../../__internal__/input/input.style.js";import e from"../icon/icon.style.js";import n from"../../style/themes/apply-base-theme.js";import s from"../../__internal__/form-field/form-field.style.js";const c=r.div.attrs(n).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-
|
|
1
|
+
import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import a from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import i from"../../__internal__/input/input-presentation.style.js";import l from"../../__internal__/input/input.style.js";import e from"../icon/icon.style.js";import n from"../../style/themes/apply-base-theme.js";import s from"../../__internal__/form-field/form-field.style.js";const c=r.div.attrs(n).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-d8d520de-0"})(["",""],(({isFocused:r,searchWidth:n,maxWidth:c,searchHasValue:d,showSearchButton:p,theme:m,variant:v})=>{const y="dark"===v;return t(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;font-size:var(--fontSize100);"," ","{::-moz-placeholder{color:var(--colorsUtilityYin055);opacity:1;}::placeholder{color:var(--colorsUtilityYin055);}"," ","}",'{[data-element="search"]{height:auto;'," ","}"," "," "," flex:1;font-size:var(--fontSize100);font-weight:500;padding-bottom:var(--spacing025);padding-top:1px;cursor:pointer;"," ","}","{flex:1;z-index:",";}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],o,n?`${n}`:"100%",c?`${c}`:"100%",!p&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],y?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",y?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(d||r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),l,y&&t(["::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}"]),y&&!p&&t(["color:var(--colorsUtilityYang100);"]),i,!y&&t(["color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}"]),y&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),y&&!p&&t(["background-color:transparent;border-color:var(--colorsUtilityYang080);"]),!y&&t(["background-color:",";"],d||r||p?"var(--colorsUtilityYang100)":"transparent"),p&&t(["border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);"]),!r&&!d&&!p&&t(["border:1px solid transparent;"]),!r&&d&&!p&&t(["background-color:",";"],y?"transparent":"var(--colorsUtilityYang100)"),s,m.zIndex.smallOverlay,e,y&&!p&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!y&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),a,d&&t(["margin-bottom:-1px;"]))}));export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useLexicalComposerContext as n}from"@lexical/react/LexicalComposerContext";import{mergeRegister as i}from"@lexical/utils";import{$getSelection as r,$isRangeSelection as l,$getRoot as a,$createTextNode as s,$createParagraphNode as d,$isParagraphNode as c}from"lexical";import{useRef as u,useState as m,useCallback as p,useEffect as b}from"react";import{StyledToolbarWrapper as f,StyledToolbar as h,CommandButtons as g}from"./toolbar.style.js";import v from"../../../../button/button.component.js";import
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useLexicalComposerContext as n}from"@lexical/react/LexicalComposerContext";import{mergeRegister as i}from"@lexical/utils";import{$getSelection as r,$isRangeSelection as l,$getRoot as a,$createTextNode as s,$createParagraphNode as d,$isParagraphNode as c}from"lexical";import{useRef as u,useState as m,useCallback as p,useEffect as b}from"react";import{StyledToolbarWrapper as f,StyledToolbar as h,CommandButtons as g}from"./toolbar.style.js";import v from"../../../../button/button.component.js";import x from"../../../../../hooks/__internal__/useLocale/useLocale.js";import y from"./buttons/bold.component.js";import k from"./buttons/hyperlink.component.js";import E from"./buttons/italic.component.js";import j from"./buttons/list.component.js";import B from"./buttons/save.component.js";import F from"./buttons/typography.component.js";import w from"./buttons/underline.component.js";import z from"./button-group/button-group.component.js";import{TEXT_EDITOR_ACTION_TYPES as C}from"../../__utils__/constants.js";import{Textbox as D}from"../../../../textbox/textbox.component.js";import{$createLinkNode as L}from"@lexical/link";import{Dialog as $}from"../../../../dialog/dialog.component.js";import{Form as A}from"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";const I=({contentEditorRef:I,namespace:_,hasHeader:S,onCancel:q,onSave:O,size:T="medium",toolbarControls:H=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{const[R]=n(),U=R.isEditable(),N=u(null),[K,G]=m(!1),[J,M]=m(!1),[P,Q]=m(!1),[V,W]=m(!1),[X,Y]=m(!1),[Z,ee]=m(-1),[te,oe]=m(""),[ne,ie]=m(""),re=x(),le=H.includes("typography"),ae=H.includes("bold")||H.includes("italic")||H.includes("underline"),se=H.includes("unordered-list")||H.includes("ordered-list"),de=H.includes("link"),ce=p((()=>{const e=r();l(e)&&(G(e.hasFormat(C.Bold)),M(e.hasFormat(C.Italic)),Q(e.hasFormat(C.Underline)))}),[]);b((()=>i(R.registerUpdateListener((({editorState:e})=>{e.read((()=>{R.isEditable()&&ce()}))})))),[ce,R]);const ue=()=>{oe(""),ie(""),W(!1)};if(!U)return null;const me=te.length&&ne.length;return e(f,{"data-role":`${_}-toolbar-wrapper`,hasHeader:S,id:`${_}-toolbar-wrapper`,size:T,children:[e(h,{role:"toolbar","aria-label":re.textEditor.toolbarAriaLabel(),"data-role":`${_}-toolbar`,id:`${_}-toolbar`,ref:N,onKeyDown:e=>{var t,o;if(0===H.length||!N.current)return;const n=Array.from(null===(t=N.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!n.length)return;const i=n.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let r=-1;switch(e.key){case"ArrowRight":e.preventDefault(),X||(r=i<n.length-1?i+1:0);break;case"ArrowLeft":e.preventDefault(),X||(r=i>0?i-1:n.length-1);break;case"Home":e.preventDefault(),r=0;break;case"End":e.preventDefault(),r=n.length-1;break;default:return}n.forEach(((e,t)=>{e.tabIndex=t===r?0:-1})),r>-1&&(null===(o=n[r])||void 0===o||o.focus())},tabIndex:-1,children:[e(t,{children:[le&&o(z,{name:"typography-formatting-buttons",namespace:_,showDivider:ae||se||de,children:o(F,{contentEditorRef:I,namespace:_,isFirstButton:!0,isOpen:X,setIsOpen:Y,focusedIndex:Z,setFocusedIndex:ee,size:T})}),ae&&e(z,{name:"text-formatting-buttons",namespace:_,showDivider:se||de,children:[H.includes("bold")&&o(y,{isActive:K,namespace:_,isFirstButton:!le,size:T}),H.includes("italic")&&o(E,{isActive:J,namespace:_,isFirstButton:!le&&!H.includes("bold"),size:T}),H.includes("underline")&&o(w,{isActive:P,namespace:_,isFirstButton:!le&&!H.includes("bold")&&!H.includes("italic"),size:T})]}),se&&o(z,{name:"list-formatting-buttons",namespace:_,showDivider:de,children:o(j,{namespace:_,olIsFirstButton:!le&&!ae&&!H.includes("unordered-list"),showOL:H.includes("ordered-list"),showUL:H.includes("unordered-list"),ulIsFirstButton:!le&&!ae,size:T})}),de&&o(z,{name:"hyperlink-formatting-buttons",namespace:_,showDivider:!1,children:o(k,{namespace:_,isFirstButton:!le&&!ae&&!se,setDialogOpen:W,size:T})})]}),o($,{open:V,onCancel:()=>{ue()},title:re.textEditor.hyperlink.dialogTitle(),"data-role":`${_}-hyperlink-dialog`,"aria-label":re.textEditor.hyperlink.dialogTitle(),size:"small",children:e(A,{leftSideButtons:o(v,{"data-role":`${_}-hyperlink-cancel-button`,onClick:()=>{ue()},children:re.textEditor.cancelButton()}),saveButton:o(v,{buttonType:"primary",type:"submit",disabled:!me,"data-role":`${_}-hyperlink-save-button`,children:re.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),R.isEditable()&&(R.update((()=>{const e=a(),t=e.getChildrenSize(),o=r(),n=L(ne);if(n.append(s(te)),0===t){const t=d();t.append(n),e.append(t),t.selectEnd()}else if(l(o))o.insertNodes([n]);else{const t=e.getLastChild();c(t)&&t.append(n)}})),ue())},children:[o(D,{label:re.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,"data-role":`${_}-hyperlink-text-field`,value:te,onChange:e=>oe(e.target.value)}),o(D,{label:re.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,"data-role":`${_}-hyperlink-link-field`,value:ne,onChange:e=>ie(e.target.value)})]})})]}),e(g,{"data-role":`${_}-command-buttons`,children:[q&&o(v,{buttonType:"tertiary","data-role":`${_}-cancel-button`,"aria-label":re.textEditor.cancelButtonAria(),onClick:()=>null==q?void 0:q(R),size:T,className:"command-button",children:re.textEditor.cancelButton()}),O&&o(B,{namespace:_,onSave:O,size:T})]})]})};export{I as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../__internal__/input/input-presentation.style.js"),a=require("../../__internal__/input/input.style.js"),i=require("../icon/icon.style.js"),s=require("../../style/themes/apply-base-theme.js"),l=require("../../__internal__/form-field/form-field.style.js");function n(r){return r&&r.__esModule?r:{default:r}}const c=n(o).default.div.attrs(s.default).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../__internal__/input/input-presentation.style.js"),a=require("../../__internal__/input/input.style.js"),i=require("../icon/icon.style.js"),s=require("../../style/themes/apply-base-theme.js"),l=require("../../__internal__/form-field/form-field.style.js");function n(r){return r&&r.__esModule?r:{default:r}}const c=n(o).default.div.attrs(s.default).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-d8d520de-0"})(["",""],(({isFocused:s,searchWidth:n,maxWidth:c,searchHasValue:d,showSearchButton:u,theme:p,variant:v})=>{const y="dark"===v,g=y?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;font-size:var(--fontSize100);"," ","{::-moz-placeholder{color:var(--colorsUtilityYin055);opacity:1;}::placeholder{color:var(--colorsUtilityYin055);}"," ","}",'{[data-element="search"]{height:auto;'," ","}"," "," "," flex:1;font-size:var(--fontSize100);font-weight:500;padding-bottom:var(--spacing025);padding-top:1px;cursor:pointer;"," ","}","{flex:1;z-index:",";}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,n?`${n}`:"100%",c?`${c}`:"100%",!u&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],g,y?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(d||s)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),a.default,y&&o.css(["::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}"]),y&&!u&&o.css(["color:var(--colorsUtilityYang100);"]),e.default,!y&&o.css(["color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}"]),y&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),y&&!u&&o.css(["background-color:transparent;border-color:var(--colorsUtilityYang080);"]),!y&&o.css(["background-color:",";"],d||s||u?"var(--colorsUtilityYang100)":"transparent"),u&&o.css(["border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);"]),!s&&!d&&!u&&o.css(["border:1px solid transparent;"]),!s&&d&&!u&&o.css(["background-color:",";"],y?"transparent":"var(--colorsUtilityYang100)"),l.default,p.zIndex.smallOverlay,i.default,y&&!u&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!y&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),t.default,d&&o.css(["margin-bottom:-1px;"]))}));exports.default=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/utils"),r=require("lexical"),i=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/utils"),r=require("lexical"),i=require("react"),o=require("./toolbar.style.js"),a=require("../../../../button/button.component.js"),l=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),s=require("./buttons/bold.component.js"),d=require("./buttons/hyperlink.component.js"),u=require("./buttons/italic.component.js"),c=require("./buttons/list.component.js"),p=require("./buttons/save.component.js"),b=require("./buttons/typography.component.js"),m=require("./buttons/underline.component.js"),x=require("./button-group/button-group.component.js"),h=require("../../__utils__/constants.js"),f=require("../../../../textbox/textbox.component.js"),g=require("@lexical/link"),j=require("../../../../dialog/dialog.component.js"),v=require("../../../../form/form.component.js");require("../../../../form/required-fields-indicator/required-fields-indicator.component.js"),exports.default=({contentEditorRef:y,namespace:E,hasHeader:k,onCancel:q,onSave:S,size:T="medium",toolbarControls:$=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{const[_]=t.useLexicalComposerContext(),C=_.isEditable(),B=i.useRef(null),[D,F]=i.useState(!1),[I,L]=i.useState(!1),[w,z]=i.useState(!1),[A,O]=i.useState(!1),[R,N]=i.useState(!1),[P,H]=i.useState(-1),[U,X]=i.useState(""),[Y,K]=i.useState(""),M=l.default(),W=$.includes("typography"),G=$.includes("bold")||$.includes("italic")||$.includes("underline"),J=$.includes("unordered-list")||$.includes("ordered-list"),Q=$.includes("link"),V=i.useCallback((()=>{const e=r.$getSelection();r.$isRangeSelection(e)&&(F(e.hasFormat(h.TEXT_EDITOR_ACTION_TYPES.Bold)),L(e.hasFormat(h.TEXT_EDITOR_ACTION_TYPES.Italic)),z(e.hasFormat(h.TEXT_EDITOR_ACTION_TYPES.Underline)))}),[]);i.useEffect((()=>n.mergeRegister(_.registerUpdateListener((({editorState:e})=>{e.read((()=>{_.isEditable()&&V()}))})))),[V,_]);const Z=()=>{X(""),K(""),O(!1)};if(!C)return null;const ee=U.length&&Y.length;return e.jsxs(o.StyledToolbarWrapper,{"data-role":`${E}-toolbar-wrapper`,hasHeader:k,id:`${E}-toolbar-wrapper`,size:T,children:[e.jsxs(o.StyledToolbar,{role:"toolbar","aria-label":M.textEditor.toolbarAriaLabel(),"data-role":`${E}-toolbar`,id:`${E}-toolbar`,ref:B,onKeyDown:e=>{var t,n;if(0===$.length||!B.current)return;const r=Array.from(null===(t=B.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!r.length)return;const i=r.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let o=-1;switch(e.key){case"ArrowRight":e.preventDefault(),R||(o=i<r.length-1?i+1:0);break;case"ArrowLeft":e.preventDefault(),R||(o=i>0?i-1:r.length-1);break;case"Home":e.preventDefault(),o=0;break;case"End":e.preventDefault(),o=r.length-1;break;default:return}r.forEach(((e,t)=>{e.tabIndex=t===o?0:-1})),o>-1&&(null===(n=r[o])||void 0===n||n.focus())},tabIndex:-1,children:[e.jsxs(e.Fragment,{children:[W&&e.jsx(x.default,{name:"typography-formatting-buttons",namespace:E,showDivider:G||J||Q,children:e.jsx(b.default,{contentEditorRef:y,namespace:E,isFirstButton:!0,isOpen:R,setIsOpen:N,focusedIndex:P,setFocusedIndex:H,size:T})}),G&&e.jsxs(x.default,{name:"text-formatting-buttons",namespace:E,showDivider:J||Q,children:[$.includes("bold")&&e.jsx(s.default,{isActive:D,namespace:E,isFirstButton:!W,size:T}),$.includes("italic")&&e.jsx(u.default,{isActive:I,namespace:E,isFirstButton:!W&&!$.includes("bold"),size:T}),$.includes("underline")&&e.jsx(m.default,{isActive:w,namespace:E,isFirstButton:!W&&!$.includes("bold")&&!$.includes("italic"),size:T})]}),J&&e.jsx(x.default,{name:"list-formatting-buttons",namespace:E,showDivider:Q,children:e.jsx(c.default,{namespace:E,olIsFirstButton:!W&&!G&&!$.includes("unordered-list"),showOL:$.includes("ordered-list"),showUL:$.includes("unordered-list"),ulIsFirstButton:!W&&!G,size:T})}),Q&&e.jsx(x.default,{name:"hyperlink-formatting-buttons",namespace:E,showDivider:!1,children:e.jsx(d.default,{namespace:E,isFirstButton:!W&&!G&&!J,setDialogOpen:O,size:T})})]}),e.jsx(j.Dialog,{open:A,onCancel:()=>{Z()},title:M.textEditor.hyperlink.dialogTitle(),"data-role":`${E}-hyperlink-dialog`,"aria-label":M.textEditor.hyperlink.dialogTitle(),size:"small",children:e.jsxs(v.Form,{leftSideButtons:e.jsx(a.default,{"data-role":`${E}-hyperlink-cancel-button`,onClick:()=>{Z()},children:M.textEditor.cancelButton()}),saveButton:e.jsx(a.default,{buttonType:"primary",type:"submit",disabled:!ee,"data-role":`${E}-hyperlink-save-button`,children:M.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),_.isEditable()&&(_.update((()=>{const e=r.$getRoot(),t=e.getChildrenSize(),n=r.$getSelection(),i=g.$createLinkNode(Y);if(i.append(r.$createTextNode(U)),0===t){const t=r.$createParagraphNode();t.append(i),e.append(t),t.selectEnd()}else if(r.$isRangeSelection(n))n.insertNodes([i]);else{const t=e.getLastChild();r.$isParagraphNode(t)&&t.append(i)}})),Z())},children:[e.jsx(f.Textbox,{label:M.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,"data-role":`${E}-hyperlink-text-field`,value:U,onChange:e=>X(e.target.value)}),e.jsx(f.Textbox,{label:M.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,"data-role":`${E}-hyperlink-link-field`,value:Y,onChange:e=>K(e.target.value)})]})})]}),e.jsxs(o.CommandButtons,{"data-role":`${E}-command-buttons`,children:[q&&e.jsx(a.default,{buttonType:"tertiary","data-role":`${E}-cancel-button`,"aria-label":M.textEditor.cancelButtonAria(),onClick:()=>null==q?void 0:q(_),size:T,className:"command-button",children:M.textEditor.cancelButton()}),S&&e.jsx(p.default,{namespace:E,onSave:S,size:T})]})]})};
|