carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.81 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/label/label.component.js"),n=require("./inline-inputs.style.js"),l=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var u=require("../../style/utils/filter-styled-system-margin-props.js");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(t);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=(t,r)=>o.default.Children.map(t,(t=>e.jsx(n.StyledInlineInput,{gutter:r,"data-element":"inline-input",children:t}))),p=a=>{var{adaptiveLabelBreakpoint:o,label:p,labelAlign:b,labelId:d,htmlFor:f,children:y=null,gutter:O="none",inputWidth:j,labelInline:g=!0,labelWidth:h,required:m}=a,v=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(a,["adaptiveLabelBreakpoint","label","labelAlign","labelId","htmlFor","children","gutter","inputWidth","labelInline","labelWidth","required"]);const _=l.default(o),P=t.useRef(null);let q=g;o&&(q=_);const I=u.default(v);return t.useEffect((()=>{var e;m&&Array.from((null===(e=P.current)||void 0===e?void 0:e.querySelectorAll("input"))||[]).forEach((e=>e.setAttribute("required","")))}),[m]),e.jsxs(n.default,(w=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){s(e,t,r[t])}))}return e}({gutter:O,labelWidth:h,labelInline:q,ref:P},I,i.default("inline-inputs",v)),x=null!=(x={children:[p?e.jsx(r.default,{align:b,labelId:d,inline:q,htmlFor:f,isRequired:m,children:p}):null,e.jsx(n.StyledContentContainer,{gutter:O,"data-element":"inline-inputs-container","data-role":"inline-inputs-container",inputWidth:j,children:c(y,O)})]})?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(x)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(x)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(x,e))})),w));var w,x};p.displayName="InlineInputs",exports.default=p;