carbon-react 154.13.4 → 154.13.6
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/__internal__/utils/logger/get-node-env.d.ts +2 -0
- package/esm/__internal__/utils/logger/get-node-env.js +1 -0
- package/esm/__internal__/utils/logger/index.d.ts +2 -1
- package/esm/__internal__/utils/logger/index.js +1 -1
- package/esm/components/card/card.component.js +1 -1
- package/esm/components/decimal/decimal.component.js +1 -1
- package/esm/components/icon/icon.style.js +1 -1
- package/esm/components/pill/pill.component.js +1 -1
- package/esm/components/profile/profile.component.js +1 -1
- package/esm/components/select/option-group-header/option-group-header.component.js +1 -1
- package/esm/components/step-flow/step-flow.component.js +1 -1
- package/esm/components/tabs/tabs.component.js +1 -1
- package/esm/components/text-editor/__internal__/helpers.js +1 -1
- package/esm/components/text-editor/__internal__/read-only-rte.component.js +1 -1
- package/esm/components/text-editor/text-editor.component.js +1 -1
- package/esm/components/textarea/textarea.component.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/__internal__/depth.context.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/__internal__/focus.context.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
- package/lib/__internal__/utils/logger/get-node-env.d.ts +2 -0
- package/lib/__internal__/utils/logger/get-node-env.js +1 -0
- package/lib/__internal__/utils/logger/index.d.ts +2 -1
- package/lib/__internal__/utils/logger/index.js +1 -1
- package/lib/components/card/card.component.js +1 -1
- package/lib/components/decimal/decimal.component.js +1 -1
- package/lib/components/icon/icon.style.js +1 -1
- package/lib/components/pill/pill.component.js +1 -1
- package/lib/components/profile/profile.component.js +1 -1
- package/lib/components/select/option-group-header/option-group-header.component.js +1 -1
- package/lib/components/step-flow/step-flow.component.js +1 -1
- package/lib/components/tabs/tabs.component.js +1 -1
- package/lib/components/text-editor/__internal__/helpers.js +1 -1
- package/lib/components/text-editor/__internal__/read-only-rte.component.js +1 -1
- package/lib/components/text-editor/text-editor.component.js +1 -1
- package/lib/components/textarea/textarea.component.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/__internal__/depth.context.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/__internal__/focus.context.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
- package/package.json +1 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=()=>process.env.NODE_ENV;export{e as default};
|
|
@@ -3,10 +3,11 @@
|
|
|
3
3
|
* By default, logging is disabled in production mode.
|
|
4
4
|
*/
|
|
5
5
|
declare const Logger: {
|
|
6
|
-
setEnabledState: (newState: boolean) => void;
|
|
7
6
|
/** Logs warning-level message to browser console with [Deprecation] prefix */
|
|
8
7
|
deprecate: (message: string) => void;
|
|
9
8
|
/** Logs error-level message to browser console. Includes stack trace. */
|
|
10
9
|
error: (message: string) => void;
|
|
10
|
+
/** Logs warning-level message to browser console */
|
|
11
|
+
warn: (message: string) => void;
|
|
11
12
|
};
|
|
12
13
|
export default Logger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import o from"./get-node-env.js";const r={deprecate:r=>{"production"!==o()&&console.warn(`[Deprecation] ${r}`)},error:r=>{"production"!==o()&&console.error(r)},warn:r=>{"production"!==o()&&console.warn(r)}};export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t}from"react";import"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import{CardProvider as n}from"./__internal__/card.context.js";import{StyledCard as a,StyledCardContent as i}from"./card.style.js";import l from"../icon/icon.component.js";import c from"../../__internal__/utils/helpers/tags/tags.js";function
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t}from"react";import"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import{CardProvider as n}from"./__internal__/card.context.js";import{StyledCard as a,StyledCardContent as i}from"./card.style.js";import l from"../icon/icon.component.js";import c from"../../__internal__/utils/helpers/tags/tags.js";import s from"../../__internal__/utils/logger/index.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const p=p=>{var{"data-element":u,"data-role":f,children:b,width:m="500px",draggable:g,height:h,onClick:y,href:O,spacing:j="medium",boxShadow:v,hoverBoxShadow:w,roundness:x="default",footer:P,rel:S,target:_,"aria-label":k}=p,C=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(p,["data-element","data-role","children","width","draggable","height","onClick","href","spacing","boxShadow","hoverBoxShadow","roundness","footer","rel","target","aria-label"]);const[D,B]=t(null),E=!(!y&&!O);let F=!1;return!F&&E&&(null==D?void 0:D.querySelector("[data-component='card-footer']"))&&(F=!0,s.warn("This `Card` is interactive you should use the `footer` prop to render a `CardFooter` to avoid potential accessibility issues")),e(a,function(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}(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){d(e,r,t[r])}))}return e}({cardWidth:m,interactive:E,draggable:!!g,spacing:j,boxShadow:v,hoverBoxShadow:w,height:h,roundness:x},o(C),c("card",{"data-element":u,"data-role":f})),{children:[g&&r(l,{type:"drag"}),e(n,{value:{roundness:x,spacing:j},children:[r(i,{"data-element":"card-content-container",onClick:g?void 0:y,href:g?void 0:O,rel:!g&&O?S:void 0,target:!g&&O?_:void 0,interactive:E,spacing:j,roundness:x,hasFooter:!!P,ref:B,"aria-label":k,children:b}),P]})]}))};p.displayName="Card";export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import r,{useContext as o,useCallback as l,useEffect as a,useState as i,useRef as u}from"react";import c from"invariant";import{Textbox as m}from"../textbox/textbox.component.js";import p from"../../__internal__/i18n-context/index.js";import s from"../../hooks/__internal__/usePrevious/index.js";import d from"../../__internal__/utils/logger/index.js";import f from"../../__internal__/utils/helpers/tags/tags.js";function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){g(e,t,n[t])}))}return e}let v=!1;const b=r.forwardRef(((r,g)=>{var{align:b="right",defaultValue:y,precision:O=2,inputWidth:w,readOnly:x,onChange:_,onBlur:j,id:P,name:D,allowEmptyValue:E=!1,locale:V,value:N}=r,$=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(r,["align","defaultValue","precision","inputWidth","readOnly","onChange","onBlur","id","name","allowEmptyValue","locale","value"]);const R=o(p),k=l((e=>{var t;return null===(t=Intl.NumberFormat(V||R.locale()).formatToParts(10000.1).find((t=>t.type===e)))||void 0===t?void 0:t.value}),[R,V]),C=l((e=>Number.isNaN(Number(e))),[]),F=l((e=>{if(C(e))return e;if(""===e||e.match(/\s+/g))return e;const t=k("decimal"),[n,r]=e.split(".");let o=Intl.NumberFormat(V||R.locale(),{maximumFractionDigits:0}).format(+n);return(null==r?void 0:r.length)>O?o+=`${t+r}`:(null==r?void 0:r.length)<=O?o+=`${t+r+"0".repeat(O-r.length)}`:o+=`${O?t+"0".repeat(O):""}`,o}),[k,C,R,V,O]),I=E?"":F((0).toFixed(O)),S=l((e=>(c("string"==typeof e,"Decimal `value` prop must be a string"),e&&!E&&c(""!==e,"Decimal `value` must not be an empty string. Please use `allowEmptyValue` or specify a non-empty initialValue"),e)),[E]),W=s(O);a((()=>{W&&W!==O&&
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import r,{useContext as o,useCallback as l,useEffect as a,useState as i,useRef as u}from"react";import c from"invariant";import{Textbox as m}from"../textbox/textbox.component.js";import p from"../../__internal__/i18n-context/index.js";import s from"../../hooks/__internal__/usePrevious/index.js";import d from"../../__internal__/utils/logger/index.js";import f from"../../__internal__/utils/helpers/tags/tags.js";function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){g(e,t,n[t])}))}return e}let v=!1;const b=r.forwardRef(((r,g)=>{var{align:b="right",defaultValue:y,precision:O=2,inputWidth:w,readOnly:x,onChange:_,onBlur:j,id:P,name:D,allowEmptyValue:E=!1,locale:V,value:N}=r,$=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(r,["align","defaultValue","precision","inputWidth","readOnly","onChange","onBlur","id","name","allowEmptyValue","locale","value"]);const R=o(p),k=l((e=>{var t;return null===(t=Intl.NumberFormat(V||R.locale()).formatToParts(10000.1).find((t=>t.type===e)))||void 0===t?void 0:t.value}),[R,V]),C=l((e=>Number.isNaN(Number(e))),[]),F=l((e=>{if(C(e))return e;if(""===e||e.match(/\s+/g))return e;const t=k("decimal"),[n,r]=e.split(".");let o=Intl.NumberFormat(V||R.locale(),{maximumFractionDigits:0}).format(+n);return(null==r?void 0:r.length)>O?o+=`${t+r}`:(null==r?void 0:r.length)<=O?o+=`${t+r+"0".repeat(O-r.length)}`:o+=`${O?t+"0".repeat(O):""}`,o}),[k,C,R,V,O]),I=E?"":F((0).toFixed(O)),S=l((e=>(c("string"==typeof e,"Decimal `value` prop must be a string"),e&&!E&&c(""!==e,"Decimal `value` must not be an empty string. Please use `allowEmptyValue` or specify a non-empty initialValue"),e)),[E]),W=s(O);a((()=>{W&&W!==O&&d.error("Decimal `precision` prop has changed value. Changing the Decimal `precision` prop has no effect.")}),[O,W]);const z=l((e=>{const t=new RegExp(`[\\${k("group")} ]*`,"g");return e.replace(t,"")}),[k]),B=l((e=>{var t;const n=(null===(t=k("group"))||void 0===t?void 0:t.match(/\s+/))&&!e.match(/\s{2,}/)?e.replace(/\s+/g,""):e,r=new RegExp("([^A-Za-z0-9]{2,})|(^[^A-Za-z0-9-]+)|([^0-9a-z-,.])|([^0-9-,.]+)|([W,.])$","g"),o=k("decimal"),l=new RegExp("."===o?`\\${o}`:o,"g");return n.match(r)||(n.match(l)||[]).length>1?n:z(n).replace(new RegExp(`\\${o}`,"g"),".")}),[k,z]),A=S(y||N||I),[Z,T]=i(C(B(A))?A:F(A)),U=(e,t)=>({target:{name:D,id:P,value:{formattedValue:F(B(e)),rawValue:t||B(e)}}}),q=void 0!==N,G=u();a((()=>(c(G.current!==q,"Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component"),G.current=q,()=>{G.current=null})),[q]);const H=s(N);return a((()=>{const e=B(Z);if(q){const t=S(N);e!==t&&T(F(""===t&&""===H?I:t))}}),[I,F,S,q,H,Z,B,N]),v||q||(v=!0,d.deprecate("Uncontrolled behaviour in `Decimal` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e(t,{children:[n(m,h({align:b,readOnly:x,inputWidth:w,onChange:e=>{const{value:t}=e.target;T(t),_&&_(U(t))},onBlur:e=>{const{value:t}=e.target;let n;if(t){const e=B(t),r=C(e)?t:F(e);n=U(r,e),T(r)}else n=U(I),T(I);j&&j(n)},value:Z,"data-component":"decimal",id:P,ref:g},$,f("decimal",$))),n("input",{name:D,value:B(Z),type:"hidden","data-component":"hidden-input","data-role":"hidden-input"})]})}));b.displayName="Decimal";export{b as Decimal,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as e}from"styled-components";import{margin as t}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import
|
|
1
|
+
import o,{css as e}from"styled-components";import{margin as t}from"styled-system";import i from"../../__internal__/utils/logger/index.js";import n from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";import s from"../../style/utils/color.js";import{getWindow as l,getNavigator as a}from"../../__internal__/dom/globals.js";import c,{isSafari as m}from"../../__internal__/utils/helpers/browser-type-check/index.js";import d from"./icon-config.js";import f from"./icon-unicodes.js";const g=o.span.attrs(n).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-74150e41-0"})(["",""],(({theme:o,color:n,bg:g,isInteractive:p,bgSize:h,bgShape:b,type:u,fontSize:y,disabled:_,hasTooltip:z})=>{let S="var(--colorsYin090)",j="transparent";const v=l(),k=a(),x=function(o,e){const t={small:1,medium:2,large:3,"extra-large":4};return o&&e?t[e]<t[o]?(i.warn(`[WARNING - Icon] The "${e}" \`bgSize\` is smaller than "${o}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),d.backgroundSize[o]):d.backgroundSize[e]:e?d.backgroundSize[e]:void 0}(y,h);if(_)S="var(--colorsYin030)";else if(n){const{color:e}=s({color:n,theme:o});S=e}if(g){const{backgroundColor:e}=s({bg:g,theme:o});j=e}return e(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," ",""],S,j,x,x,b?`border-radius: ${d.backgroundShape[b]}`:"",p&&e(["&:not(:focus):hover{filter:brightness(0.9);}"]),f[u],y&&e(["font-size:",";line-height:",";"],d.iconSize[y],d.iconSize[y]),v&&"services"===u&&c(v)&&e(["margin-top:",";"],"small"===y?"-7px":"-8px"),k&&v&&"services"===u&&m(k)&&!c(v)&&e(["margin-top:-6px;"]),z&&`\n :focus {\n ${r()}\n }\n `,t)}));export{g as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import t from"./pill.style.js";import o from"../icon/icon.component.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import l from"../icon-button/icon-button.component.js";function
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import t from"./pill.style.js";import o from"../icon/icon.component.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import l from"../../__internal__/utils/logger/index.js";import i from"../icon-button/icon-button.component.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let c=!1;const s=s=>{var u,p,{wrapText:b,borderColor:f,colorVariant:m="neutral",isDarkBackground:O=!1,children:y,fill:d=!1,maxWidth:g,onClick:j,onDelete:h,pillRole:k="tag",size:w="M",ariaLabelOfRemoveButton:v="remove pill"}=s,P=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(s,["wrapText","borderColor","colorVariant","isDarkBackground","children","fill","maxWidth","onClick","onDelete","pillRole","size","ariaLabelOfRemoveButton"]);return c||O||"neutralWhite"!==m||d||(c=!0,l.warn("[WARNING] The `neutralWhite` variant should only be used on dark backgrounds with fill set to true. Please set the `isDarkBackground` and `fill` props to true or use another color variant.")),e(t,(u=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){a(e,r,t[r])}))}return e}({inFill:d,colorVariant:m,isDarkBackground:O,isDeletable:!!h,pillRole:k,size:w,borderColor:f,onClick:j,maxWidth:g,wrapText:b},P,n("pill",P)),p=null!=(p={children:[y,h&&r(i,{onClick:h,"data-element":"close","aria-label":v,children:r(o,{type:"cross"})})]})?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(u,Object.getOwnPropertyDescriptors(p)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(p)).forEach((function(e){Object.defineProperty(u,e,Object.getOwnPropertyDescriptor(p,e))})),u))};export{s as Pill,s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import t from"../../style/utils/filter-styled-system-margin-props.js";import o from"../../__internal__/utils/helpers/tags/tags.js";import{ProfileStyle as
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import t from"../../style/utils/filter-styled-system-margin-props.js";import o from"../../__internal__/utils/helpers/tags/tags.js";import n from"../../__internal__/utils/logger/index.js";import{ProfileStyle as a,ProfileAvatarStyle as l,ProfileDetailsStyle as i,ProfileNameStyle as s,ProfileEmailStyle as c,ProfileTextStyle as u}from"./profile.style.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){p(e,r,t[r])}))}return e}let f=!1;const d=p=>{var{src:d,alt:b,className:g,initials:y,name:O,size:j,email:h,text:k,darkBackground:w,backgroundColor:P,foregroundColor:v}=p,x=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(p,["src","alt","className","initials","name","size","email","text","darkBackground","backgroundColor","foregroundColor"]);const S={darkBackground:w,alt:b,name:O,initials:y||function(e){if(!e)return"";const r=e.match(/\b\w/g);return r?r.join(""):""}(O).slice(0,3).toUpperCase(),size:j,backgroundColor:P,foregroundColor:v,"data-role":"profile-portrait"};return f||O||!h&&!k||(f=!0,n.warn("[WARNING] The `email` or `text` prop should not be used without the `name` prop in `Profile`. Please use the `name` prop as well as `email` or `text`.")),e(a,(_=m({className:g,hasSrc:!!d,darkBackground:w},o("profile",x),t(x)),z=null!=(z={children:[r(l,m(d?{src:d,"data-element":"user-image"}:{},S)),O?e(i,{size:j,hasSrc:!!d,"data-element":"details",children:[r(s,{size:j,"data-element":"name",children:O}),h&&r(c,{href:`mailto: ${h}`,size:j,"data-role":"email-link",darkBackground:w,"data-element":"email",children:h}),k&&r(u,{size:j,"data-element":"text",children:k})]}):null]})?z:{},Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors(z)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(z)).forEach((function(e){Object.defineProperty(_,e,Object.getOwnPropertyDescriptor(z,e))})),_));var _,z};export{d as Profile,d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import n,{useRef as o}from"react";import i from"../../../__internal__/utils/helpers/guid/index.js";import c from"./option-group-header.style.js";import
|
|
1
|
+
import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import n,{useRef as o}from"react";import i from"../../../__internal__/utils/helpers/guid/index.js";import c from"../../../__internal__/utils/logger/index.js";import l from"./option-group-header.style.js";import p from"../../icon/icon.component.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const u=n.forwardRef(((n,u)=>{var{label:f,icon:s,style:b,id:O,children:y}=n,d=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["label","icon","style","id","children"]);const m=o(O||i());return y||f||c.warn("OptionGroupHeader requires either a label or children to be provided"),e(l,(j=function(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){a(e,r,t[r])}))}return e}({style:b,id:m.current},d),g=null!=(g={ref:u,"data-component":"option-group-header",children:y||r(t,{children:[s&&e(p,{type:s}),e("h4",{children:f})]})})?g:{},Object.getOwnPropertyDescriptors?Object.defineProperties(j,Object.getOwnPropertyDescriptors(g)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(g)).forEach((function(e){Object.defineProperty(j,e,Object.getOwnPropertyDescriptor(g,e))})),j));var j,g}));u.displayName="OptionGroupHeader";export{u as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useImperativeHandle as n}from"react";import a from"../icon/icon.component.js";import i from"../icon-button/icon-button.component.js";import{StyledProgressIndicator as l,StyledStepFlow as s,StyledStepContent as c,StyledStepContentText as p,StyledStepLabelAndProgress as d,StyledProgressIndicatorBar as u}from"./step-flow.style.js";import f from"../../__internal__/utils/helpers/tags/tags.js";import{Typography as
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useImperativeHandle as n}from"react";import a from"../icon/icon.component.js";import i from"../icon-button/icon-button.component.js";import{StyledProgressIndicator as l,StyledStepFlow as s,StyledStepContent as c,StyledStepContentText as p,StyledStepLabelAndProgress as d,StyledProgressIndicatorBar as u}from"./step-flow.style.js";import f from"../../__internal__/utils/helpers/tags/tags.js";import b from"../../__internal__/utils/logger/index.js";import{Typography as m}from"../typography/typography.component.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";import{StepFlowProvider as h}from"./__internal__/step-flow.context.js";import{StepFlowTitle as y}from"./step-flow-title/step-flow-title.component.js";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}const v=r(((r,v)=>{var j,w,{category:S,title:P,titleVariant:_="h1",totalSteps:I,currentStep:k,showProgressIndicator:x=!1,showCloseIcon:z=!1,onDismiss:D,"aria-label":A,"aria-labelledby":C,"aria-describedby":L}=r,N=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(r,["category","title","titleVariant","totalSteps","currentStep","showProgressIndicator","showCloseIcon","onDismiss","aria-label","aria-labelledby","aria-describedby"]);const W=Array.from({length:I},((e,t)=>t+1)),E=k>I?I:k;let F=!1,R=!1;!F&&k>I&&(F=!0,b.warn("[WARNING] The `currentStep` prop should not be higher than the `totalSteps`prop in `StepFlow`. Please ensure `currentStep`s value does not exceed that of `totalSteps`, in the meantime we have set `currentStep` value to that of `totalSteps`, and all indicators have been marked as completed.")),R||v||(R=!0,b.warn("[WARNING] A `ref` should be provided to ensure focus is programmatically focused back to a title div, this ensures screen reader users are informed regarding any changes and can navigate back down the page."));const V=W.map((t=>e(l,{"aria-hidden":"true","data-role":"progress-indicator","data-element":"progress-indicator",isCompleted:t<E,isInProgress:t===E,"data-state":t===E?"in-progress":t<E?"is-completed":"not-completed",children:" "},t))),G=g(),H=e(i,{"data-element":"close","aria-label":null===(j=(w=G.stepFlow).closeIconAriaLabel)||void 0===j?void 0:j.call(w),onClick:D,children:e(a,{type:"close"})}),T=o(null);n(v,(()=>({focus(){var e;null===(e=T.current)||void 0===e||e.focus()}})),[]);const q=e(h,{value:{validatedCurrentStep:E,totalSteps:I,titleVariant:_,category:S,titleRef:T},children:"string"==typeof P?e(y,{titleString:P}):P}),B=e(m,{variant:"span",fontWeight:"400",fontSize:"var(--fontSizes200)",lineHeight:"var(--sizing300)","data-element":"step-label","aria-hidden":"true",children:G.stepFlow.stepLabel(E,I)});return t(s,(J=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){O(e,t,r[t])}))}return e}({role:"group","aria-label":A,"aria-describedby":L,"aria-labelledby":C},N,f("step-flow",N)),K=null!=(K={children:[t(c,{children:[S?t(p,{children:[e(m,{fontWeight:"400",fontSize:"var(--fontSizes100)",lineHeight:"var(--sizing250)",variant:"span","data-element":"category-text","aria-hidden":"true",children:S}),q]}):q,z?H:null]}),x?t(d,{children:[B,e(u,{"data-element":"progress-indicator-bar","data-role":"progress-indicator-bar",children:V})]}):B]})?K:{},Object.getOwnPropertyDescriptors?Object.defineProperties(J,Object.getOwnPropertyDescriptors(K)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(K)).forEach((function(e){Object.defineProperty(J,e,Object.getOwnPropertyDescriptor(K,e))})),J));var J,K}));export{v as StepFlow,v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as r,Children as n,createRef as i,useRef as o,useState as a,useContext as s,useCallback as l,useEffect as d,createElement as p,cloneElement as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as r,Children as n,createRef as i,useRef as o,useState as a,useContext as s,useCallback as l,useEffect as d,createElement as p,cloneElement as b}from"react";export{Tab}from"./tab/tab.component.js";import c from"../../__internal__/utils/helpers/events/events.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import f from"../../__internal__/utils/logger/index.js";import g from"./tabs.style.js";import h from"./__internal__/tabs-header/tabs-header.component.js";import m from"./__internal__/tab-title/tab-title.component.js";import y from"../drawer/__internal__/drawer-sidebar.context.js";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 j(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=O=>{var{align:w="left",children:_,onTabChange:I,selectedTabId:S,renderHiddenTabs:P=!0,position:T="top",extendedLine:x=!0,size:L,borders:W="off",variant:k="default",validationStatusOverride:E,headerWidth:D,showValidationsSummary:M}=O,$=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(O,["align","children","onTabChange","selectedTabId","renderHiddenTabs","position","extendedLine","size","borders","variant","validationStatusOverride","headerWidth","showValidationsSummary"]);"left"!==T&&void 0!==D&&f.error("Invalid usage of prop headerWidth in Tabs. The headerWidth can be used only if position is set to left");const K=r((()=>n.toArray(_).filter((e=>e))),[_]),z=r((()=>K.map((e=>e.props.tabId))),[K]),B=r((()=>Array.from({length:K.length}).map((()=>i()))),[K.length]),C=o(S),[H,R]=a(S||K[0].props.tabId),{isInSidebar:V}=s(y),[A,U]=a({}),[q,F]=a({}),[G,J]=a({}),N=l(((e,t)=>{U((r=>j(v({},r),{[e]:t})))}),[]),Q=l(((e,t)=>{F((r=>j(v({},r),{[e]:t})))}),[]),X=l(((e,t)=>{J((r=>j(v({},r),{[e]:t})))}),[]),Y=l((e=>e===H),[H]),Z=l((e=>{Y(e)||R(e),I&&I(e)}),[I,Y]),ee=l((()=>{const{current:e}=C,t=e?z.indexOf(e):-1;var r;-1!==t&&(null===(r=B[t].current)||void 0===r||r.blur())}),[z,B]);d((()=>{C.current!==S&&(S!==H&&(R(S),ee()),C.current=S)}),[ee,C,S,H]);const te=e=>t=>{c.isEventType(t,"keydown")||Z(e)},re=(e,t)=>{e.preventDefault();let r=t;t<0?r=z.length-1:t===z.length&&(r=0),(e=>{var t,r;null===(t=e.current)||void 0===t||t.focus();const n=null===(r=e.current)||void 0===r?void 0:r.getBoundingClientRect();var i;n&&(n.top>=0&&n.left>=0&&n.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&n.right<=(window.innerWidth||document.documentElement.clientWidth)||null===(i=e.current)||void 0===i||i.scrollIntoView({behavior:"auto",inline:"center"}))})(B[r])},ne=e=>t=>{const r=V||"left"===T,n=r&&c.isUpKey(t),i=r&&c.isDownKey(t),o=!r&&c.isLeftKey(t),a=!r&&c.isRightKey(t);n||o?re(t,e-1):(i||a)&&re(t,e+1)};return e(g,j(v({position:V?"left":T,"data-role":"tabs",isInSidebar:V,headerWidth:D},$,u("tabs",$)),{children:[(()=>{const e=K.map(((e,t)=>{const{tabId:r,title:n,siblings:i,titlePosition:o,errorMessage:a,warningMessage:s,infoMessage:l,href:d,customLayout:b,titleProps:c}=e.props,u=`${r}-tab`,f=A[r],g=q[r],h=G[r],y=f&&Object.entries(f).filter((e=>e[1])).length,O=g&&Object.entries(g).filter((e=>e[1])).length,_=h&&Object.entries(h).filter((e=>e[1])).length,I=E&&E[r],S=I&&E[r].error,P=I&&E[r].warning,x=I&&E[r].info,D=void 0!==S?S:!!y,$=void 0!==P?P:!!O&&!D,K=void 0!==x?x:!!_&&!D&&!$,z=(e,t={})=>{const r=Object.values(t).filter((e=>e&&"string"==typeof e));return M&&r.length?1===r.length?r[0]:r.map((e=>`• ${e}`)).join("\n"):e};return p(m,j(v({},c),{position:V?"left":T,dataTabId:r,id:u,key:r,onClick:te(r),onKeyDown:ne(t),ref:B[t],tabIndex:Y(r)?0:-1,title:n,href:d,isTabSelected:Y(r),error:D,warning:$,info:K,size:L||"default",borders:"off"!==W,siblings:i,titlePosition:o,errorMessage:z(a,f),warningMessage:z(s,g),infoMessage:z(l,h),alternateStyling:"alternate"===k,noLeftBorder:["no left side","no sides"].includes(W),noRightBorder:["no right side","no sides"].includes(W),customLayout:b,isInSidebar:V,align:w}))}));return t(h,{align:w,position:V?"left":T,role:"tablist",extendedLine:x,noRightBorder:["no right side","no sides"].includes(W),isInSidebar:V,size:L||"default",children:e})})(),(()=>{if(V)return null;if(!P){const e=K.find((e=>Y(e.props.tabId)));return e&&b(e,j(v({},e.props),{role:"tabpanel",position:T,isTabSelected:Y(e.props.tabId),key:`${e.props.tabId}-tab`,ariaLabelledby:`${e.props.tabId}-tab`,updateErrors:N,updateWarnings:Q,updateInfos:X}))}return K.map((e=>b(e,j(v({},e.props),{role:"tabpanel",position:T,isTabSelected:Y(e.props.tabId),key:`${e.props.tabId}-tab`,ariaLabelledby:`${e.props.tabId}-tab`,updateErrors:N,updateWarnings:Q,updateInfos:X}))))})()]}))};export{w as Tabs};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createHeadlessEditor as t}from"@lexical/headless";import{$generateHtmlFromNodes as e,$generateNodesFromDOM as r}from"@lexical/html";import{$getRoot as o,$getSelection as n}from"lexical";import{theme as s,markdownNodes as i}from"./constants.js";const
|
|
1
|
+
import{createHeadlessEditor as t}from"@lexical/headless";import{$generateHtmlFromNodes as e,$generateNodesFromDOM as r}from"@lexical/html";import{$getRoot as o,$getSelection as n}from"lexical";import{theme as s,markdownNodes as i}from"./constants.js";import a from"../../../__internal__/utils/logger/index.js";const l=t=>{let r,o;return t.read((()=>{const n=t.getEditorState();o=n.toJSON(),r=e(t,null)})),{htmlString:r,json:o}},m=e=>{const l=t({namespace:"html-to-json",onError:t=>a.error(t.message),theme:s,nodes:i});let m;if(l.update((()=>{const t=(new DOMParser).parseFromString(e,"text/html"),s=r(l,t);o().select();const i=n();if(i)try{i.insertNodes(s)}catch(t){m=t}}),{discrete:!0}),m)throw m;const c=l.getEditorState().toJSON();return JSON.stringify(c)},c=new RegExp(/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/);function p(t){return"https://"===t||c.test(t)}export{m as DeserializeHTML,l as SerializeLexical,p as validateUrl};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{LexicalComposer as e}from"@lexical/react/LexicalComposer";import{ContentEditable as t}from"@lexical/react/LexicalContentEditable";import{LexicalErrorBoundary as a}from"@lexical/react/LexicalErrorBoundary";import{RichTextPlugin as o}from"@lexical/react/LexicalRichTextPlugin";import{useMemo as i}from"react";import{createFromHTML as n}from"../utils.js";import{markdownNodes as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{LexicalComposer as e}from"@lexical/react/LexicalComposer";import{ContentEditable as t}from"@lexical/react/LexicalContentEditable";import{LexicalErrorBoundary as a}from"@lexical/react/LexicalErrorBoundary";import{RichTextPlugin as o}from"@lexical/react/LexicalRichTextPlugin";import{useMemo as i}from"react";import{createFromHTML as n}from"../utils.js";import{markdownNodes as l,theme as c}from"./constants.js";import m from"../../../__internal__/utils/logger/index.js";const s=r=>{let e;if(!r)return n("<p><br></p>");try{JSON.parse(r)&&(e=!0)}catch(r){e=!1}if(!e){if(/<[a-z][\s\S]*>/i.test(r))return n(r);const e=`<p dir="ltr"><span data-lexical-text="true">${(r=>r.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(r)}</span></p>`;return n(e)}return r},p=({namespace:n="carbon-rte-readonly",value:p})=>{const d=i((()=>({namespace:n,nodes:l,onError:r=>m.error(r.message),theme:c,editorState:s(p),editable:!1})),[n,p]);return r(e,{initialConfig:d,children:r(o,{contentEditable:r(t,{"data-role":`${n}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:a})})};export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{EditorRefPlugin as o}from"@lexical/react/LexicalEditorRefPlugin";import{LexicalErrorBoundary as i}from"@lexical/react/LexicalErrorBoundary";import{HistoryPlugin as a}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as l}from"@lexical/react/LexicalMarkdownShortcutPlugin";import{RichTextPlugin as c}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as s}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as p}from"@lexical/react/LexicalListPlugin";import{$getRoot as u}from"lexical";import{forwardRef as d,useRef as m,useState as f,useImperativeHandle as _,useEffect as g,useMemo as b,useCallback as h}from"react";import{SerializeLexical as v,validateUrl as x}from"./__internal__/helpers.js";import j from"../../__internal__/label/label.component.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../__internal__/utils/logger/index.js";import{markdownNodes as w,theme as L,COMPONENT_PREFIX as P}from"./__internal__/constants.js";import E from"./__internal__/plugins/AutoLinker/auto-link.component.js";import k from"./__internal__/plugins/CharacterCounter/character-counter.component.js";import C from"./__internal__/plugins/ContentEditor/content-editor.component.js";import S from"./__internal__/plugins/LinkMonitor/link-monitor.plugin.js";import"./__internal__/plugins/LinkPreviewer/link-previewer.style.js";import T from"./__internal__/plugins/OnChange/on-change.plugin.js";import $ from"./__internal__/plugins/Placeholder/placeholder.component.js";import B from"./__internal__/plugins/Toolbar/toolbar.component.js";import"./__internal__/plugins/useCursorAtEnd/index.js";import q from"./text-editor.context.js";import{StyledTextEditorWrapper as A,StyledWrapper as H,StyledEditorToolbarWrapper as D,StyledHeaderWrapper as I,StyledTextEditor as R,StyledFooterWrapper as F}from"./text-editor.style.js";import{createEmpty as M}from"./utils.js";import{HintText as U}from"../../__internal__/hint-text/hint-text.component.js";import z from"../../__internal__/validation-message/validation-message.component.js";import G from"../textbox/textbox.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import J from"../../style/utils/filter-styled-system-margin-props.js";import K from"../../__internal__/utils/helpers/tags/tags.js";function N(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function Q(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){N(e,r,t[r])}))}return e}let V=!1;const W=d(((d,N)=>{var{characterLimit:W=3e3,error:X,footer:Y,header:Z,inputHint:ee,isOptional:re=!1,labelText:te,namespace:ne=P,onBlur:oe,onCancel:ie,onChange:ae,onFocus:le,onLinkAdded:ce,onSave:se,placeholder:pe,previews:ue=[],readOnly:de=!1,required:me=!1,rows:fe,warning:_e,value:ge,customPlugins:be}=d,he=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(d,["characterLimit","error","footer","header","inputHint","isOptional","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","warning","value","customPlugins"]);!V&&re&&(V=!0,O.deprecate("`isOptional` is deprecated in TextEditor and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const ve=m(void 0),xe=y(),[je,ye]=f(void 0),Oe=m(null),[we,Le]=f(!1);_(N,(()=>({focus(){var e;null===(e=Oe.current)||void 0===e||e.focus()}})),[]),g((()=>{const e=null==Oe?void 0:Oe.current,r=()=>{Le(!0)},t=()=>{Le(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[Oe]);const[Pe,Ee]=f(!1),ke=b((()=>({namespace:ne,nodes:w,onError:
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{EditorRefPlugin as o}from"@lexical/react/LexicalEditorRefPlugin";import{LexicalErrorBoundary as i}from"@lexical/react/LexicalErrorBoundary";import{HistoryPlugin as a}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as l}from"@lexical/react/LexicalMarkdownShortcutPlugin";import{RichTextPlugin as c}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as s}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as p}from"@lexical/react/LexicalListPlugin";import{$getRoot as u}from"lexical";import{forwardRef as d,useRef as m,useState as f,useImperativeHandle as _,useEffect as g,useMemo as b,useCallback as h}from"react";import{SerializeLexical as v,validateUrl as x}from"./__internal__/helpers.js";import j from"../../__internal__/label/label.component.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../__internal__/utils/logger/index.js";import{markdownNodes as w,theme as L,COMPONENT_PREFIX as P}from"./__internal__/constants.js";import E from"./__internal__/plugins/AutoLinker/auto-link.component.js";import k from"./__internal__/plugins/CharacterCounter/character-counter.component.js";import C from"./__internal__/plugins/ContentEditor/content-editor.component.js";import S from"./__internal__/plugins/LinkMonitor/link-monitor.plugin.js";import"./__internal__/plugins/LinkPreviewer/link-previewer.style.js";import T from"./__internal__/plugins/OnChange/on-change.plugin.js";import $ from"./__internal__/plugins/Placeholder/placeholder.component.js";import B from"./__internal__/plugins/Toolbar/toolbar.component.js";import"./__internal__/plugins/useCursorAtEnd/index.js";import q from"./text-editor.context.js";import{StyledTextEditorWrapper as A,StyledWrapper as H,StyledEditorToolbarWrapper as D,StyledHeaderWrapper as I,StyledTextEditor as R,StyledFooterWrapper as F}from"./text-editor.style.js";import{createEmpty as M}from"./utils.js";import{HintText as U}from"../../__internal__/hint-text/hint-text.component.js";import z from"../../__internal__/validation-message/validation-message.component.js";import G from"../textbox/textbox.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import J from"../../style/utils/filter-styled-system-margin-props.js";import K from"../../__internal__/utils/helpers/tags/tags.js";function N(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function Q(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){N(e,r,t[r])}))}return e}let V=!1;const W=d(((d,N)=>{var{characterLimit:W=3e3,error:X,footer:Y,header:Z,inputHint:ee,isOptional:re=!1,labelText:te,namespace:ne=P,onBlur:oe,onCancel:ie,onChange:ae,onFocus:le,onLinkAdded:ce,onSave:se,placeholder:pe,previews:ue=[],readOnly:de=!1,required:me=!1,rows:fe,warning:_e,value:ge,customPlugins:be}=d,he=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(d,["characterLimit","error","footer","header","inputHint","isOptional","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","warning","value","customPlugins"]);!V&&re&&(V=!0,O.deprecate("`isOptional` is deprecated in TextEditor and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const ve=m(void 0),xe=y(),[je,ye]=f(void 0),Oe=m(null),[we,Le]=f(!1);_(N,(()=>({focus(){var e;null===(e=Oe.current)||void 0===e||e.focus()}})),[]),g((()=>{const e=null==Oe?void 0:Oe.current,r=()=>{Le(!0)},t=()=>{Le(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[Oe]);const[Pe,Ee]=f(!1),ke=b((()=>({namespace:ne,nodes:w,onError:e=>O.error(e.message),theme:L,editorState:ge,editable:!de})),[ne,de,ge]),Ce=h((e=>{const r=e.read((()=>u().getTextContent()));if(ae){const e=ve.current?v(ve.current):{};null==ae||ae(r,e)}if(W>0){const e=W-r.length;ye(e<0?xe.textEditor.characterLimit(Math.abs(e)):void 0)}}),[W,xe.textEditor,ae]),Se=h((()=>{var e;(null===(e=ve.current)||void 0===e?void 0:e.isEditable())&&ie&&(Ee((e=>!e)),ie())}),[ie]);g((()=>{const e=ge||M();if(ve.current){const r=ve.current.parseEditorState(e);ve.current.setEditorState(r)}}),[Pe,ge]);const Te=b((()=>({namespace:ne,onCancel:ie?Se:void 0,onSave:se})),[Se,ne,ie,se]),$e=_e||je;return e(A,(Be=Q({"data-role":`${ne}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==oe||oe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==le||le(e)}},J(he),K("text-editor",he)),qe=null!=(qe={children:r(q.Provider,{value:{onLinkAdded:ce},children:[e(j,{isRequired:me,optional:re,labelId:`${ne}-label`,children:te}),ee&&e(U,{id:`${ne}-input-hint`,marginBottom:"var(--spacing100)",children:ee}),r(t,{initialConfig:ke,children:[e(o,{editorRef:ve}),r(H,{"data-role":`${ne}-wrapper`,children:[e(z,{error:X,warning:$e,validationId:`${ne}-validation-message`,"data-role":`${ne}-validation-message`}),(X||$e)&&e(G,{warning:!(X||!$e)}),r(D,{"data-role":`${ne}-editor-toolbar-wrapper`,id:`${ne}-editor-toolbar-wrapper`,focused:we,error:!!X,children:[Z&&e(I,{"data-role":`${ne}-header-wrapper`,children:Z}),!de&&e(B,Q({hasHeader:Boolean(Z)},Te)),r(R,{"data-role":`${ne}-editor`,children:[e(c,{contentEditable:e(C,{ref:Oe,inputHint:ee,namespace:ne,previews:ue,rows:fe,readOnly:de,required:me,error:!!X,warning:!!_e||!!je}),placeholder:e($,{namespace:ne,text:pe}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(T,{onChange:Ce}),e(s,{validateUrl:x}),e(n,{newTab:!0}),e(E,{}),be]}),Y&&e(F,{"data-role":`${ne}-footer-wrapper`,children:Y}),e(S,{})]}),W>0&&!de&&e(k,{maxChars:W,namespace:ne})]})]})]})})?qe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Be,Object.getOwnPropertyDescriptors(qe)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(qe)).forEach((function(e){Object.defineProperty(Be,e,Object.getOwnPropertyDescriptor(qe,e))})),Be));var Be,qe}));export{W as TextEditor,W as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import i,{useContext as n,useState as t,useRef as o,useCallback as l,useEffect as a}from"react";import d from"../../__internal__/utils/helpers/tags/tags.js";import s from"../../__internal__/input/input.component.js";import p from"../../__internal__/input/input-presentation.component.js";import c from"../../__internal__/form-field/form-field.component.js";import u from"../../hooks/useCharacterCount/useCharacterCount.js";import{InputBehaviour as b}from"../../__internal__/input-behaviour/input-behaviour.component.js";import m from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import f from"../../__internal__/utils/helpers/guid/index.js";import h,{DEFAULT_MIN_HEIGHT as v}from"./textarea.style.js";import{TooltipProvider as g}from"../../__internal__/tooltip-provider/index.js";import y from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import _ from"../carbon-provider/__internal__/new-validation.context.js";import O from"../textbox/textbox.style.js";import j from"../../__internal__/validation-message/validation-message.component.js";import{Box as w}from"../box/box.component.js";import x from"../../__internal__/utils/logger/index.js";import{HintText as I}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import H from"../../style/utils/filter-styled-system-margin-props.js";function P(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function B(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),n.forEach((function(r){P(e,r,i[r])}))}return e}let L=!1,A=!1,T=!1,R=!1;const k=i.forwardRef(((i,P)=>{var{"aria-labelledby":k,"aria-describedby":S,ariaDescribedBy:W,autoFocus:D,inputHint:E,fieldHelp:C,label:q,children:F,characterLimit:z,onChange:V,onFocus:M,onBlur:N,disabled:U=!1,labelInline:$,labelAlign:G,labelHelp:J,labelSpacing:K,inputIcon:Q,id:X,error:Y,warning:Z,info:ee,name:re,readOnly:ie=!1,placeholder:ne,expandable:te=!1,rows:oe,validationOnLabel:le=!1,adaptiveLabelBreakpoint:ae,inputWidth:de,maxWidth:se,labelWidth:pe=30,tooltipPosition:ce,value:ue,"data-element":be,"data-role":me,helpAriaLabel:fe,borderRadius:he,hideBorders:ve=!1,required:ge,isOptional:ye,minHeight:_e=v}=i,Oe=function(e,r){if(null==e)return{};var i,n,t=function(e,r){if(null==e)return{};var i,n,t={},o=Object.keys(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0||(t[i]=e[i]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(t[i]=e[i])}return t}(i,["aria-labelledby","aria-describedby","ariaDescribedBy","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight"]);!A&&ye&&(A=!0,x.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:je}=n(_),we=!je&&$,[xe,Ie]=t(v),He=e=>je?void 0:e,{current:Pe}=o(X||f()),Be=o(null),Le=l((e=>{Be.current=e,P&&("current"in P?P.current=e:P(e))}),[P]),[Ae,Te]=t("off");T||V||(T=!0,x.deprecate("Uncontrolled behaviour in `Textarea` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),!L&&W&&(L=!0,x.deprecate("The `ariaDescribedBy` prop in `Textarea` is deprecated and will soon be removed, please use `aria-describedby` instead.")),Array.isArray(he)&&he.length>4&&!R&&(
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import i,{useContext as n,useState as t,useRef as o,useCallback as l,useEffect as a}from"react";import d from"../../__internal__/utils/helpers/tags/tags.js";import s from"../../__internal__/input/input.component.js";import p from"../../__internal__/input/input-presentation.component.js";import c from"../../__internal__/form-field/form-field.component.js";import u from"../../hooks/useCharacterCount/useCharacterCount.js";import{InputBehaviour as b}from"../../__internal__/input-behaviour/input-behaviour.component.js";import m from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import f from"../../__internal__/utils/helpers/guid/index.js";import h,{DEFAULT_MIN_HEIGHT as v}from"./textarea.style.js";import{TooltipProvider as g}from"../../__internal__/tooltip-provider/index.js";import y from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import _ from"../carbon-provider/__internal__/new-validation.context.js";import O from"../textbox/textbox.style.js";import j from"../../__internal__/validation-message/validation-message.component.js";import{Box as w}from"../box/box.component.js";import x from"../../__internal__/utils/logger/index.js";import{HintText as I}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import H from"../../style/utils/filter-styled-system-margin-props.js";function P(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function B(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),n.forEach((function(r){P(e,r,i[r])}))}return e}let L=!1,A=!1,T=!1,R=!1;const k=i.forwardRef(((i,P)=>{var{"aria-labelledby":k,"aria-describedby":S,ariaDescribedBy:W,autoFocus:D,inputHint:E,fieldHelp:C,label:q,children:F,characterLimit:z,onChange:V,onFocus:M,onBlur:N,disabled:U=!1,labelInline:$,labelAlign:G,labelHelp:J,labelSpacing:K,inputIcon:Q,id:X,error:Y,warning:Z,info:ee,name:re,readOnly:ie=!1,placeholder:ne,expandable:te=!1,rows:oe,validationOnLabel:le=!1,adaptiveLabelBreakpoint:ae,inputWidth:de,maxWidth:se,labelWidth:pe=30,tooltipPosition:ce,value:ue,"data-element":be,"data-role":me,helpAriaLabel:fe,borderRadius:he,hideBorders:ve=!1,required:ge,isOptional:ye,minHeight:_e=v}=i,Oe=function(e,r){if(null==e)return{};var i,n,t=function(e,r){if(null==e)return{};var i,n,t={},o=Object.keys(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0||(t[i]=e[i]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(t[i]=e[i])}return t}(i,["aria-labelledby","aria-describedby","ariaDescribedBy","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight"]);!A&&ye&&(A=!0,x.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:je}=n(_),we=!je&&$,[xe,Ie]=t(v),He=e=>je?void 0:e,{current:Pe}=o(X||f()),Be=o(null),Le=l((e=>{Be.current=e,P&&("current"in P?P.current=e:P(e))}),[P]),[Ae,Te]=t("off");T||V||(T=!0,x.deprecate("Uncontrolled behaviour in `Textarea` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),!L&&W&&(L=!0,x.deprecate("The `ariaDescribedBy` prop in `Textarea` is deprecated and will soon be removed, please use `aria-describedby` instead.")),Array.isArray(he)&&he.length>4&&!R&&(x.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),R=!0);const Re=l((()=>{const e=Be.current;if((null==e?void 0:e.scrollHeight)&&(null==e?void 0:e.scrollHeight)>xe){let r=e;for(;r&&!(null==r?void 0:r.scrollTop);)r=(null==r?void 0:r.parentElement)||null;const i=null==r?void 0:r.scrollTop;e.style.height="auto",e.style.height=`${Math.max(e.scrollHeight,xe)}px`,r&&i&&(r.scrollTop=i)}}),[xe]),{labelId:ke,validationId:Se,fieldHelpId:We,ariaDescribedBy:De}=y({id:Pe,validationRedesignOptIn:je,error:Y,warning:Z,info:ee,label:q,fieldHelp:C}),[Ee,Ce]=u(ue,z,Ae);a((()=>{var e;Ie(oe?(null==Be||null===(e=Be.current)||void 0===e?void 0:e.scrollHeight)||0:_e>v?_e:v)}),[_e,oe]),a((()=>{te&&Re()})),a((()=>{var e,r;return te&&(window.addEventListener("resize",Re),Ie((null==Be||null===(e=Be.current)||void 0===e?void 0:e.clientHeight)||0),null===(r=document.fonts)||void 0===r||r.addEventListener("loadingdone",Re)),()=>{var e;te&&(window.removeEventListener("resize",Re),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Re))}}),[Re,te]);const qe=!!(Q||Se&&!le),Fe=o(f()),ze=E?Fe.current:void 0,Ve=[De,ze,Ce,S||W].filter(Boolean).join(" "),Me=e(p,{disabled:U,readOnly:ie,inputWidth:"number"==typeof de?de:100-pe,maxWidth:se,error:Y,warning:Z,info:ee,borderRadius:he,hideBorders:ve,children:[r(s,B({"aria-invalid":!!Y,"aria-labelledby":k,"aria-describedby":Ve,autoFocus:D,name:re,value:ue,ref:Le,onChange:V,onFocus:e=>{z&&Te("polite"),null==M||M(e)},onBlur:e=>{z&&Te("off"),null==N||N(e)},disabled:U,readOnly:ie,placeholder:U?"":ne,rows:oe,id:Pe,as:"textarea",validationIconId:je?void 0:Se,inputBorderRadius:he,required:ge},Oe)),F,r(m,{disabled:U,readOnly:ie,inputIcon:Q,error:Y,warning:Z,info:ee,validationIconId:je?void 0:Se,useValidationIcon:!(je||le)})]}),Ne=H(Oe);return r(g,{tooltipPosition:ce,helpAriaLabel:fe,children:r(b,{children:e(h,(Ue=B({labelInline:we,hasIcon:qe,minHeight:xe},Ne,d("textarea",{"data-element":be,"data-role":me})),$e={children:[e(c,{fieldHelp:He(C),fieldHelpId:We,error:Y,warning:Z,info:ee,label:q,labelId:ke,disabled:U,id:Pe,labelInline:He(we),labelAlign:G,labelWidth:He(pe),labelHelp:He(J),labelSpacing:K,isRequired:ge,isOptional:ye,useValidationIcon:He(le),adaptiveLabelBreakpoint:ae,validationRedesignOptIn:je,my:0,children:[(E||J&&je)&&r(I,{align:G,id:ze,"data-element":"input-hint",children:E||J}),je?e(w,{position:"relative",children:[r(j,{error:Y,validationId:Se,warning:Z}),(Y||Z)&&r(O,{warning:!(Y||!Z)}),Me]}):Me]}),Ee]},$e=null!=$e?$e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ue,Object.getOwnPropertyDescriptors($e)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r.push.apply(r,i)}return r}(Object($e)).forEach((function(e){Object.defineProperty(Ue,e,Object.getOwnPropertyDescriptor($e,e))})),Ue))})});var Ue,$e}));k.displayName="Textarea";export{k as OriginalTextarea,k as Textarea,k as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{createContext as r,useContext as t}from"react";const
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{createContext as r,useContext as t}from"react";import o from"../../../../__internal__/utils/logger/index.js";const i=r(0),n=()=>{const e=t(i);return void 0===e?(o.error("useDepth must be used within a DepthProvider. Please ensure you are using the correct context."),-1):e},u=({children:r,value:t=0})=>e(i.Provider,{value:t,children:r}),s=({children:r})=>{const t=n();return e(i.Provider,{value:t+1,children:r})};export{u as DepthProvider,s as IncreaseDepth,i as default,n as useDepth};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useContext as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useContext as r,useState as t,useRef as n,useCallback as d,createContext as s}from"react";import i from"../../../../__internal__/utils/logger/index.js";const c=s(void 0),l=()=>r(c)||(i.error("useMenuFocus must be used within a MenuFocusProvider"),{expandedItems:[],expandItem:()=>{},focusedItemId:null,getRegisteredItems:()=>[],focusItem:()=>{},moveFocus:()=>{},registerMenuItem:()=>{}}),u=({children:r})=>{const[s,i]=t([]),[l,u]=t(null),o=n(new Map),I=d(((e,r,t)=>{if(o.current.set(e,{ref:r,parentId:t,childIds:[]}),t){const r=o.current.get(t);null==r||r.childIds.push(e)}}),[]),a=d((()=>Array.from(o.current.entries()).map((([e,{ref:r,parentId:t,childIds:n}])=>({id:e,ref:r,parentId:t,childIds:n})))),[]),f=d((e=>{var r;const t=o.current.get(e);(null==t||null===(r=t.ref)||void 0===r?void 0:r.current)&&(t.ref.current.focus(),u(e))}),[]),h=d(((e,r)=>{i(r?r=>[...r,e]:r=>r.filter((r=>r!==e)))}),[]),m=d((e=>{if(!l)return;const r=o.current.get(l);if(!r)return;let t=[],n=[],d=-1;switch(e){case"parent":r.parentId&&f(r.parentId);break;case"firstChild":r.childIds.length>0&&(s.includes(l)||h(l,!0),f(r.childIds[0]));break;case"lastChild":if(r.childIds.length>0){const e=r.childIds[r.childIds.length-1];if(e)if(s.includes(e)){const r=a().find((r=>r.id===e));r&&f(r.childIds[r.childIds.length-1])}else f(e)}break;default:if(t=Array.from(o.current.keys()),n=t.filter((e=>{const r=o.current.get(e);return!r||!r.parentId||s.includes(r.parentId)})),d=n.indexOf(l),-1!==d){const r="next"===e?(d+1)%n.length:(d-1+n.length)%n.length;f(n[r])}}}),[l,f,s,h,a]),g={expandedItems:s,expandItem:h,focusedItemId:l,focusItem:f,getRegisteredItems:a,registerMenuItem:I,moveFocus:m};return e(c.Provider,{value:g,children:r})};export{u as MenuFocusProvider,l as useMenuFocus};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{margin as i,padding as o}from"styled-system";import n from"../../../icon/icon.component.js";import r from"../../../../style/utils/add-focus-styling.js";const s=(e,t)=>e&&t?"180deg":"0deg",a=t(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:0 var(--spacing200);width:100%;max-width:340px;"," ",' &:hover{background-color:var(--colorsActionMajor500);}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],i,o,r(!0)),d=e(n).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"sc-
|
|
1
|
+
import e,{css as t}from"styled-components";import{margin as i,padding as o}from"styled-system";import n from"../../../icon/icon.component.js";import r from"../../../../style/utils/add-focus-styling.js";const s=(e,t)=>e&&t?"180deg":"0deg",a=t(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:0 var(--spacing200);width:100%;max-width:340px;"," ",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],i,o,r(!0)),d=e(n).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"sc-986e9f33-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>s(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:e,expanded:i,reduceMotion:o})=>i&&t(["rotate:",";transition:rotate "," ease-out;"],s(e,i),o?0:"0.2s"))),c=e.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"sc-986e9f33-1"})(["align-items:center;display:flex;flex-direction:row;gap:var(--spacing100);svg{margin-right:var(--spacing100);max-width:var(--sizing300);min-width:var(--sizing300);}"]),p=e.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"sc-986e9f33-2"})(["box-sizing:border-box;display:flex;justify-content:",";padding:0 16px;width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:e,responsive:i})=>1===e&&i&&t(["padding:0 0 0 16px;"]))),l=e.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"sc-986e9f33-3"})([""," > a{","}"],(({depth:e,hasIcon:i})=>t(["width:",";"],e<2&&!i?"100%":"88%")),(({depth:e})=>t(["font-weight:var(--fontWeights500);",";"],1===e&&t(["font-weight:var(--fontWeights400);margin-left:var(--spacing200);margin-right:var(--spacing200);"])))),g=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"sc-986e9f33-4"})([""," "," ",""],a,(({active:e,responsive:i})=>e&&!i&&t(["background-color:var(--colorsGray850);"])),(({depth:e,responsive:i})=>0===e&&i&&t(["color:var(--colorsUtilityYang080);cursor:default;"]))),m=e.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuAction",componentId:"sc-986e9f33-5"})([""," height:40px;text-decoration:none;"],a);export{d as StyledIcon,c as StyledMenuItemContent,l as StyledNestedMenu,p as StyledNestedMenuWrapper,m as StyledResponsiveMenuAction,g as StyledResponsiveMenuItem};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=()=>process.env.NODE_ENV;
|
|
@@ -3,10 +3,11 @@
|
|
|
3
3
|
* By default, logging is disabled in production mode.
|
|
4
4
|
*/
|
|
5
5
|
declare const Logger: {
|
|
6
|
-
setEnabledState: (newState: boolean) => void;
|
|
7
6
|
/** Logs warning-level message to browser console with [Deprecation] prefix */
|
|
8
7
|
deprecate: (message: string) => void;
|
|
9
8
|
/** Logs error-level message to browser console. Includes stack trace. */
|
|
10
9
|
error: (message: string) => void;
|
|
10
|
+
/** Logs warning-level message to browser console */
|
|
11
|
+
warn: (message: string) => void;
|
|
11
12
|
};
|
|
12
13
|
export default Logger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./get-node-env.js");const r={deprecate:r=>{"production"!==e.default()&&console.warn(`[Deprecation] ${r}`)},error:r=>{"production"!==e.default()&&console.error(r)},warn:r=>{"production"!==e.default()&&console.warn(r)}};exports.default=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("../../style/utils/filter-styled-system-padding-props.js");var t=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("./__internal__/card.context.js"),o=require("./card.style.js"),a=require("../icon/icon.component.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("../../style/utils/filter-styled-system-padding-props.js");var t=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("./__internal__/card.context.js"),o=require("./card.style.js"),a=require("../icon/icon.component.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../__internal__/utils/logger/index.js");function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c=c=>{var{"data-element":d,"data-role":u,children:p,width:f="500px",draggable:b,height:y,onClick:g,href:h,spacing:j="medium",boxShadow:O,hoverBoxShadow:v,roundness:m="default",footer:w,rel:x,target:S,"aria-label":P}=c,_=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(c,["data-element","data-role","children","width","draggable","height","onClick","href","spacing","boxShadow","hoverBoxShadow","roundness","footer","rel","target","aria-label"]);const[q,C]=r.useState(null),k=!(!g&&!h);let D=!1;return!D&&k&&(null==q?void 0:q.querySelector("[data-component='card-footer']"))&&(D=!0,l.default.warn("This `Card` is interactive you should use the `footer` prop to render a `CardFooter` to avoid potential accessibility issues")),e.jsxs(o.StyledCard,function(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}(function(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){s(e,r,t[r])}))}return e}({cardWidth:f,interactive:k,draggable:!!b,spacing:j,boxShadow:O,hoverBoxShadow:v,height:y,roundness:m},t.default(_),i.default("card",{"data-element":d,"data-role":u})),{children:[b&&e.jsx(a.default,{type:"drag"}),e.jsxs(n.CardProvider,{value:{roundness:m,spacing:j},children:[e.jsx(o.StyledCardContent,{"data-element":"card-content-container",onClick:b?void 0:g,href:b?void 0:h,rel:!b&&h?x:void 0,target:!b&&h?S:void 0,interactive:k,spacing:j,roundness:m,hasFooter:!!w,ref:C,"aria-label":P,children:p}),w]})]}))};c.displayName="Card",exports.default=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("../textbox/textbox.component.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("../textbox/textbox.component.js"),a=require("../../__internal__/i18n-context/index.js"),l=require("../../hooks/__internal__/usePrevious/index.js"),o=require("../../__internal__/utils/logger/index.js"),u=require("../../__internal__/utils/helpers/tags/tags.js");function i(e){return e&&e.__esModule?e:{default:e}}var c=i(t),s=i(n);function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){d(e,t,n[t])}))}return e}let f=!1;const m=c.default.forwardRef(((n,i)=>{var{align:c="right",defaultValue:d,precision:m=2,inputWidth:g,readOnly:b,onChange:h,onBlur:v,id:y,name:x,allowEmptyValue:O=!1,locale:_,value:j}=n,w=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(n,["align","defaultValue","precision","inputWidth","readOnly","onChange","onBlur","id","name","allowEmptyValue","locale","value"]);const E=t.useContext(a.default),C=t.useCallback((e=>{var t;return null===(t=Intl.NumberFormat(_||E.locale()).formatToParts(10000.1).find((t=>t.type===e)))||void 0===t?void 0:t.value}),[E,_]),P=t.useCallback((e=>Number.isNaN(Number(e))),[]),k=t.useCallback((e=>{if(P(e))return e;if(""===e||e.match(/\s+/g))return e;const t=C("decimal"),[n,r]=e.split(".");let a=Intl.NumberFormat(_||E.locale(),{maximumFractionDigits:0}).format(+n);return(null==r?void 0:r.length)>m?a+=`${t+r}`:(null==r?void 0:r.length)<=m?a+=`${t+r+"0".repeat(m-r.length)}`:a+=`${m?t+"0".repeat(m):""}`,a}),[C,P,E,_,m]),D=O?"":k((0).toFixed(m)),q=t.useCallback((e=>(s.default("string"==typeof e,"Decimal `value` prop must be a string"),e&&!O&&s.default(""!==e,"Decimal `value` must not be an empty string. Please use `allowEmptyValue` or specify a non-empty initialValue"),e)),[O]),V=l.default(m);t.useEffect((()=>{V&&V!==m&&o.default.error("Decimal `precision` prop has changed value. Changing the Decimal `precision` prop has no effect.")}),[m,V]);const N=t.useCallback((e=>{const t=new RegExp(`[\\${C("group")} ]*`,"g");return e.replace(t,"")}),[C]),$=t.useCallback((e=>{var t;const n=(null===(t=C("group"))||void 0===t?void 0:t.match(/\s+/))&&!e.match(/\s{2,}/)?e.replace(/\s+/g,""):e,r=new RegExp("([^A-Za-z0-9]{2,})|(^[^A-Za-z0-9-]+)|([^0-9a-z-,.])|([^0-9-,.]+)|([W,.])$","g"),a=C("decimal"),l=new RegExp("."===a?`\\${a}`:a,"g");return n.match(r)||(n.match(l)||[]).length>1?n:N(n).replace(new RegExp(`\\${a}`,"g"),".")}),[C,N]),R=q(d||j||D),[F,S]=t.useState(P($(R))?R:k(R)),I=(e,t)=>({target:{name:x,id:y,value:{formattedValue:k($(e)),rawValue:t||$(e)}}}),W=void 0!==j,z=t.useRef();t.useEffect((()=>(s.default(z.current!==W,"Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component"),z.current=W,()=>{z.current=null})),[W]);const B=l.default(j);return t.useEffect((()=>{const e=$(F);if(W){const t=q(j);e!==t&&S(k(""===t&&""===B?D:t))}}),[D,k,q,W,B,F,$,j]),f||W||(f=!0,o.default.deprecate("Uncontrolled behaviour in `Decimal` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e.jsxs(e.Fragment,{children:[e.jsx(r.Textbox,p({align:c,readOnly:b,inputWidth:g,onChange:e=>{const{value:t}=e.target;S(t),h&&h(I(t))},onBlur:e=>{const{value:t}=e.target;let n;if(t){const e=$(t),r=P(e)?t:k(e);n=I(r,e),S(r)}else n=I(D),S(D);v&&v(n)},value:F,"data-component":"decimal",id:y,ref:i},w,u.default("decimal",w))),e.jsx("input",{name:x,value:$(F),type:"hidden","data-component":"hidden-input","data-role":"hidden-input"})]})}));m.displayName="Decimal",exports.Decimal=m,exports.default=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/utils/logger/index.js"),o=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js"),r=require("../../style/utils/color.js"),n=require("../../__internal__/dom/globals.js"),l=require("../../__internal__/utils/helpers/browser-type-check/index.js"),a=require("./icon-config.js"),c=require("./icon-unicodes.js");function u(e){return e&&e.__esModule?e:{default:e}}const d=u(e).default.span.attrs(o.default).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-74150e41-0"})(["",""],(({theme:o,color:u,bg:d,isInteractive:f,bgSize:g,bgShape:m,type:h,fontSize:b,disabled:p,hasTooltip:y})=>{let _="var(--colorsYin090)",S="transparent";const v=n.getWindow(),z=n.getNavigator(),j=function(e,t){const o={small:1,medium:2,large:3,"extra-large":4};return e&&t?o[t]<o[e]?(i.default.warn(`[WARNING - Icon] The "${t}" \`bgSize\` is smaller than "${e}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),a.default.backgroundSize[e]):a.default.backgroundSize[t]:t?a.default.backgroundSize[t]:void 0}(b,g);if(p)_="var(--colorsYin030)";else if(u){const{color:e}=r.default({color:u,theme:o});_=e}if(d){const{backgroundColor:e}=r.default({bg:d,theme:o});S=e}return e.css(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," ",""],_,S,j,j,m?`border-radius: ${a.default.backgroundShape[m]}`:"",f&&e.css(["&:not(:focus):hover{filter:brightness(0.9);}"]),c.default[h],b&&e.css(["font-size:",";line-height:",";"],a.default.iconSize[b],a.default.iconSize[b]),v&&"services"===h&&l.default(v)&&e.css(["margin-top:",";"],"small"===b?"-7px":"-8px"),z&&v&&"services"===h&&l.isSafari(z)&&!l.default(v)&&e.css(["margin-top:-6px;"]),y&&`\n :focus {\n ${s.default()}\n }\n `,t.margin)}));exports.default=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./pill.style.js"),t=require("../icon/icon.component.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("../icon-button/icon-button.component.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./pill.style.js"),t=require("../icon/icon.component.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("../../__internal__/utils/logger/index.js"),l=require("../icon-button/icon-button.component.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let a=!1;const c=c=>{var u,s,{wrapText:p,borderColor:b,colorVariant:f="neutral",isDarkBackground:d=!1,children:O,fill:y=!1,maxWidth:j,onClick:g,onDelete:h,pillRole:m="tag",size:k="M",ariaLabelOfRemoveButton:v="remove pill"}=c,w=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(c,["wrapText","borderColor","colorVariant","isDarkBackground","children","fill","maxWidth","onClick","onDelete","pillRole","size","ariaLabelOfRemoveButton"]);return a||d||"neutralWhite"!==f||y||(a=!0,n.default.warn("[WARNING] The `neutralWhite` variant should only be used on dark backgrounds with fill set to true. Please set the `isDarkBackground` and `fill` props to true or use another color variant.")),e.jsxs(r.default,(u=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){i(e,r,t[r])}))}return e}({inFill:y,colorVariant:f,isDarkBackground:d,isDeletable:!!h,pillRole:m,size:k,borderColor:b,onClick:g,maxWidth:j,wrapText:p},w,o.default("pill",w)),s=null!=(s={children:[O,h&&e.jsx(l.default,{onClick:h,"data-element":"close","aria-label":v,children:e.jsx(t.default,{type:"cross"})})]})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(u,Object.getOwnPropertyDescriptors(s)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(s)).forEach((function(e){Object.defineProperty(u,e,Object.getOwnPropertyDescriptor(s,e))})),u))};exports.Pill=c,exports.default=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),t=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("./profile.style.js");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
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),t=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../__internal__/utils/logger/index.js"),n=require("./profile.style.js");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 a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},l=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),l.forEach((function(r){o(e,r,t[r])}))}return e}let i=!1;const s=o=>{var{src:s,alt:c,className:u,initials:f,name:d,size:p,email:y,text:m,darkBackground:b,backgroundColor:g,foregroundColor:j}=o,O=function(e,r){if(null==e)return{};var t,l,n=function(e,r){if(null==e)return{};var t,l,n={},o=Object.keys(e);for(l=0;l<o.length;l++)t=o[l],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)t=o[l],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(o,["src","alt","className","initials","name","size","email","text","darkBackground","backgroundColor","foregroundColor"]);const P={darkBackground:b,alt:c,name:d,initials:f||function(e){if(!e)return"";const r=e.match(/\b\w/g);return r?r.join(""):""}(d).slice(0,3).toUpperCase(),size:p,backgroundColor:g,foregroundColor:j,"data-role":"profile-portrait"};return i||d||!y&&!m||(i=!0,l.default.warn("[WARNING] The `email` or `text` prop should not be used without the `name` prop in `Profile`. Please use the `name` prop as well as `email` or `text`.")),e.jsxs(n.ProfileStyle,(h=a({className:u,hasSrc:!!s,darkBackground:b},t.default("profile",O),r.default(O)),x=null!=(x={children:[s?e.jsx(n.ProfileAvatarStyle,a({src:s,"data-element":"user-image"},P)):e.jsx(n.ProfileAvatarStyle,a({},P)),d?e.jsxs(n.ProfileDetailsStyle,{size:p,hasSrc:!!s,"data-element":"details",children:[e.jsx(n.ProfileNameStyle,{size:p,"data-element":"name",children:d}),y&&e.jsx(n.ProfileEmailStyle,{href:`mailto: ${y}`,size:p,"data-role":"email-link",darkBackground:b,"data-element":"email",children:y}),m&&e.jsx(n.ProfileTextStyle,{size:p,"data-element":"text",children:m})]}):null]})?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(h,Object.getOwnPropertyDescriptors(x)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(x)).forEach((function(e){Object.defineProperty(h,e,Object.getOwnPropertyDescriptor(x,e))})),h));var h,x};exports.Profile=s,exports.default=s;
|
|
@@ -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/guid/index.js"),n=require("./option-group-header.style.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../__internal__/utils/helpers/guid/index.js"),n=require("../../../__internal__/utils/logger/index.js"),o=require("./option-group-header.style.js"),i=require("../../icon/icon.component.js");function l(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}const c=l(r).default.forwardRef(((l,c)=>{var{label:a,icon:s,style:p,id:f,children:d}=l,b=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(l,["label","icon","style","id","children"]);const O=r.useRef(f||t.default());return d||a||n.default.warn("OptionGroupHeader requires either a label or children to be provided"),e.jsx(o.default,(y=function(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}({style:p,id:O.current},b),j=null!=(j={ref:c,"data-component":"option-group-header",children:d||e.jsxs(e.Fragment,{children:[s&&e.jsx(i.default,{type:s}),e.jsx("h4",{children:a})]})})?j:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(j)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(j)).forEach((function(e){Object.defineProperty(y,e,Object.getOwnPropertyDescriptor(j,e))})),y));var y,j}));c.displayName="OptionGroupHeader",exports.default=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../icon/icon.component.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../icon/icon.component.js"),n=require("../icon-button/icon-button.component.js"),a=require("./step-flow.style.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../__internal__/utils/logger/index.js"),i=require("../typography/typography.component.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),c=require("./__internal__/step-flow.context.js"),p=require("./step-flow-title/step-flow-title.component.js");function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u=t.forwardRef(((u,b)=>{var f,y,{category:g,title:h,titleVariant:j="h1",totalSteps:S,currentStep:m,showProgressIndicator:v=!1,showCloseIcon:w=!1,onDismiss:O,"aria-label":x,"aria-labelledby":P,"aria-describedby":_}=u,I=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(u,["category","title","titleVariant","totalSteps","currentStep","showProgressIndicator","showCloseIcon","onDismiss","aria-label","aria-labelledby","aria-describedby"]);const q=Array.from({length:S},((e,t)=>t+1)),k=m>S?S:m;let C=!1,F=!1;!C&&m>S&&(C=!0,l.default.warn("[WARNING] The `currentStep` prop should not be higher than the `totalSteps`prop in `StepFlow`. Please ensure `currentStep`s value does not exceed that of `totalSteps`, in the meantime we have set `currentStep` value to that of `totalSteps`, and all indicators have been marked as completed.")),F||b||(F=!0,l.default.warn("[WARNING] A `ref` should be provided to ensure focus is programmatically focused back to a title div, this ensures screen reader users are informed regarding any changes and can navigate back down the page."));const z=q.map((t=>e.jsx(a.StyledProgressIndicator,{"aria-hidden":"true","data-role":"progress-indicator","data-element":"progress-indicator",isCompleted:t<k,isInProgress:t===k,"data-state":t===k?"in-progress":t<k?"is-completed":"not-completed",children:" "},t))),A=s.default(),D=e.jsx(n.default,{"data-element":"close","aria-label":null===(f=(y=A.stepFlow).closeIconAriaLabel)||void 0===f?void 0:f.call(y),onClick:O,children:e.jsx(r.default,{type:"close"})}),L=t.useRef(null);t.useImperativeHandle(b,(()=>({focus(){var e;null===(e=L.current)||void 0===e||e.focus()}})),[]);const R=e.jsx(c.StepFlowProvider,{value:{validatedCurrentStep:k,totalSteps:S,titleVariant:j,category:g,titleRef:L},children:"string"==typeof h?e.jsx(p.StepFlowTitle,{titleString:h}):h}),T=e.jsx(i.Typography,{variant:"span",fontWeight:"400",fontSize:"var(--fontSizes200)",lineHeight:"var(--sizing300)","data-element":"step-label","aria-hidden":"true",children:A.stepFlow.stepLabel(k,S)});return e.jsxs(a.StyledStepFlow,(N=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){d(e,t,r[t])}))}return e}({role:"group","aria-label":x,"aria-describedby":_,"aria-labelledby":P},I,o.default("step-flow",I)),W=null!=(W={children:[e.jsxs(a.StyledStepContent,{children:[g?e.jsxs(a.StyledStepContentText,{children:[e.jsx(i.Typography,{fontWeight:"400",fontSize:"var(--fontSizes100)",lineHeight:"var(--sizing250)",variant:"span","data-element":"category-text","aria-hidden":"true",children:g}),R]}):R,w?D:null]}),v?e.jsxs(a.StyledStepLabelAndProgress,{children:[T,e.jsx(a.StyledProgressIndicatorBar,{"data-element":"progress-indicator-bar","data-role":"progress-indicator-bar",children:z})]}):T]})?W:{},Object.getOwnPropertyDescriptors?Object.defineProperties(N,Object.getOwnPropertyDescriptors(W)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(W)).forEach((function(e){Object.defineProperty(N,e,Object.getOwnPropertyDescriptor(W,e))})),N));var N,W}));exports.StepFlow=u,exports.default=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./tab/tab.component.js"),n=require("../../__internal__/utils/helpers/events/events.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("./tabs.style.js"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./tab/tab.component.js"),n=require("../../__internal__/utils/helpers/events/events.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../../__internal__/utils/logger/index.js"),o=require("./tabs.style.js"),s=require("./__internal__/tabs-header/tabs-header.component.js"),l=require("./__internal__/tab-title/tab-title.component.js"),d=require("../drawer/__internal__/drawer-sidebar.context.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(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){u(e,t,r[t])}))}return e}function b(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.Tab=r.Tab,exports.Tabs=r=>{var{align:u="left",children:p,onTabChange:f,selectedTabId:g,renderHiddenTabs:h=!0,position:y="top",extendedLine:m=!0,size:O,borders:v="off",variant:j="default",validationStatusOverride:w,headerWidth:_,showValidationsSummary:I}=r,S=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(r,["align","children","onTabChange","selectedTabId","renderHiddenTabs","position","extendedLine","size","borders","variant","validationStatusOverride","headerWidth","showValidationsSummary"]);"left"!==y&&void 0!==_&&a.default.error("Invalid usage of prop headerWidth in Tabs. The headerWidth can be used only if position is set to left");const P=t.useMemo((()=>t.Children.toArray(p).filter((e=>e))),[p]),T=t.useMemo((()=>P.map((e=>e.props.tabId))),[P]),x=t.useMemo((()=>Array.from({length:P.length}).map((()=>t.createRef()))),[P.length]),k=t.useRef(g),[C,E]=t.useState(g||P[0].props.tabId),{isInSidebar:q}=t.useContext(d.default),[L,M]=t.useState({}),[W,D]=t.useState({}),[R,$]=t.useState({}),K=t.useCallback(((e,t)=>{M((r=>b(c({},r),{[e]:t})))}),[]),z=t.useCallback(((e,t)=>{D((r=>b(c({},r),{[e]:t})))}),[]),B=t.useCallback(((e,t)=>{$((r=>b(c({},r),{[e]:t})))}),[]),H=t.useCallback((e=>e===C),[C]),V=t.useCallback((e=>{H(e)||E(e),f&&f(e)}),[f,H]),A=t.useCallback((()=>{const{current:e}=k,t=e?T.indexOf(e):-1;var r;-1!==t&&(null===(r=x[t].current)||void 0===r||r.blur())}),[T,x]);t.useEffect((()=>{k.current!==g&&(g!==C&&(E(g),A()),k.current=g)}),[A,k,g,C]);const U=e=>t=>{n.default.isEventType(t,"keydown")||V(e)},F=(e,t)=>{e.preventDefault();let r=t;t<0?r=T.length-1:t===T.length&&(r=0),(e=>{var t,r;null===(t=e.current)||void 0===t||t.focus();const n=null===(r=e.current)||void 0===r?void 0:r.getBoundingClientRect();var i;n&&(n.top>=0&&n.left>=0&&n.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&n.right<=(window.innerWidth||document.documentElement.clientWidth)||null===(i=e.current)||void 0===i||i.scrollIntoView({behavior:"auto",inline:"center"}))})(x[r])},G=e=>t=>{const r=q||"left"===y,i=r&&n.default.isUpKey(t),a=r&&n.default.isDownKey(t),o=!r&&n.default.isLeftKey(t),s=!r&&n.default.isRightKey(t);i||o?F(t,e-1):(a||s)&&F(t,e+1)};return e.jsxs(o.default,b(c({position:q?"left":y,"data-role":"tabs",isInSidebar:q,headerWidth:_},S,i.default("tabs",S)),{children:[(()=>{const r=P.map(((e,r)=>{const{tabId:n,title:i,siblings:a,titlePosition:o,errorMessage:s,warningMessage:d,infoMessage:p,href:f,customLayout:g,titleProps:h}=e.props,m=`${n}-tab`,_=L[n],S=W[n],P=R[n],T=_&&Object.entries(_).filter((e=>e[1])).length,k=S&&Object.entries(S).filter((e=>e[1])).length,C=P&&Object.entries(P).filter((e=>e[1])).length,E=w&&w[n],M=E&&w[n].error,D=E&&w[n].warning,$=E&&w[n].info,K=void 0!==M?M:!!T,z=void 0!==D?D:!!k&&!K,B=void 0!==$?$:!!C&&!K&&!z,V=(e,t={})=>{const r=Object.values(t).filter((e=>e&&"string"==typeof e));return I&&r.length?1===r.length?r[0]:r.map((e=>`• ${e}`)).join("\n"):e};return t.createElement(l.default,b(c({},h),{position:q?"left":y,dataTabId:n,id:m,key:n,onClick:U(n),onKeyDown:G(r),ref:x[r],tabIndex:H(n)?0:-1,title:i,href:f,isTabSelected:H(n),error:K,warning:z,info:B,size:O||"default",borders:"off"!==v,siblings:a,titlePosition:o,errorMessage:V(s,_),warningMessage:V(d,S),infoMessage:V(p,P),alternateStyling:"alternate"===j,noLeftBorder:["no left side","no sides"].includes(v),noRightBorder:["no right side","no sides"].includes(v),customLayout:g,isInSidebar:q,align:u}))}));return e.jsx(s.default,{align:u,position:q?"left":y,role:"tablist",extendedLine:m,noRightBorder:["no right side","no sides"].includes(v),isInSidebar:q,size:O||"default",children:r})})(),(()=>{if(q)return null;if(!h){const e=P.find((e=>H(e.props.tabId)));return e&&t.cloneElement(e,b(c({},e.props),{role:"tabpanel",position:y,isTabSelected:H(e.props.tabId),key:`${e.props.tabId}-tab`,ariaLabelledby:`${e.props.tabId}-tab`,updateErrors:K,updateWarnings:z,updateInfos:B}))}return P.map((e=>t.cloneElement(e,b(c({},e.props),{role:"tabpanel",position:y,isTabSelected:H(e.props.tabId),key:`${e.props.tabId}-tab`,ariaLabelledby:`${e.props.tabId}-tab`,updateErrors:K,updateWarnings:z,updateInfos:B}))))})()]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@lexical/headless"),t=require("@lexical/html"),r=require("lexical"),
|
|
1
|
+
"use strict";var e=require("@lexical/headless"),t=require("@lexical/html"),r=require("lexical"),s=require("./constants.js"),o=require("../../../__internal__/utils/logger/index.js");const n=new RegExp(/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/);exports.DeserializeHTML=n=>{const a=e.createHeadlessEditor({namespace:"html-to-json",onError:e=>o.default.error(e.message),theme:s.theme,nodes:s.markdownNodes});let i;if(a.update((()=>{const e=(new DOMParser).parseFromString(n,"text/html"),s=t.$generateNodesFromDOM(a,e);r.$getRoot().select();const o=r.$getSelection();if(o)try{o.insertNodes(s)}catch(e){i=e}}),{discrete:!0}),i)throw i;const l=a.getEditorState().toJSON();return JSON.stringify(l)},exports.SerializeLexical=e=>{let r,s;return e.read((()=>{const o=e.getEditorState();s=o.toJSON(),r=t.$generateHtmlFromNodes(e,null)})),{htmlString:r,json:s}},exports.validateUrl=function(e){return"https://"===e||n.test(e)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalContentEditable"),a=require("@lexical/react/LexicalErrorBoundary"),i=require("@lexical/react/LexicalRichTextPlugin"),o=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalContentEditable"),a=require("@lexical/react/LexicalErrorBoundary"),i=require("@lexical/react/LexicalRichTextPlugin"),o=require("react"),n=require("../utils.js"),l=require("./constants.js"),c=require("../../../__internal__/utils/logger/index.js");const s=e=>{let r;if(!e)return n.createFromHTML("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return n.createFromHTML(e);const r=`<p dir="ltr"><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return n.createFromHTML(r)}return e};exports.default=({namespace:n="carbon-rte-readonly",value:u})=>{const d=o.useMemo((()=>({namespace:n,nodes:l.markdownNodes,onError:e=>c.default.error(e.message),theme:l.theme,editorState:s(u),editable:!1})),[n,u]);return e.jsx(r.LexicalComposer,{initialConfig:d,children:e.jsx(i.RichTextPlugin,{contentEditable:e.jsx(t.ContentEditable,{"data-role":`${n}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:a.LexicalErrorBoundary})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalClickableLinkPlugin"),n=require("@lexical/react/LexicalEditorRefPlugin"),i=require("@lexical/react/LexicalErrorBoundary"),a=require("@lexical/react/LexicalHistoryPlugin"),l=require("@lexical/react/LexicalMarkdownShortcutPlugin"),o=require("@lexical/react/LexicalRichTextPlugin"),s=require("@lexical/react/LexicalLinkPlugin"),u=require("@lexical/react/LexicalListPlugin"),c=require("lexical"),d=require("react"),p=require("./__internal__/helpers.js"),x=require("../../__internal__/label/label.component.js"),f=require("../../hooks/__internal__/useLocale/useLocale.js"),g=require("../../__internal__/utils/logger/index.js"),_=require("./__internal__/constants.js"),j=require("./__internal__/plugins/AutoLinker/auto-link.component.js"),b=require("./__internal__/plugins/CharacterCounter/character-counter.component.js"),m=require("./__internal__/plugins/ContentEditor/content-editor.component.js"),v=require("./__internal__/plugins/LinkMonitor/link-monitor.plugin.js");require("./__internal__/plugins/LinkPreviewer/link-previewer.style.js");var h=require("./__internal__/plugins/OnChange/on-change.plugin.js"),y=require("./__internal__/plugins/Placeholder/placeholder.component.js"),q=require("./__internal__/plugins/Toolbar/toolbar.component.js");require("./__internal__/plugins/useCursorAtEnd/index.js");var O=require("./text-editor.context.js"),w=require("./text-editor.style.js"),P=require("./utils.js"),L=require("../../__internal__/hint-text/hint-text.component.js"),E=require("../../__internal__/validation-message/validation-message.component.js"),k=require("../textbox/textbox.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var S=require("../../style/utils/filter-styled-system-margin-props.js"),C=require("../../__internal__/utils/helpers/tags/tags.js");function T(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function $(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){T(e,r,t[r])}))}return e}let R=!1;const H=d.forwardRef(((T,H)=>{var{characterLimit:B=3e3,error:M,footer:I,header:A,inputHint:F,isOptional:W=!1,labelText:D,namespace:N=_.COMPONENT_PREFIX,onBlur:U,onCancel:z,onChange:X,onFocus:G,onLinkAdded:J,onSave:K,placeholder:Q,previews:V=[],readOnly:Y=!1,required:Z=!1,rows:ee,warning:re,value:te,customPlugins:ne}=T,ie=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(T,["characterLimit","error","footer","header","inputHint","isOptional","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","warning","value","customPlugins"]);!R&&W&&(R=!0,g.default.deprecate("`isOptional` is deprecated in TextEditor and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const ae=d.useRef(void 0),le=f.default(),[oe,se]=d.useState(void 0),ue=d.useRef(null),[ce,de]=d.useState(!1);d.useImperativeHandle(H,(()=>({focus(){var e;null===(e=ue.current)||void 0===e||e.focus()}})),[]),d.useEffect((()=>{const e=null==ue?void 0:ue.current,r=()=>{de(!0)},t=()=>{de(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[ue]);const[pe,xe]=d.useState(!1),fe=d.useMemo((()=>({namespace:N,nodes:_.markdownNodes,onError:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalClickableLinkPlugin"),n=require("@lexical/react/LexicalEditorRefPlugin"),i=require("@lexical/react/LexicalErrorBoundary"),a=require("@lexical/react/LexicalHistoryPlugin"),l=require("@lexical/react/LexicalMarkdownShortcutPlugin"),o=require("@lexical/react/LexicalRichTextPlugin"),s=require("@lexical/react/LexicalLinkPlugin"),u=require("@lexical/react/LexicalListPlugin"),c=require("lexical"),d=require("react"),p=require("./__internal__/helpers.js"),x=require("../../__internal__/label/label.component.js"),f=require("../../hooks/__internal__/useLocale/useLocale.js"),g=require("../../__internal__/utils/logger/index.js"),_=require("./__internal__/constants.js"),j=require("./__internal__/plugins/AutoLinker/auto-link.component.js"),b=require("./__internal__/plugins/CharacterCounter/character-counter.component.js"),m=require("./__internal__/plugins/ContentEditor/content-editor.component.js"),v=require("./__internal__/plugins/LinkMonitor/link-monitor.plugin.js");require("./__internal__/plugins/LinkPreviewer/link-previewer.style.js");var h=require("./__internal__/plugins/OnChange/on-change.plugin.js"),y=require("./__internal__/plugins/Placeholder/placeholder.component.js"),q=require("./__internal__/plugins/Toolbar/toolbar.component.js");require("./__internal__/plugins/useCursorAtEnd/index.js");var O=require("./text-editor.context.js"),w=require("./text-editor.style.js"),P=require("./utils.js"),L=require("../../__internal__/hint-text/hint-text.component.js"),E=require("../../__internal__/validation-message/validation-message.component.js"),k=require("../textbox/textbox.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var S=require("../../style/utils/filter-styled-system-margin-props.js"),C=require("../../__internal__/utils/helpers/tags/tags.js");function T(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function $(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){T(e,r,t[r])}))}return e}let R=!1;const H=d.forwardRef(((T,H)=>{var{characterLimit:B=3e3,error:M,footer:I,header:A,inputHint:F,isOptional:W=!1,labelText:D,namespace:N=_.COMPONENT_PREFIX,onBlur:U,onCancel:z,onChange:X,onFocus:G,onLinkAdded:J,onSave:K,placeholder:Q,previews:V=[],readOnly:Y=!1,required:Z=!1,rows:ee,warning:re,value:te,customPlugins:ne}=T,ie=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(T,["characterLimit","error","footer","header","inputHint","isOptional","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","warning","value","customPlugins"]);!R&&W&&(R=!0,g.default.deprecate("`isOptional` is deprecated in TextEditor and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const ae=d.useRef(void 0),le=f.default(),[oe,se]=d.useState(void 0),ue=d.useRef(null),[ce,de]=d.useState(!1);d.useImperativeHandle(H,(()=>({focus(){var e;null===(e=ue.current)||void 0===e||e.focus()}})),[]),d.useEffect((()=>{const e=null==ue?void 0:ue.current,r=()=>{de(!0)},t=()=>{de(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[ue]);const[pe,xe]=d.useState(!1),fe=d.useMemo((()=>({namespace:N,nodes:_.markdownNodes,onError:e=>g.default.error(e.message),theme:_.theme,editorState:te,editable:!Y})),[N,Y,te]),ge=d.useCallback((e=>{const r=e.read((()=>c.$getRoot().getTextContent()));if(X){const e=ae.current?p.SerializeLexical(ae.current):{};null==X||X(r,e)}if(B>0){const e=B-r.length;se(e<0?le.textEditor.characterLimit(Math.abs(e)):void 0)}}),[B,le.textEditor,X]),_e=d.useCallback((()=>{var e;(null===(e=ae.current)||void 0===e?void 0:e.isEditable())&&z&&(xe((e=>!e)),z())}),[z]);d.useEffect((()=>{const e=te||P.createEmpty();if(ae.current){const r=ae.current.parseEditorState(e);ae.current.setEditorState(r)}}),[pe,te]);const je=d.useMemo((()=>({namespace:N,onCancel:z?_e:void 0,onSave:K})),[_e,N,z,K]),be=re||oe;return e.jsx(w.StyledTextEditorWrapper,(me=$({"data-role":`${N}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==U||U(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==G||G(e)}},S.default(ie),C.default("text-editor",ie)),ve=null!=(ve={children:e.jsxs(O.default.Provider,{value:{onLinkAdded:J},children:[e.jsx(x.default,{isRequired:Z,optional:W,labelId:`${N}-label`,children:D}),F&&e.jsx(L.HintText,{id:`${N}-input-hint`,marginBottom:"var(--spacing100)",children:F}),e.jsxs(r.LexicalComposer,{initialConfig:fe,children:[e.jsx(n.EditorRefPlugin,{editorRef:ae}),e.jsxs(w.StyledWrapper,{"data-role":`${N}-wrapper`,children:[e.jsx(E.default,{error:M,warning:be,validationId:`${N}-validation-message`,"data-role":`${N}-validation-message`}),(M||be)&&e.jsx(k.default,{warning:!(M||!be)}),e.jsxs(w.StyledEditorToolbarWrapper,{"data-role":`${N}-editor-toolbar-wrapper`,id:`${N}-editor-toolbar-wrapper`,focused:ce,error:!!M,children:[A&&e.jsx(w.StyledHeaderWrapper,{"data-role":`${N}-header-wrapper`,children:A}),!Y&&e.jsx(q.default,$({hasHeader:Boolean(A)},je)),e.jsxs(w.StyledTextEditor,{"data-role":`${N}-editor`,children:[e.jsx(o.RichTextPlugin,{contentEditable:e.jsx(m.default,{ref:ue,inputHint:F,namespace:N,previews:V,rows:ee,readOnly:Y,required:Z,error:!!M,warning:!!re||!!oe}),placeholder:e.jsx(y.default,{namespace:N,text:Q}),ErrorBoundary:i.LexicalErrorBoundary}),e.jsx(u.ListPlugin,{}),e.jsx(a.HistoryPlugin,{}),e.jsx(l.MarkdownShortcutPlugin,{}),e.jsx(h.default,{onChange:ge}),e.jsx(s.LinkPlugin,{validateUrl:p.validateUrl}),e.jsx(t.ClickableLinkPlugin,{newTab:!0}),e.jsx(j.default,{}),ne]}),I&&e.jsx(w.StyledFooterWrapper,{"data-role":`${N}-footer-wrapper`,children:I}),e.jsx(v.default,{})]}),B>0&&!Y&&e.jsx(b.default,{maxChars:B,namespace:N})]})]})]})})?ve:{},Object.getOwnPropertyDescriptors?Object.defineProperties(me,Object.getOwnPropertyDescriptors(ve)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(ve)).forEach((function(e){Object.defineProperty(me,e,Object.getOwnPropertyDescriptor(ve,e))})),me));var me,ve}));exports.TextEditor=H,exports.default=H;
|
|
@@ -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"),i=require("../../__internal__/input/input.component.js"),n=require("../../__internal__/input/input-presentation.component.js"),l=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/useCharacterCount/useCharacterCount.js"),o=require("../../__internal__/input-behaviour/input-behaviour.component.js"),d=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("./textarea.style.js"),c=require("../../__internal__/tooltip-provider/index.js"),p=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),b=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../textbox/textbox.style.js"),h=require("../../__internal__/validation-message/validation-message.component.js"),v=require("../box/box.component.js"),_=require("../../__internal__/utils/logger/index.js"),g=require("../../__internal__/hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var y=require("../../style/utils/filter-styled-system-margin-props.js");function m(e){return e&&e.__esModule?e:{default:e}}function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function x(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){j(e,r,t[r])}))}return e}let O=!1,I=!1,w=!1,H=!1;const q=m(r).default.forwardRef(((m,j)=>{var{"aria-labelledby":q,"aria-describedby":T,ariaDescribedBy:E,autoFocus:P,inputHint:L,fieldHelp:B,label:A,children:R,characterLimit:D,onChange:k,onFocus:S,onBlur:C,disabled:F=!1,labelInline:W,labelAlign:M,labelHelp:N,labelSpacing:U,inputIcon:G,id:z,error:V,warning:$,info:J,name:K,readOnly:Q=!1,placeholder:X,expandable:Y=!1,rows:Z,validationOnLabel:ee=!1,adaptiveLabelBreakpoint:re,inputWidth:te,maxWidth:ie,labelWidth:ne=30,tooltipPosition:le,value:ae,"data-element":oe,"data-role":de,helpAriaLabel:se,borderRadius:ue,hideBorders:ce=!1,required:pe,isOptional:be,minHeight:fe=u.DEFAULT_MIN_HEIGHT}=m,he=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},l=Object.keys(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(m,["aria-labelledby","aria-describedby","ariaDescribedBy","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight"]);!I&&be&&(I=!0,_.default.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:ve}=r.useContext(b.default),_e=!ve&&W,[ge,ye]=r.useState(u.DEFAULT_MIN_HEIGHT),me=e=>ve?void 0:e,{current:je}=r.useRef(z||s.default()),xe=r.useRef(null),Oe=r.useCallback((e=>{xe.current=e,j&&("current"in j?j.current=e:j(e))}),[j]),[Ie,we]=r.useState("off");w||k||(w=!0,_.default.deprecate("Uncontrolled behaviour in `Textarea` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),!O&&E&&(O=!0,_.default.deprecate("The `ariaDescribedBy` prop in `Textarea` is deprecated and will soon be removed, please use `aria-describedby` instead.")),Array.isArray(ue)&&ue.length>4&&!H&&(
|
|
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"),i=require("../../__internal__/input/input.component.js"),n=require("../../__internal__/input/input-presentation.component.js"),l=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/useCharacterCount/useCharacterCount.js"),o=require("../../__internal__/input-behaviour/input-behaviour.component.js"),d=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("./textarea.style.js"),c=require("../../__internal__/tooltip-provider/index.js"),p=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),b=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../textbox/textbox.style.js"),h=require("../../__internal__/validation-message/validation-message.component.js"),v=require("../box/box.component.js"),_=require("../../__internal__/utils/logger/index.js"),g=require("../../__internal__/hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var y=require("../../style/utils/filter-styled-system-margin-props.js");function m(e){return e&&e.__esModule?e:{default:e}}function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function x(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){j(e,r,t[r])}))}return e}let O=!1,I=!1,w=!1,H=!1;const q=m(r).default.forwardRef(((m,j)=>{var{"aria-labelledby":q,"aria-describedby":T,ariaDescribedBy:E,autoFocus:P,inputHint:L,fieldHelp:B,label:A,children:R,characterLimit:D,onChange:k,onFocus:S,onBlur:C,disabled:F=!1,labelInline:W,labelAlign:M,labelHelp:N,labelSpacing:U,inputIcon:G,id:z,error:V,warning:$,info:J,name:K,readOnly:Q=!1,placeholder:X,expandable:Y=!1,rows:Z,validationOnLabel:ee=!1,adaptiveLabelBreakpoint:re,inputWidth:te,maxWidth:ie,labelWidth:ne=30,tooltipPosition:le,value:ae,"data-element":oe,"data-role":de,helpAriaLabel:se,borderRadius:ue,hideBorders:ce=!1,required:pe,isOptional:be,minHeight:fe=u.DEFAULT_MIN_HEIGHT}=m,he=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},l=Object.keys(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(m,["aria-labelledby","aria-describedby","ariaDescribedBy","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight"]);!I&&be&&(I=!0,_.default.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:ve}=r.useContext(b.default),_e=!ve&&W,[ge,ye]=r.useState(u.DEFAULT_MIN_HEIGHT),me=e=>ve?void 0:e,{current:je}=r.useRef(z||s.default()),xe=r.useRef(null),Oe=r.useCallback((e=>{xe.current=e,j&&("current"in j?j.current=e:j(e))}),[j]),[Ie,we]=r.useState("off");w||k||(w=!0,_.default.deprecate("Uncontrolled behaviour in `Textarea` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),!O&&E&&(O=!0,_.default.deprecate("The `ariaDescribedBy` prop in `Textarea` is deprecated and will soon be removed, please use `aria-describedby` instead.")),Array.isArray(ue)&&ue.length>4&&!H&&(_.default.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),H=!0);const He=r.useCallback((()=>{const e=xe.current;if((null==e?void 0:e.scrollHeight)&&(null==e?void 0:e.scrollHeight)>ge){let r=e;for(;r&&!(null==r?void 0:r.scrollTop);)r=(null==r?void 0:r.parentElement)||null;const t=null==r?void 0:r.scrollTop;e.style.height="auto",e.style.height=`${Math.max(e.scrollHeight,ge)}px`,r&&t&&(r.scrollTop=t)}}),[ge]),{labelId:qe,validationId:Te,fieldHelpId:Ee,ariaDescribedBy:Pe}=p.default({id:je,validationRedesignOptIn:ve,error:V,warning:$,info:J,label:A,fieldHelp:B}),[Le,Be]=a.default(ae,D,Ie);r.useEffect((()=>{var e;ye(Z?(null==xe||null===(e=xe.current)||void 0===e?void 0:e.scrollHeight)||0:fe>u.DEFAULT_MIN_HEIGHT?fe:u.DEFAULT_MIN_HEIGHT)}),[fe,Z]),r.useEffect((()=>{Y&&He()})),r.useEffect((()=>{var e,r;return Y&&(window.addEventListener("resize",He),ye((null==xe||null===(e=xe.current)||void 0===e?void 0:e.clientHeight)||0),null===(r=document.fonts)||void 0===r||r.addEventListener("loadingdone",He)),()=>{var e;Y&&(window.removeEventListener("resize",He),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",He))}}),[He,Y]);const Ae=!!(G||Te&&!ee),Re=r.useRef(s.default()),De=L?Re.current:void 0,ke=[Pe,De,Be,T||E].filter(Boolean).join(" "),Se=e.jsxs(n.default,{disabled:F,readOnly:Q,inputWidth:"number"==typeof te?te:100-ne,maxWidth:ie,error:V,warning:$,info:J,borderRadius:ue,hideBorders:ce,children:[e.jsx(i.default,x({"aria-invalid":!!V,"aria-labelledby":q,"aria-describedby":ke,autoFocus:P,name:K,value:ae,ref:Oe,onChange:k,onFocus:e=>{D&&we("polite"),null==S||S(e)},onBlur:e=>{D&&we("off"),null==C||C(e)},disabled:F,readOnly:Q,placeholder:F?"":X,rows:Z,id:je,as:"textarea",validationIconId:ve?void 0:Te,inputBorderRadius:ue,required:pe},he)),R,e.jsx(d.default,{disabled:F,readOnly:Q,inputIcon:G,error:V,warning:$,info:J,validationIconId:ve?void 0:Te,useValidationIcon:!(ve||ee)})]}),Ce=y.default(he);return e.jsx(c.TooltipProvider,{tooltipPosition:le,helpAriaLabel:se,children:e.jsx(o.InputBehaviour,{children:e.jsxs(u.default,(Fe=x({labelInline:_e,hasIcon:Ae,minHeight:ge},Ce,t.default("textarea",{"data-element":oe,"data-role":de})),We={children:[e.jsxs(l.default,{fieldHelp:me(B),fieldHelpId:Ee,error:V,warning:$,info:J,label:A,labelId:qe,disabled:F,id:je,labelInline:me(_e),labelAlign:M,labelWidth:me(ne),labelHelp:me(N),labelSpacing:U,isRequired:pe,isOptional:be,useValidationIcon:me(ee),adaptiveLabelBreakpoint:re,validationRedesignOptIn:ve,my:0,children:[(L||N&&ve)&&e.jsx(g.HintText,{align:M,id:De,"data-element":"input-hint",children:L||N}),ve?e.jsxs(v.Box,{position:"relative",children:[e.jsx(h.default,{error:V,validationId:Te,warning:$}),(V||$)&&e.jsx(f.default,{warning:!(V||!$)}),Se]}):Se]}),Le]},We=null!=We?We:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Fe,Object.getOwnPropertyDescriptors(We)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(We)).forEach((function(e){Object.defineProperty(Fe,e,Object.getOwnPropertyDescriptor(We,e))})),Fe))})});var Fe,We}));q.displayName="Textarea",exports.OriginalTextarea=q,exports.Textarea=q,exports.default=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../__internal__/utils/logger/index.js");const s=r.createContext(0),u=()=>{const e=r.useContext(s);return void 0===e?(t.default.error("useDepth must be used within a DepthProvider. Please ensure you are using the correct context."),-1):e};exports.DepthProvider=({children:r,value:t=0})=>e.jsx(s.Provider,{value:t,children:r}),exports.IncreaseDepth=({children:r})=>{const t=u();return e.jsx(s.Provider,{value:t+1,children:r})},exports.default=s,exports.useDepth=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react");const
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../__internal__/utils/logger/index.js");const s=t.createContext(void 0);exports.MenuFocusProvider=({children:r})=>{const[n,d]=t.useState([]),[u,c]=t.useState(null),l=t.useRef(new Map),i=t.useCallback(((e,t,r)=>{if(l.current.set(e,{ref:t,parentId:r,childIds:[]}),r){const t=l.current.get(r);null==t||t.childIds.push(e)}}),[]),a=t.useCallback((()=>Array.from(l.current.entries()).map((([e,{ref:t,parentId:r,childIds:s}])=>({id:e,ref:t,parentId:r,childIds:s})))),[]),o=t.useCallback((e=>{var t;const r=l.current.get(e);(null==r||null===(t=r.ref)||void 0===t?void 0:t.current)&&(r.ref.current.focus(),c(e))}),[]),I=t.useCallback(((e,t)=>{d(t?t=>[...t,e]:t=>t.filter((t=>t!==e)))}),[]),f=t.useCallback((e=>{if(!u)return;const t=l.current.get(u);if(!t)return;let r=[],s=[],d=-1;switch(e){case"parent":t.parentId&&o(t.parentId);break;case"firstChild":t.childIds.length>0&&(n.includes(u)||I(u,!0),o(t.childIds[0]));break;case"lastChild":if(t.childIds.length>0){const e=t.childIds[t.childIds.length-1];if(e)if(n.includes(e)){const t=a().find((t=>t.id===e));t&&o(t.childIds[t.childIds.length-1])}else o(e)}break;default:if(r=Array.from(l.current.keys()),s=r.filter((e=>{const t=l.current.get(e);return!t||!t.parentId||n.includes(t.parentId)})),d=s.indexOf(u),-1!==d){const t="next"===e?(d+1)%s.length:(d-1+s.length)%s.length;o(s[t])}}}),[u,o,n,I,a]),h={expandedItems:n,expandItem:I,focusedItemId:u,focusItem:o,getRegisteredItems:a,registerMenuItem:i,moveFocus:f};return e.jsx(s.Provider,{value:h,children:r})},exports.useMenuFocus=()=>t.useContext(s)||(r.default.error("useMenuFocus must be used within a MenuFocusProvider"),{expandedItems:[],expandItem:()=>{},focusedItemId:null,getRegisteredItems:()=>[],focusItem:()=>{},moveFocus:()=>{},registerMenuItem:()=>{}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../../icon/icon.component.js"),i=require("../../../../style/utils/add-focus-styling.js");function
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../../icon/icon.component.js"),i=require("../../../../style/utils/add-focus-styling.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(e);const r=(e,t)=>e&&t?"180deg":"0deg",a=e.css(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:0 var(--spacing200);width:100%;max-width:340px;"," ",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],t.margin,t.padding,i.default(!0)),d=s.default(n.default).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"sc-986e9f33-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>r(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:t,expanded:n,reduceMotion:i})=>n&&e.css(["rotate:",";transition:rotate "," ease-out;"],r(t,n),i?0:"0.2s"))),c=s.default.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"sc-986e9f33-1"})(["align-items:center;display:flex;flex-direction:row;gap:var(--spacing100);svg{margin-right:var(--spacing100);max-width:var(--sizing300);min-width:var(--sizing300);}"]),l=s.default.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"sc-986e9f33-2"})(["box-sizing:border-box;display:flex;justify-content:",";padding:0 16px;width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:t,responsive:n})=>1===t&&n&&e.css(["padding:0 0 0 16px;"]))),p=s.default.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"sc-986e9f33-3"})([""," > a{","}"],(({depth:t,hasIcon:n})=>e.css(["width:",";"],t<2&&!n?"100%":"88%")),(({depth:t})=>e.css(["font-weight:var(--fontWeights500);",";"],1===t&&e.css(["font-weight:var(--fontWeights400);margin-left:var(--spacing200);margin-right:var(--spacing200);"])))),g=s.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"sc-986e9f33-4"})([""," "," ",""],a,(({active:t,responsive:n})=>t&&!n&&e.css(["background-color:var(--colorsGray850);"])),(({depth:t,responsive:n})=>0===t&&n&&e.css(["color:var(--colorsUtilityYang080);cursor:default;"]))),u=s.default.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuAction",componentId:"sc-986e9f33-5"})([""," height:40px;text-decoration:none;"],a);exports.StyledIcon=d,exports.StyledMenuItemContent=c,exports.StyledNestedMenu=p,exports.StyledNestedMenuWrapper=l,exports.StyledResponsiveMenuAction=u,exports.StyledResponsiveMenuItem=g;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "carbon-react",
|
|
3
|
-
"version": "154.13.
|
|
3
|
+
"version": "154.13.6",
|
|
4
4
|
"description": "A library of reusable React components for easily building user interfaces.",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib",
|
|
@@ -117,7 +117,6 @@
|
|
|
117
117
|
"@types/react-is": "^17.0.4",
|
|
118
118
|
"@types/react-transition-group": "^4.4.9",
|
|
119
119
|
"@types/sinon": "^17.0.3",
|
|
120
|
-
"@types/sprintf-js": "^1.1.4",
|
|
121
120
|
"@types/styled-components": "5.1.34",
|
|
122
121
|
"@types/uuid": "^8.3.4",
|
|
123
122
|
"@typescript-eslint/eslint-plugin": "^6.0.0",
|
|
@@ -180,7 +179,6 @@
|
|
|
180
179
|
"rollup-plugin-visualizer": "^5.14.0",
|
|
181
180
|
"semantic-release": "^24.2.3",
|
|
182
181
|
"semver": "^7.5.4",
|
|
183
|
-
"sprintf-js": "^1.1.3",
|
|
184
182
|
"storybook": "~8.6.12",
|
|
185
183
|
"storybook-addon-pseudo-states": "~4.0.2",
|
|
186
184
|
"styled-components": "^5.3.11",
|