carbon-react 154.7.2 → 154.7.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/date/__internal__/date-formats/index.js +1 -1
- package/esm/components/date/date.component.js +1 -1
- package/esm/components/date-range/date-range.component.d.ts +1 -1
- package/esm/components/date-range/date-range.component.js +1 -1
- package/esm/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
- package/esm/components/global-header/global-header.component.js +1 -1
- package/esm/components/icon/icon.component.js +1 -1
- package/esm/components/text-editor/text-editor.style.d.ts +1 -2
- package/esm/components/text-editor/text-editor.style.js +1 -1
- package/lib/components/date/__internal__/date-formats/index.js +1 -1
- package/lib/components/date/date.component.js +1 -1
- package/lib/components/date-range/date-range.component.d.ts +1 -1
- package/lib/components/date-range/date-range.component.js +1 -1
- package/lib/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
- package/lib/components/global-header/global-header.component.js +1 -1
- package/lib/components/icon/icon.component.js +1 -1
- package/lib/components/text-editor/text-editor.style.d.ts +1 -2
- package/lib/components/text-editor/text-editor.style.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],
|
|
1
|
+
const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],r=(y,d,M)=>{const r=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const a=[...y,t];return t.includes(" ")&&r.forEach((y=>{d===y&&M&&a.push(`${t.replace(/ /g,y)}${M}`),a.push(t.replace(/ /g,y))})),a}),[])},a=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,o=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d},e=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB",{format:t,separator:e}=(y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const r=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:r.substring(0,10),separator:t}:{format:r,separator:t}})(M),n={"en-CA":{format:"MM/dd/yyyy",separator:"/"},"en-US":{format:"MM/dd/yyyy",separator:"/"},"fr-CA":{format:"dd/MM/yyyy"},"en-ZA":{format:"dd/MM/yyyy"},"ar-EG":{format:"dd/MM/yyyy"}}[M]||{};var s;const l=null!==(s=null!=d?d:n.format)&&void 0!==s?s:t;var u;const c=null!==(u=n.separator)&&void 0!==u?u:e;return{format:l,formats:r(a(l),c,o(l))}};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useMemo as a,useContext as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useMemo as a,useContext as o,useState as l,useCallback as i,useEffect as u}from"react";import{isValidLocaleDate as s,checkISOFormatAndLength as c,parseISODate as p,parseDate as d,findMatchedFormatAndValue as m,isDateValid as f,additionalYears as b,formattedValue as y,getSeparator as O,formatToISO as v}from"./__internal__/utils.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import k from"../../style/utils/filter-out-styled-system-spacing-props.js";import P from"./__internal__/date-formats/index.js";import h from"./date.style.js";import{Textbox as w}from"../textbox/textbox.component.js";import{DatePicker as D}from"./__internal__/date-picker/date-picker.component.js";import x from"../date-range/__internal__/date-range.context.js";import L from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import C from"../../__internal__/utils/helpers/guid/index.js";import B from"../../__internal__/utils/helpers/tags/tags.js";function W(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(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){W(e,t,r[t])}))}return e}function A(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 I=r.forwardRef(((r,W)=>{var{adaptiveLabelBreakpoint:I,allowEmptyValue:S,autoFocus:E,"data-element":K,"data-role":V,disabled:M,disablePortal:z=!1,helpAriaLabel:R,labelInline:N,minDate:T,maxDate:q,onBlur:G,onChange:U,onClick:$,onFocus:H,onKeyDown:J,pickerProps:Q,readOnly:X,size:Y="medium",tooltipPosition:Z,value:ee,inputWidth:te,labelWidth:re,maxWidth:ne,inputName:ae,onPickerClose:oe,onPickerOpen:le,dateFormatOverride:ie,datePickerAriaLabel:ue,datePickerAriaLabelledBy:se}=r,ce=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}(r,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const pe=n(null),de=n(null),me=n(null),fe=n(!1),be=n(!1),ye=n(!1),Oe=g(),{dateFnsLocale:ve,dateFormatOverride:ge}=Oe.date,{format:_e,formats:je}=a((()=>P(ve(),ie||ge)),[ve,ge,ie]),{inputRefMap:ke,setInputRefMap:Pe}=o(x),[he,we]=l(!1),[De,xe]=l((()=>{if(s(ee,ve()))return c(ee)?p(ee):d(_e,ee)})),Le=n(!0),Ce=n(C()),Be=e=>S&&!e.length?e:null,We=e=>{const{id:t,name:r}=e.target,[n,a]=m(e.target.value,je),o="blur"===e.type?y(_e,De):e.target.value,l=f(d(n,a))?v(...b(n,a)):Be(e.target.value);return{target:A(F({},r&&{name:r},t&&{id:t}),{value:{formattedValue:o,rawValue:l}})}},Fe=L((()=>{var e,t;he&&(fe.current=!0,null===(e=me.current)||void 0===e||e.focus(),be.current=!1,null===(t=me.current)||void 0===t||t.blur(),we(!1),null==oe||oe(),fe.current=!1)}),"mousedown"),Ae=i((e=>{he&&_.isEscKey(e)&&(we(!1),null==oe||oe(),e.stopPropagation())}),[oe,he]),Ie=e=>{$&&$(e)},Se=i((e=>{var t;me.current=e,de.current=null==e?void 0:e.parentElement,W&&("function"==typeof W?W(e):W.current=e),ae&&(null==ke||null===(t=ke[ae])||void 0===t?void 0:t.setOpen)!==we&&(null==Pe||Pe({[ae]:{isBlurBlocked:be,setOpen:we}}))}),[ae,ke,Pe,W]);u((()=>{const[e,t]=m(ee,je);e&&t&&f(d(e,t))?xe(d(...b(e,t))):c(ee)&&Le.current?xe(p(ee)):xe(void 0)}),[ee,je]);const Ee=j(ce);return e(h,A(F(A(F({ref:pe,role:"presentation",size:Y,labelInline:N},Ee),{applyDateRangeStyling:!!ke,maxWidth:ne,inputWidth:te}),B("date",{"data-element":K,"data-role":V})),{children:[t(w,A(F({},k(ce)),{"data-component":"date-input",value:(()=>{if(c(ee)&&Le.current)return y(_e,p(ee));const e=O(ee),t=O(_e),r=()=>ee.split("").map((r=>r===e?t:r)).join("");if(Le.current&&e!==t&&f(d(_e,r()))){Le.current=!1;const[e,t]=m(r(),je);return y(_e,d(...b(e,t)))}return ee})(),onBlur:e=>{if(M||X)return;let t;if(f(De)){t=We(e);const r=c(ee)?y(_e,p(ee)):ee,[,n]=m(r,je);y(_e,De)!==n&&U(t)}else{const{id:r,name:n}=e.target;t={target:A(F({},n&&{name:n},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:Be(e.target.value)}})}}be.current||G&&G(t)},onChange:e=>{Le.current=!1,U(We(e))},onClick:Ie,onFocus:e=>{M||X||(be.current=!1,he||fe.current?fe.current=!1:(we(!0),null==le||le()),H&&H(e))},onKeyUp:Ae,onKeyDown:e=>{if(J&&J(e),he&&_.isTabKey(e)){if(_.isShiftKey(e))we(!1),null==oe||oe();else if(!z){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Ce.current}"]`))||void 0===t||t.focus()}fe.current=!1}},iconOnClick:Ie,onMouseDown:()=>{Fe(),Pe&&(be.current=!0),he||(we(!0),null==le||le())},iconOnMouseDown:()=>{be.current=!0,fe.current=!0,Fe(),he?(we(!1),null==oe||oe()):(we(!0),null==le||le())},inputIcon:"calendar",labelInline:N,ref:Se,adaptiveLabelBreakpoint:I,tooltipPosition:Z,helpAriaLabel:R,autoFocus:E,size:Y,disabled:M,readOnly:X,inputWidth:te,labelWidth:re,maxWidth:ne,m:0})),t(D,{disablePortal:z,inputElement:de,pickerProps:Q,selectedDays:De,onDayClick:(e,t)=>{var r;xe(e),U(We(A(F({},t),{target:A(F({},t.target),{value:y(_e,e)})}))),ye.current=!0,null===(r=me.current)||void 0===r||r.focus(),we(!1)},minDate:T,maxDate:q,pickerMouseDown:()=>{be.current=!0,Fe()},open:he,setOpen:we,pickerTabGuardId:Ce.current,onPickerClose:oe,ariaLabel:ue,ariaLabelledBy:se})]}))}));I.displayName="DateInput";export{I as DateInput,I as default};
|
|
@@ -100,7 +100,7 @@ export interface DateRangeProps extends StyledDateRangeProps, MarginProps, TagPr
|
|
|
100
100
|
datePickerEndAriaLabelledBy?: string;
|
|
101
101
|
}
|
|
102
102
|
export declare const DateRange: {
|
|
103
|
-
({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
|
|
103
|
+
({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, dateFormatOverride: dateFormatOverrideProp, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
|
|
104
104
|
displayName: string;
|
|
105
105
|
};
|
|
106
106
|
export default DateRange;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,useMemo as a,useState as n,useCallback as l,useEffect as o}from"react";import{checkISOFormatAndLength as i,formattedValue as s,parseISODate as d,formatToISO as u}from"../date/__internal__/utils.js";import{DateInput as c}from"../date/date.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import f from"./date-range.style.js";import b from"../../__internal__/utils/helpers/events/events.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import v from"../../hooks/__internal__/usePrevious/index.js";import O from"../date/__internal__/date-formats/index.js";import g from"./__internal__/date-range.context.js";import _ from"../carbon-provider/__internal__/new-validation.context.js";import P from"../../__internal__/utils/logger/index.js";function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){j(e,t,r[t])}))}return e}function k(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}let h=!1;const B=j=>{var{endDateProps:B={},id:L,labelsInline:V,name:E,onBlur:A,onChange:D,startDateProps:S={},tooltipPosition:x,validationOnLabel:I,value:R,startRef:
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,useMemo as a,useState as n,useCallback as l,useEffect as o}from"react";import{checkISOFormatAndLength as i,formattedValue as s,parseISODate as d,formatToISO as u}from"../date/__internal__/utils.js";import{DateInput as c}from"../date/date.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import f from"./date-range.style.js";import b from"../../__internal__/utils/helpers/events/events.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import v from"../../hooks/__internal__/usePrevious/index.js";import O from"../date/__internal__/date-formats/index.js";import g from"./__internal__/date-range.context.js";import _ from"../carbon-provider/__internal__/new-validation.context.js";import P from"../../__internal__/utils/logger/index.js";function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){j(e,t,r[t])}))}return e}function k(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}let h=!1;const B=j=>{var{endDateProps:B={},id:L,labelsInline:V,name:E,onBlur:A,onChange:D,startDateProps:S={},tooltipPosition:x,validationOnLabel:I,value:R,startRef:F,endRef:q,required:K,isOptional:$,dateFormatOverride:C,datePickerStartAriaLabel:N,datePickerStartAriaLabelledBy:W,datePickerEndAriaLabel:M,datePickerEndAriaLabelledBy:T}=j,z=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(j,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","dateFormatOverride","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!h&&$&&(h=!0,P.deprecate("`isOptional` is deprecated in DateRange 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:G}=r(_),H=!G&&V,J=y(),{dateFnsLocale:Q,dateFormatOverride:U}=J.date,{format:X}=a((()=>O(Q(),C||U)),[Q,C,U]),[Y,Z]=n(""),ee=l((e=>i(e)?s(X,d(e)):e),[X]),te=l((()=>{const{value:e}=S;return ee(e||R[0])}),[S,R,ee]),re=l((()=>{const{value:e}=B;return ee(e||R[1])}),[B,R,ee]),[ae,ne]=n({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function le(e,t){return e&&!t.length}const[oe,ie]=n({formattedValue:te(),rawValue:le(!!S.allowEmptyValue,te())?"":u(X,te())}),[se,de]=n({formattedValue:re(),rawValue:le(!!B.allowEmptyValue,re())?"":u(X,re())}),ue=v(R);o((()=>{(null==ue?void 0:ue.length)&&(R[0]!==ue[0]||R[1]!==ue[1])&&(ie({formattedValue:te(),rawValue:le(!!S.allowEmptyValue,te())?"":u(X,te())}),de({formattedValue:re(),rawValue:le(!!B.allowEmptyValue,re())?"":u(X,re())}))}),[R,ue,B.allowEmptyValue,X,re,te,S.allowEmptyValue]);const ce=l(((e,t)=>{const r="start"===e?t:oe,a="end"===e?t:se;return Z(e),{target:k(w({},E&&{name:E},L&&{id:L}),{value:[r,a]})}}),[se,L,E,oe]),pe=(e,t)=>{"start"===e?ie(w({},t.target.value)):de(w({},t.target.value));const r=ce(e,t.target.value);D(r)},me=e=>{pe("start",e)},fe=e=>{pe("end",e)},be=e=>{var t,r;if(!(null==ae||null===(t=ae.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==ae||null===(r=ae.end)||void 0===r?void 0:r.isBlurBlocked.current)&&A){const t=ce(Y,e.target.value);A(t)}},ye=e=>{(e=>{const t=null==ae?void 0:ae[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),Z("start"===e?"end":"start")},ve=e=>{const t="start"===e?S:B,{formattedValue:r}="start"===e?oe:se,a="start"===e?me:fe;return k(w({label:z[`${e}Label`],labelInline:H,value:r,error:z[`${e}Error`],warning:z[`${e}Warning`],info:z[`${e}Info`],validationOnLabel:I,onBlur:be,onChange:a,onKeyDown:t=>((e,t)=>{b.isTabKey(e)&&b.isShiftKey(e)&&(null==ae?void 0:ae.start)?ae.start.isBlurBlocked.current=!("start"===t):b.isTabKey(e)&&(null==ae?void 0:ae.end)&&(ae.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:K,isOptional:$})};return e(f,k(w(k(w({},m("date-range",z)),{labelsInline:H}),p(z)),{children:t(g.Provider,{value:{inputRefMap:ae,setInputRefMap:e=>{ne((t=>w({},t,e)))}},children:[e(c,k(w({my:0},ve("start")),{onFocus:()=>ye("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:x,ref:F,datePickerAriaLabel:N,datePickerAriaLabelledBy:W})),e(c,k(w({my:0},ve("end")),{onFocus:()=>ye("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:x,ref:q,datePickerAriaLabel:M,datePickerAriaLabelledBy:T}))]})}))};B.displayName="DateRange";export{B as DateRange,B as default};
|
package/esm/components/form/required-fields-indicator/required-fields-indicator.component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import"react";import
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import"react";import t from"styled-components";import{margin as r}from"styled-system";import n from"../../../style/themes/apply-base-theme.js";import o from"../../typography/typography.style.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=t.div.attrs(n).withConfig({displayName:"required-fields-indicator.component__StyledIndicatorContainer",componentId:"sc-2d011849-0"})([""," ",'{color:var(--colorsUtilityYin090);}::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:500;margin-left:var(--spacing050);}'],r,o);var l=t=>{var r,n,{children:o}=t,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["children"]);return e(i,(r=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){c(e,t,r[t])}))}return e}({},l),n=null!=(n={children:o})?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))})),r))};export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import t from"styled-components";import{
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import t from"styled-components";import{NavigationBar as n}from"../navigation-bar/navigation-bar.component.js";import{GlobalHeaderProvider as o}from"./__internal__/global-header.context.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}const a=t.div.withConfig({displayName:"global-header.component__StyledLogo",componentId:"sc-b3ba41fe-0"})(["display:flex;align-items:center;margin-left:var(--spacing200);margin-right:var(--spacing300);& > *{max-height:100%;}@media (min-width:600px){margin-left:var(--spacing300);}@media (min-width:960px){margin-left:var(--spacing400);}@media (min-width:1260px){margin-left:var(--spacing500);}"]),l=t=>{var l,c,{children:p,logo:m}=t,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}(t,["children","logo"]);return e(n,(l=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){i(e,r,t[r])}))}return e}({isGlobal:!0},b),c=null!=(c={children:[m&&r(a,{"data-element":"global-header-logo-wrapper",children:m}),r(o,{children:p})]})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(c,e))})),l))};l.displayName="GlobalHeader";export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import e,{useContext as o,useMemo as i}from"react";import r from"invariant";import{Tooltip as n}from"../tooltip/tooltip.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import l from"../../style/utils/filter-styled-system-margin-props.js";import{TooltipContext as a}from"../../__internal__/tooltip-provider/index.js";import s from"./icon.style.js";import{ICON_TOOLTIP_POSITIONS as p}from"./icon-config.js";import c from"../tabs/__internal__/tab-title/tab-title.context.js";function d(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function f(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},i=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),i.forEach((function(e){d(t,e,o[e])}))}return t}const b=e.forwardRef(((e,d)=>{var{"aria-hidden":b,ariaLabel:u,bg:m,bgShape:g,bgSize:y,className:O,color:v,"data-element":j,"data-role":h,disabled:S,focusable:I=!0,fontSize:P="small",id:w,inputSize:x,isPartOfInput:z,tabIndex:_,tooltipMessage:C,tooltipPosition:F,tooltipVisible:
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import e,{useContext as o,useMemo as i}from"react";import r from"invariant";import{Tooltip as n}from"../tooltip/tooltip.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import l from"../../style/utils/filter-styled-system-margin-props.js";import{TooltipContext as a}from"../../__internal__/tooltip-provider/index.js";import s from"./icon.style.js";import{ICON_TOOLTIP_POSITIONS as p}from"./icon-config.js";import c from"../tabs/__internal__/tab-title/tab-title.context.js";function d(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function f(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},i=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),i.forEach((function(e){d(t,e,o[e])}))}return t}const b=e.forwardRef(((e,d)=>{var{"aria-hidden":b,ariaLabel:u,bg:m,bgShape:g,bgSize:y,className:O,color:v,"data-element":j,"data-role":h,disabled:S,focusable:I=!0,fontSize:P="small",id:w,inputSize:x,isPartOfInput:z,tabIndex:_,tooltipMessage:C,tooltipPosition:F,tooltipVisible:N,tooltipBgColor:V,tooltipFontColor:k,tooltipFlipOverrides:T,tooltipId:A,type:B,role:E}=e,L=function(t,e){if(null==t)return{};var o,i,r=function(t,e){if(null==t)return{};var o,i,r={},n=Object.keys(t);for(i=0;i<n.length;i++)o=n[i],e.indexOf(o)>=0||(r[o]=t[o]);return r}(t,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);for(i=0;i<n.length;i++)o=n[i],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(r[o]=t[o])}return r}(e,["aria-hidden","ariaLabel","bg","bgShape","bgSize","className","color","data-element","data-role","disabled","focusable","fontSize","id","inputSize","isPartOfInput","tabIndex","tooltipMessage","tooltipPosition","tooltipVisible","tooltipBgColor","tooltipFontColor","tooltipFlipOverrides","tooltipId","type","role"]);const M=Array.isArray(T)&&T.every((t=>p.includes(t)));T&&r(M,'The tooltipFlipOverrides prop supplied to `Icon` must be an array containing some or all of ["top", "bottom", "left", "right"].');const q=!!C&&!S,{tooltipPosition:D,focusable:R,tooltipVisible:G,disabled:H,target:J}=o(a),{isInTab:K}=o(c),Q=i((()=>{switch(B){case"help":return"question";case"maintenance":return"settings";case"new":return"gift";case"success":return"tick";case"messages":case"email":return"message";default:return B}}),[B]),U=!S&&!H&&!!C&&(void 0!==R?R:I),W=i((()=>{if(!K)return U&&void 0===_?0:_}),[K,U,_]),X=f({"aria-hidden":b,"aria-label":u,bg:m,bgSize:y||P,bgShape:g,className:O||void 0,color:v,"data-component":"icon","data-element":null!=j?j:Q,"data-role":null!=h?h:"icon",disabled:H||S,fontSize:P,hasTooltip:U,id:w,isInteractive:q,ref:d,role:E,tabIndex:W,type:Q},l(L));return C?t(n,{message:C,position:D||F,type:B,id:A,isVisible:!S&&(void 0!==G?G:N),isPartOfInput:z,inputSize:x,bgColor:V,fontColor:k,flipOverrides:T,target:J,children:t(s,f({},X))}):t(s,f({},X))}));b.displayName="Icon";export{b as default};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { MarginProps } from "styled-system";
|
|
3
2
|
type StyledTextEditorWrapperProps = MarginProps;
|
|
4
3
|
interface StyledWrapperProps {
|
|
@@ -13,7 +12,7 @@ interface StyledEditorToolbarWrapperProps {
|
|
|
13
12
|
focused?: boolean;
|
|
14
13
|
hasWarningOrError?: boolean;
|
|
15
14
|
}
|
|
16
|
-
export declare const StyledTextEditor: import("styled-components").StyledComponent<
|
|
15
|
+
export declare const StyledTextEditor: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
17
16
|
export declare const StyledTextEditorWrapper: import("styled-components").StyledComponent<"div", any, StyledTextEditorWrapperProps, never>;
|
|
18
17
|
export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, StyledWrapperProps, never>;
|
|
19
18
|
export declare const StyledEditorToolbarWrapper: import("styled-components").StyledComponent<"div", any, StyledEditorToolbarWrapperProps, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as t}from"styled-components";import{margin as r}from"styled-system";import
|
|
1
|
+
import o,{css as t}from"styled-components";import{margin as r}from"styled-system";import e from"../../style/utils/add-focus-styling.js";const i=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"sc-3a92229-0"})(["position:relative;"]),a=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"sc-3a92229-1"})(["margin-bottom:var(--fieldSpacing);",""],r),d=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"sc-3a92229-2"})([".textBold{font-weight:bold;}.textItalic{font-style:italic;}",';a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);cursor:pointer;&:hover{color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}'],(({error:o,namespace:r,warning:e})=>t(["min-height:120px;min-width:300px;",""],(o||e)&&t(["padding-left:8px;border-left:2px solid var( "," );#","-editor-toolbar-wrapper{border-radius:var(--borderRadius100);border:2px solid var( "," );.","-editable,#","-toolbar{outline:none;}}"],o?"--colorsSemanticNegative500":"--colorsSemanticCaution500",r,o?"--colorsSemanticNegative500":"--colorsSemanticCaution500",r,r)))),n=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"sc-3a92229-3"})(["",""],(({focused:o,hasWarningOrError:r})=>t(["border-radius:var(--borderRadius100);outline:",";",""],r?"none":"1px solid var(--colorsUtilityMajor200)",o&&e()))),l=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"sc-3a92229-4"})(["padding:var(--spacing200);"]),s=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"sc-3a92229-5"})(["border-top:1px solid var(--colorsUtilityMajor200);padding:var(--spacing200);"]),c=o.div.withConfig({displayName:"text-editor.style__StyledValidationMessage",componentId:"sc-3a92229-6"})(["",""],(({error:o})=>t(["color:var( "," );font-weight:",";margin-top:0px;margin-bottom:8px;"],o?"--colorsSemanticNegative500":"--colorsSemanticCaution600",o?500:"normal")));export{n as StyledEditorToolbarWrapper,s as StyledFooterWrapper,l as StyledHeaderWrapper,i as StyledTextEditor,a as StyledTextEditorWrapper,c as StyledValidationMessage,d as StyledWrapper,i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],r=(y,d,M)=>{const r=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const e=[...y,t];return t.includes(" ")&&r.forEach((y=>{d===y&&M&&e.push(`${t.replace(/ /g,y)}${M}`),e.push(t.replace(/ /g,y))})),e}),[])},e=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,a=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d};exports.default=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB",{format:t,separator:o}=(y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const r=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:r.substring(0,10),separator:t}:{format:r,separator:t}})(M),s={"en-CA":{format:"MM/dd/yyyy",separator:"/"},"en-US":{format:"MM/dd/yyyy",separator:"/"},"fr-CA":{format:"dd/MM/yyyy"},"en-ZA":{format:"dd/MM/yyyy"},"ar-EG":{format:"dd/MM/yyyy"}}[M]||{};var n;const u=null!==(n=null!=d?d:s.format)&&void 0!==n?n:t;var l;const c=null!==(l=s.separator)&&void 0!==l?l:o;return{format:u,formats:r(e(u),c,a(u))}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),u=require("./__internal__/date-formats/index.js"),o=require("./date.style.js"),s=require("../textbox/textbox.component.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),u=require("./__internal__/date-formats/index.js"),o=require("./date.style.js"),s=require("../textbox/textbox.component.js"),d=require("./__internal__/date-picker/date-picker.component.js"),c=require("../date-range/__internal__/date-range.context.js"),p=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),m=require("../../__internal__/utils/helpers/tags/tags.js");function b(e){return e&&e.__esModule?e:{default:e}}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){y(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const v=b(t).default.forwardRef(((b,y)=>{var{adaptiveLabelBreakpoint:v,allowEmptyValue:h,autoFocus:_,"data-element":k,"data-role":j,disabled:D,disablePortal:P=!1,helpAriaLabel:x,labelInline:w,minDate:L,maxDate:S,onBlur:V,onChange:I,onClick:F,onFocus:q,onKeyDown:A,pickerProps:C,readOnly:M,size:R="medium",tooltipPosition:B,value:W,inputWidth:E,labelWidth:K,maxWidth:z,inputName:T,onPickerClose:N,onPickerOpen:Y,dateFormatOverride:G,datePickerAriaLabel:U,datePickerAriaLabelledBy:$}=b,H=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Z=t.useRef(!1),ee=t.useRef(!1),te=t.useRef(!1),re=a.default(),{dateFnsLocale:ae,dateFormatOverride:ne}=re.date,{format:le,formats:ie}=t.useMemo((()=>u.default(ae(),G||ne)),[ae,ne,G]),{inputRefMap:ue,setInputRefMap:oe}=t.useContext(c.default),[se,de]=t.useState(!1),[ce,pe]=t.useState((()=>{if(r.isValidLocaleDate(W,ae()))return r.checkISOFormatAndLength(W)?r.parseISODate(W):r.parseDate(le,W)})),fe=t.useRef(!0),me=t.useRef(f.default()),be=e=>h&&!e.length?e:null,ye=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,ie),i="blur"===e.type?r.formattedValue(le,ce):e.target.value,u=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):be(e.target.value);return{target:g(O({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:u}})}},Oe=p.default((()=>{var e,t;se&&(Z.current=!0,null===(e=X.current)||void 0===e||e.focus(),ee.current=!1,null===(t=X.current)||void 0===t||t.blur(),de(!1),null==N||N(),Z.current=!1)}),"mousedown"),ge=t.useCallback((e=>{se&&n.default.isEscKey(e)&&(de(!1),null==N||N(),e.stopPropagation())}),[N,se]),ve=e=>{F&&F(e)},he=t.useCallback((e=>{var t;X.current=e,Q.current=null==e?void 0:e.parentElement,y&&("function"==typeof y?y(e):y.current=e),T&&(null==ue||null===(t=ue[T])||void 0===t?void 0:t.setOpen)!==de&&(null==oe||oe({[T]:{isBlurBlocked:ee,setOpen:de}}))}),[T,ue,oe,y]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(W,ie);e&&t&&r.isDateValid(r.parseDate(e,t))?pe(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(W)&&fe.current?pe(r.parseISODate(W)):pe(void 0)}),[W,ie]);const _e=l.default(H);return e.jsxs(o.default,g(O(g(O({ref:J,role:"presentation",size:R,labelInline:w},_e),{applyDateRangeStyling:!!ue,maxWidth:z,inputWidth:E}),m.default("date",{"data-element":k,"data-role":j})),{children:[e.jsx(s.Textbox,g(O({},i.default(H)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(W)&&fe.current)return r.formattedValue(le,r.parseISODate(W));const e=r.getSeparator(W),t=r.getSeparator(le),a=()=>W.split("").map((r=>r===e?t:r)).join("");if(fe.current&&e!==t&&r.isDateValid(r.parseDate(le,a()))){fe.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),ie);return r.formattedValue(le,r.parseDate(...r.additionalYears(e,t)))}return W})(),onBlur:e=>{if(D||M)return;let t;if(r.isDateValid(ce)){t=ye(e);const a=r.checkISOFormatAndLength(W)?r.formattedValue(le,r.parseISODate(W)):W,[,n]=r.findMatchedFormatAndValue(a,ie);r.formattedValue(le,ce)!==n&&I(t)}else{const{id:r,name:a}=e.target;t={target:g(O({},a&&{name:a},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:be(e.target.value)}})}}ee.current||V&&V(t)},onChange:e=>{fe.current=!1,I(ye(e))},onClick:ve,onFocus:e=>{D||M||(ee.current=!1,se||Z.current?Z.current=!1:(de(!0),null==Y||Y()),q&&q(e))},onKeyUp:ge,onKeyDown:e=>{if(A&&A(e),se&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))de(!1),null==N||N();else if(!P){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${me.current}"]`))||void 0===t||t.focus()}Z.current=!1}},iconOnClick:ve,onMouseDown:()=>{Oe(),oe&&(ee.current=!0),se||(de(!0),null==Y||Y())},iconOnMouseDown:()=>{ee.current=!0,Z.current=!0,Oe(),se?(de(!1),null==N||N()):(de(!0),null==Y||Y())},inputIcon:"calendar",labelInline:w,ref:he,adaptiveLabelBreakpoint:v,tooltipPosition:B,helpAriaLabel:x,autoFocus:_,size:R,disabled:D,readOnly:M,inputWidth:E,labelWidth:K,maxWidth:z,m:0})),e.jsx(d.DatePicker,{disablePortal:P,inputElement:Q,pickerProps:C,selectedDays:ce,onDayClick:(e,t)=>{var a;pe(e),I(ye(g(O({},t),{target:g(O({},t.target),{value:r.formattedValue(le,e)})}))),te.current=!0,null===(a=X.current)||void 0===a||a.focus(),de(!1)},minDate:L,maxDate:S,pickerMouseDown:()=>{ee.current=!0,Oe()},open:se,setOpen:de,pickerTabGuardId:me.current,onPickerClose:N,ariaLabel:U,ariaLabelledBy:$})]}))}));v.displayName="DateInput",exports.DateInput=v,exports.default=v;
|
|
@@ -100,7 +100,7 @@ export interface DateRangeProps extends StyledDateRangeProps, MarginProps, TagPr
|
|
|
100
100
|
datePickerEndAriaLabelledBy?: string;
|
|
101
101
|
}
|
|
102
102
|
export declare const DateRange: {
|
|
103
|
-
({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
|
|
103
|
+
({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, dateFormatOverride: dateFormatOverrideProp, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
|
|
104
104
|
displayName: string;
|
|
105
105
|
};
|
|
106
106
|
export default DateRange;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../date/__internal__/utils.js"),a=require("../date/date.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./date-range.style.js"),o=require("../../__internal__/utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../hooks/__internal__/usePrevious/index.js"),d=require("../date/__internal__/date-formats/index.js"),c=require("./__internal__/date-range.context.js"),p=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../../__internal__/utils/logger/index.js");function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){b(e,t,r[t])}))}return e}function O(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}let m=!1;const v=b=>{var{endDateProps:v={},id:g,labelsInline:_,name:j,onBlur:P,onChange:k,startDateProps:h={},tooltipPosition:w,validationOnLabel:B,value:S,startRef:q,endRef:L,required:I,isOptional:x,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../date/__internal__/utils.js"),a=require("../date/date.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./date-range.style.js"),o=require("../../__internal__/utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../hooks/__internal__/usePrevious/index.js"),d=require("../date/__internal__/date-formats/index.js"),c=require("./__internal__/date-range.context.js"),p=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../../__internal__/utils/logger/index.js");function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){b(e,t,r[t])}))}return e}function O(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}let m=!1;const v=b=>{var{endDateProps:v={},id:g,labelsInline:_,name:j,onBlur:P,onChange:k,startDateProps:h={},tooltipPosition:w,validationOnLabel:B,value:S,startRef:q,endRef:L,required:I,isOptional:x,dateFormatOverride:V,datePickerStartAriaLabel:D,datePickerStartAriaLabelledBy:E,datePickerEndAriaLabel:A,datePickerEndAriaLabelledBy:R}=b,C=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","dateFormatOverride","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!m&&x&&(m=!0,f.default.deprecate("`isOptional` is deprecated in DateRange 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:F}=t.useContext(p.default),T=!F&&_,K=s.default(),{dateFnsLocale:M,dateFormatOverride:$}=K.date,{format:N}=t.useMemo((()=>d.default(M(),V||$)),[M,V,$]),[W,z]=t.useState(""),G=t.useCallback((e=>r.checkISOFormatAndLength(e)?r.formattedValue(N,r.parseISODate(e)):e),[N]),H=t.useCallback((()=>{const{value:e}=h;return G(e||S[0])}),[h,S,G]),J=t.useCallback((()=>{const{value:e}=v;return G(e||S[1])}),[v,S,G]),[Q,U]=t.useState({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function X(e,t){return e&&!t.length}const[Y,Z]=t.useState({formattedValue:H(),rawValue:X(!!h.allowEmptyValue,H())?"":r.formatToISO(N,H())}),[ee,te]=t.useState({formattedValue:J(),rawValue:X(!!v.allowEmptyValue,J())?"":r.formatToISO(N,J())}),re=u.default(S);t.useEffect((()=>{(null==re?void 0:re.length)&&(S[0]!==re[0]||S[1]!==re[1])&&(Z({formattedValue:H(),rawValue:X(!!h.allowEmptyValue,H())?"":r.formatToISO(N,H())}),te({formattedValue:J(),rawValue:X(!!v.allowEmptyValue,J())?"":r.formatToISO(N,J())}))}),[S,re,v.allowEmptyValue,N,J,H,h.allowEmptyValue]);const ae=t.useCallback(((e,t)=>{const r="start"===e?t:Y,a="end"===e?t:ee;return z(e),{target:O(y({},j&&{name:j},g&&{id:g}),{value:[r,a]})}}),[ee,g,j,Y]),ne=(e,t)=>{"start"===e?Z(y({},t.target.value)):te(y({},t.target.value));const r=ae(e,t.target.value);k(r)},le=e=>{ne("start",e)},ie=e=>{ne("end",e)},oe=e=>{var t,r;if(!(null==Q||null===(t=Q.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==Q||null===(r=Q.end)||void 0===r?void 0:r.isBlurBlocked.current)&&P){const t=ae(W,e.target.value);P(t)}},se=e=>{(e=>{const t=null==Q?void 0:Q[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),z("start"===e?"end":"start")},ue=e=>{const t="start"===e?h:v,{formattedValue:r}="start"===e?Y:ee,a="start"===e?le:ie;return O(y({label:C[`${e}Label`],labelInline:T,value:r,error:C[`${e}Error`],warning:C[`${e}Warning`],info:C[`${e}Info`],validationOnLabel:B,onBlur:oe,onChange:a,onKeyDown:t=>((e,t)=>{o.default.isTabKey(e)&&o.default.isShiftKey(e)&&(null==Q?void 0:Q.start)?Q.start.isBlurBlocked.current=!("start"===t):o.default.isTabKey(e)&&(null==Q?void 0:Q.end)&&(Q.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:I,isOptional:x})};return e.jsx(i.default,O(y(O(y({},l.default("date-range",C)),{labelsInline:T}),n.default(C)),{children:e.jsxs(c.default.Provider,{value:{inputRefMap:Q,setInputRefMap:e=>{U((t=>y({},t,e)))}},children:[e.jsx(a.DateInput,O(y({my:0},ue("start")),{onFocus:()=>se("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:w,ref:q,datePickerAriaLabel:D,datePickerAriaLabelledBy:E})),e.jsx(a.DateInput,O(y({my:0},ue("end")),{onFocus:()=>se("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:w,ref:L,datePickerAriaLabel:A,datePickerAriaLabelledBy:R}))]})}))};v.displayName="DateRange",exports.DateRange=v,exports.default=v;
|
package/lib/components/form/required-fields-indicator/required-fields-indicator.component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("styled-system"),n=require("../../../style/themes/apply-base-theme.js"),o=require("../../typography/typography.style.js");function c(e){return e&&e.__esModule?e:{default:e}}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}const l=c(r).default.div.attrs(n.default).withConfig({displayName:"required-fields-indicator.component__StyledIndicatorContainer",componentId:"sc-2d011849-0"})([""," ",'{color:var(--colorsUtilityYin090);}::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:500;margin-left:var(--spacing050);}'],t.margin,o.default);exports.default=r=>{var t,n,{children:o}=r,c=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["children"]);return e.jsx(l,(t=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){i(e,r,t[r])}))}return e}({},c),n=null!=(n={children:o})?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})),t))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("../
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("../navigation-bar/navigation-bar.component.js"),n=require("./__internal__/global-header.context.js");function i(e){return e&&e.__esModule?e:{default:e}}function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const a=i(r).default.div.withConfig({displayName:"global-header.component__StyledLogo",componentId:"sc-b3ba41fe-0"})(["display:flex;align-items:center;margin-left:var(--spacing200);margin-right:var(--spacing300);& > *{max-height:100%;}@media (min-width:600px){margin-left:var(--spacing300);}@media (min-width:960px){margin-left:var(--spacing400);}@media (min-width:1260px){margin-left:var(--spacing500);}"]),l=r=>{var i,l,{children:c,logo:p}=r,s=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["children","logo"]);return e.jsxs(t.NavigationBar,(i=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){o(e,r,t[r])}))}return e}({isGlobal:!0},s),l=null!=(l={children:[p&&e.jsx(a,{"data-element":"global-header-logo-wrapper",children:p}),e.jsx(n.GlobalHeaderProvider,{children:c})]})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(l)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(l)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(l,e))})),i))};l.displayName="GlobalHeader",exports.default=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("invariant"),r=require("../tooltip/tooltip.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var i=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/tooltip-provider/index.js"),n=require("./icon.style.js"),a=require("./icon-config.js"),s=require("../tabs/__internal__/tab-title/tab-title.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var p=u(t),c=u(o);function d(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function f(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){d(e,t,o[t])}))}return e}const b=p.default.forwardRef(((o,u)=>{var{"aria-hidden":p,ariaLabel:d,bg:b,bgShape:g,bgSize:y,className:m,color:O,"data-element":v,"data-role":j,disabled:S,focusable:I=!0,fontSize:h="small",id:x,inputSize:P,isPartOfInput:_,tabIndex:q,tooltipMessage:C,tooltipPosition:w,tooltipVisible:z,tooltipBgColor:T,tooltipFontColor:M,tooltipFlipOverrides:N,tooltipId:F,type:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("invariant"),r=require("../tooltip/tooltip.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var i=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/tooltip-provider/index.js"),n=require("./icon.style.js"),a=require("./icon-config.js"),s=require("../tabs/__internal__/tab-title/tab-title.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var p=u(t),c=u(o);function d(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function f(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){d(e,t,o[t])}))}return e}const b=p.default.forwardRef(((o,u)=>{var{"aria-hidden":p,ariaLabel:d,bg:b,bgShape:g,bgSize:y,className:m,color:O,"data-element":v,"data-role":j,disabled:S,focusable:I=!0,fontSize:h="small",id:x,inputSize:P,isPartOfInput:_,tabIndex:q,tooltipMessage:C,tooltipPosition:w,tooltipVisible:z,tooltipBgColor:T,tooltipFontColor:M,tooltipFlipOverrides:N,tooltipId:F,type:V,role:k}=o,L=function(e,t){if(null==e)return{};var o,r,i=function(e,t){if(null==e)return{};var o,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)o=l[r],t.indexOf(o)>=0||(i[o]=e[o]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)o=l[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}(o,["aria-hidden","ariaLabel","bg","bgShape","bgSize","className","color","data-element","data-role","disabled","focusable","fontSize","id","inputSize","isPartOfInput","tabIndex","tooltipMessage","tooltipPosition","tooltipVisible","tooltipBgColor","tooltipFontColor","tooltipFlipOverrides","tooltipId","type","role"]);const A=Array.isArray(N)&&N.every((e=>a.ICON_TOOLTIP_POSITIONS.includes(e)));N&&c.default(A,'The tooltipFlipOverrides prop supplied to `Icon` must be an array containing some or all of ["top", "bottom", "left", "right"].');const B=!!C&&!S,{tooltipPosition:E,focusable:D,tooltipVisible:R,disabled:G,target:H}=t.useContext(l.TooltipContext),{isInTab:J}=t.useContext(s.default),K=t.useMemo((()=>{switch(V){case"help":return"question";case"maintenance":return"settings";case"new":return"gift";case"success":return"tick";case"messages":case"email":return"message";default:return V}}),[V]),Q=!S&&!G&&!!C&&(void 0!==D?D:I),U=t.useMemo((()=>{if(!J)return Q&&void 0===q?0:q}),[J,Q,q]),W=f({"aria-hidden":p,"aria-label":d,bg:b,bgSize:y||h,bgShape:g,className:m||void 0,color:O,"data-component":"icon","data-element":null!=v?v:K,"data-role":null!=j?j:"icon",disabled:G||S,fontSize:h,hasTooltip:Q,id:x,isInteractive:B,ref:u,role:k,tabIndex:U,type:K},i.default(L));if(C){const t=!S&&(void 0!==R?R:z);return e.jsx(r.Tooltip,{message:C,position:E||w,type:V,id:F,isVisible:t,isPartOfInput:_,inputSize:P,bgColor:T,fontColor:M,flipOverrides:N,target:H,children:e.jsx(n.default,f({},W))})}return e.jsx(n.default,f({},W))}));b.displayName="Icon",exports.default=b;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { MarginProps } from "styled-system";
|
|
3
2
|
type StyledTextEditorWrapperProps = MarginProps;
|
|
4
3
|
interface StyledWrapperProps {
|
|
@@ -13,7 +12,7 @@ interface StyledEditorToolbarWrapperProps {
|
|
|
13
12
|
focused?: boolean;
|
|
14
13
|
hasWarningOrError?: boolean;
|
|
15
14
|
}
|
|
16
|
-
export declare const StyledTextEditor: import("styled-components").StyledComponent<
|
|
15
|
+
export declare const StyledTextEditor: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
17
16
|
export declare const StyledTextEditorWrapper: import("styled-components").StyledComponent<"div", any, StyledTextEditorWrapperProps, never>;
|
|
18
17
|
export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, StyledWrapperProps, never>;
|
|
19
18
|
export declare const StyledEditorToolbarWrapper: import("styled-components").StyledComponent<"div", any, StyledEditorToolbarWrapperProps, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("styled-system"),t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("styled-system"),t=require("../../style/utils/add-focus-styling.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const i=a.default.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"sc-3a92229-0"})(["position:relative;"]),d=a.default.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"sc-3a92229-1"})(["margin-bottom:var(--fieldSpacing);",""],o.margin),l=a.default.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"sc-3a92229-2"})([".textBold{font-weight:bold;}.textItalic{font-style:italic;}",';a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);cursor:pointer;&:hover{color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}'],(({error:o,namespace:t,warning:r})=>e.css(["min-height:120px;min-width:300px;",""],(o||r)&&e.css(["padding-left:8px;border-left:2px solid var( "," );#","-editor-toolbar-wrapper{border-radius:var(--borderRadius100);border:2px solid var( "," );.","-editable,#","-toolbar{outline:none;}}"],o?"--colorsSemanticNegative500":"--colorsSemanticCaution500",t,o?"--colorsSemanticNegative500":"--colorsSemanticCaution500",t,t)))),s=a.default.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"sc-3a92229-3"})(["",""],(({focused:o,hasWarningOrError:r})=>e.css(["border-radius:var(--borderRadius100);outline:",";",""],r?"none":"1px solid var(--colorsUtilityMajor200)",o&&t.default()))),n=a.default.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"sc-3a92229-4"})(["padding:var(--spacing200);"]),p=a.default.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"sc-3a92229-5"})(["border-top:1px solid var(--colorsUtilityMajor200);padding:var(--spacing200);"]),c=a.default.div.withConfig({displayName:"text-editor.style__StyledValidationMessage",componentId:"sc-3a92229-6"})(["",""],(({error:o})=>e.css(["color:var( "," );font-weight:",";margin-top:0px;margin-bottom:8px;"],o?"--colorsSemanticNegative500":"--colorsSemanticCaution600",o?500:"normal")));exports.StyledEditorToolbarWrapper=s,exports.StyledFooterWrapper=p,exports.StyledHeaderWrapper=n,exports.StyledTextEditor=i,exports.StyledTextEditorWrapper=d,exports.StyledValidationMessage=c,exports.StyledWrapper=l,exports.default=i;
|