carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 4.18 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("./form-field.style.js"),l=require("../label/label.component.js"),i=require("../field-help/field-help.component.js"),o=require("../utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");require("../../style/utils/filter-styled-system-padding-props.js");var s=require("../../style/utils/filter-styled-system-margin-props.js"),d=require("../../components/tabs/tab/__internal__/tab.context.js"),c=require("../../components/tabs/__next__/tabs.context.js"),u=require("../../components/tabs/__next__/tab.context.js");function b(e){return e&&e.__esModule?e:{default:e}}var p=b(n);function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const y=n=>{var{maxWidth:b,children:y,"data-component":j,disabled:O,loading:g,fieldHelp:I,fieldHelpInline:v,error:h,warning:m,info:x,tooltipId:_,fieldHelpId:w,label:q,labelId:P,labelAlign:H,labelHelp:k,labelHelpIcon:S,labelInline:E,labelSpacing:W=2,labelWidth:A,labelAs:C,id:R,reverse:F,useValidationIcon:B,adaptiveLabelBreakpoint:D,isRequired:L,validationIconId:M,validationRedesignOptIn:T}=n,V=function(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}(n,["maxWidth","children","data-component","disabled","loading","fieldHelp","fieldHelpInline","error","warning","info","tooltipId","fieldHelpId","label","labelId","labelAlign","labelHelp","labelHelpIcon","labelInline","labelSpacing","labelWidth","labelAs","id","reverse","useValidationIcon","adaptiveLabelBreakpoint","isRequired","validationIconId","validationRedesignOptIn"]);const N=t.useMemo((()=>{const e={error:!!h,warning:!!m,info:!!x};if(O&&!g)return Object.keys(e).find((t=>e[t]))}),[h,m,x,O,g]);p.default(void 0===N,`Prop \`${N}\` cannot be used in conjunction with \`disabled\`. Use \`readOnly\` if you require users to see validations with a non-interactive field`);const U=a.default(D);let $=E;D&&($=U);const{setErrors:z,setWarnings:G,setInfos:J}=t.useContext(c.TabsContext),{tabId:K}=t.useContext(u.TabContext),{setError:Q,setWarning:X,setInfo:Y}=t.useContext(d.TabContext),Z=s.default(V),ee=t.useRef(!1);t.useLayoutEffect((()=>(ee.current=!0,()=>{ee.current=!1})),[]),t.useEffect((()=>(z&&z(R,K||"",h||!1),G&&G(R,K||"",m||!1),J&&J(R,K||"",x||!1),()=>{ee.current||(z&&z(R,K||"",!1),G&&G(R,K||"",!1),J&&J(R,K||"",!1))})),[R,z,G,h,m,x,K,J]),t.useEffect((()=>(Q&&Q(R,h),X&&X(R,m),Y&&Y(R,x),()=>{ee.current||(Q&&h&&Q(R,!1),X&&m&&X(R,!1),Y&&x&&Y(R,!1))})),[R,Q,X,Y,h,m,x]);const te=I?e.jsx(i.FieldHelp,{labelInline:$,labelWidth:A,id:w,children:I}):null;return e.jsxs(r.default,(ne=function(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){f(e,t,n[t])}))}return e}({},o.default(j,V),Z),re=null!=(re={children:[e.jsxs(r.FieldLineStyle,{"data-role":"field-line",inline:$,maxWidth:b,children:[F&&y,q&&e.jsx(l.default,{labelId:P,align:H,disabled:O,error:!T&&h,warning:!T&&m,info:!T&&x,help:k,tooltipId:_,htmlFor:R,helpIcon:S,inline:$,width:A,useValidationIcon:B,pr:F?void 0:W,pl:F?W:void 0,isRequired:L,validationIconId:M,as:C,children:q}),v&&te,!F&&y]}),!v&&te]})?re:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ne,Object.getOwnPropertyDescriptors(re)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(re)).forEach((function(e){Object.defineProperty(ne,e,Object.getOwnPropertyDescriptor(re,e))})),ne));var ne,re};y.displayName="FormField",exports.default=y;