@ansible/ansible-ui-framework 2.4.179 → 2.4.180

package/framework/PageForm/Inputs/PageFormMultiInput.d.ts

@@ -9,6 +9,7 @@ export type PageFormMultiInputProps<T, TFieldValues extends FieldValues = FieldV
     pattern?: ValidationRule<RegExp>;
     validate?: Validate<T[], TFieldValues>;
     selectTitle?: string;
+    isDisabled?: boolean;
     selectOpen?: (callback: (selection: T[]) => void, title: string) => void;
 } & Omit<PageFormGroupProps, 'onChange' | 'value'> & ChipGroupProps;
 interface FieldValuesWithArray<T> extends FieldValues {

package/index.js

@@ -103110,7 +103110,7 @@ function Vat(n) {
         function N(I) {
           D(I.trimStart());
         }
-        return /* @__PURE__ */ x.jsx(
+        return /* @__PURE__ */ x.jsxs(
           n8e,
           {
             ...g,
@@ -103124,24 +103124,27 @@ function Vat(n) {
             minLength: void 0,
             maxLength: void 0,
             min: f,
-            children: l && /* @__PURE__ */ x.jsx(
-              gn,
-              {
-                ouiaId: `lookup-${k}-button`,
-                variant: "control",
-                onClick: () => d == null ? void 0 : d((I) => {
-                  if (h) {
-                    const A = h(I);
-                    _(k, A, {
-                      shouldValidate: !0
-                    });
-                  }
-                }, l),
-                "aria-label": "Options menu",
-                isDisabled: n.isDisabled || b,
-                children: /* @__PURE__ */ x.jsx(lI, {})
-              }
-            )
+            children: [
+              l && /* @__PURE__ */ x.jsx(
+                gn,
+                {
+                  ouiaId: `lookup-${k}-button`,
+                  variant: "control",
+                  onClick: () => d == null ? void 0 : d((I) => {
+                    if (h) {
+                      const A = h(I);
+                      _(k, A, {
+                        shouldValidate: !0
+                      });
+                    }
+                  }, l),
+                  "aria-label": "Options menu",
+                  isDisabled: n.isDisabled || b,
+                  children: /* @__PURE__ */ x.jsx(lI, {})
+                }
+              ),
+              c && c
+            ]
           }
         );
       },

package/index.umd.cjs

@@ -1038,7 +1038,7 @@ ${e.toString()}`}}class Sx{constructor(e=new hS,t=!1,i,r=AZe){var s;this._servic
   color: var(--pf-c-form__helper-text--m-error--Color);
   font-size: var(--pf-c-form__helper-text--FontSize);
 `;function iJe(n){const{t:e}=e0(),{isReadOnly:t,validate:i,isExpandable:r,defaultExpanded:s,...o}=n,{label:a,name:l,isRequired:c}=n,{formState:{isSubmitting:u,isValidating:d,errors:h},setError:f,clearErrors:g,getValues:m,control:p,setValue:v}=jo();E.useEffect(()=>{h[l]||g(l)},[h,l,g]);const _=n.id??l.split(".").join("-"),[b,w]=E.useState("yaml"),[S,D]=E.useState(!s),k=E.useCallback(I=>{const M=m(l);if(!(I!=="json"&&I!=="yaml"||!M)){if(LMe(M))return I==="json"?v(l,M):v(l,sH(M));if(kMe(M))return I==="json"?v(l,M):v(l,sH(JSON.stringify(M)));I==="json"?v(l,xMe(M)):v(l,M)}},[m,l,v]),L=E.useCallback(I=>{try{k(I),w(I)}catch(M){M instanceof Error?f(l,{message:M.message}):f(l,{message:e("Invalid syntax")})}},[k,l,f,e]),T=W7(),P=E.useCallback(async()=>{const I={variant:"success",title:e("Copied to clipboard")};try{await navigator.clipboard.writeText(m(l)),T.addAlert(I)}catch(M){M instanceof Error?T.replaceAlert(I,{variant:"danger",title:e("Failed to copy to clipboard"),children:M instanceof Error&&M.message}):T.replaceAlert(I,{variant:"danger",title:e("Failed to copy to clipboard"),children:e("Unable to copy")})}},[T,e,m,l]),O=[x.jsx(hQ,{id:"copy-button","aria-label":e("Copy to clipboard"),isSelected:!1,isDisabled:!1,icon:x.jsx(yt.CopyIcon,{}),type:"button",onClick:()=>void P()},"copy-button")];return n.toggleLanguages&&n.toggleLanguages.forEach(I=>{O.push(x.jsx(hQ,{id:`toggle-${I}`,"aria-label":e("Toggle to {{language}}"),isSelected:b===I,isDisabled:!!h[l],text:I,type:"button",onChange:()=>L(I)},I))}),x.jsx(Sd,{name:l,control:p,shouldUnregister:!0,render:({field:{name:I,onChange:M,value:H},fieldState:{error:te}})=>{var de;const ne=[...new Set((de=te==null?void 0:te.message)==null?void 0:de.split(`
-`))];return x.jsx(Zv,{...o,label:r?x.jsxs("span",{style:{alignItems:"center"},children:[x.jsx(yt.AngleRightIcon,{style:{transform:S?"rotate(0deg)":"rotate(90deg)",transition:"transform"},onClick:()=>D(ue=>!ue),"aria-label":e("Expand or collapse extra variables")}),n.label]}):n.label,id:_,helperTextInvalid:!(i&&d)&&(ne==null?void 0:ne.map(ue=>x.jsx(nJe,{children:ue},ue))),children:(!r||!S)&&x.jsxs(x.Fragment,{children:[x.jsx(N.ToggleGroup,{isCompact:!0,children:O}),x.jsx(tJe,{setError:f,clearErrors:g,id:_,name:I,language:b,value:H,onChange:M,isReadOnly:t||u,invalid:!(i&&d)&&(te==null?void 0:te.message)!==void 0})]})})},rules:{required:typeof a=="string"&&c===!0?{value:!0,message:`${$c(a.toLocaleLowerCase())} is required.`}:void 0,validate:n.validate}})}function rJe(n){const{control:e,formState:{isSubmitting:t}}=jo();return x.jsx(Sd,{name:n.name,control:e,shouldUnregister:!0,render:({field:{onChange:i,value:r},fieldState:{error:s}})=>x.jsx(wc,{...n,value:r,onSelect:(o,a)=>i(a),helperTextInvalid:s==null?void 0:s.message,isReadOnly:n.isReadOnly||t})})}function sJe(n){const{label:e,isRequired:t,validate:i}=n,{control:r,formState:{isSubmitting:s}}=jo();return x.jsx(Sd,{name:n.name,control:r,shouldUnregister:!0,render:({field:{onChange:o,value:a},fieldState:{error:l}})=>(a===""&&n.options.length===1&&t&&o(n.options[0].value),x.jsx(EV,{...n,id:n.id??n.name,value:a,onSelect:(c,u)=>o(u),helperTextInvalid:l==null?void 0:l.message,isReadOnly:n.isReadOnly||s})),rules:{required:typeof e=="string"&&t===!0?{value:!0,message:`${$c(e.toLocaleLowerCase())} is required.`}:void 0,validate:i}})}function oJe(n){const{name:e,id:t,helperText:i,validate:r,additionalControls:s,formLabel:o,labelHelp:a,labelHelpTitle:l,...c}=n,{control:u,formState:{isSubmitting:d,isValidating:h}}=jo();return x.jsx(Sd,{name:e,control:u,shouldUnregister:!0,render:({field:{onChange:f,value:g},fieldState:{error:m}})=>x.jsx(N.FormGroup,{helperTextInvalid:!(r&&h)&&(m==null?void 0:m.message),fieldId:t,label:o,helperText:i,validated:m!=null&&m.message?"error":void 0,labelInfo:s,labelIcon:a?x.jsx(Yv,{title:l,help:a}):void 0,children:x.jsx(N.Switch,{...c,isChecked:g,onChange:p=>f(p),isDisabled:d})})})}function aJe(n){const{name:e,label:t,isReadOnly:i,isRequired:r,minLength:s,maxLength:o,pattern:a,validate:l}=n,{control:c,formState:{isSubmitting:u}}=jo();return x.jsx(Sd,{name:e,control:c,shouldUnregister:!0,render:({field:{onChange:d,value:h},fieldState:{error:f}})=>x.jsx(TV,{...n,id:n.id??e,value:h,onChange:d,helperTextInvalid:f==null?void 0:f.message,isReadOnly:i||u,minLength:void 0,maxLength:void 0}),rules:{required:typeof t=="string"&&r===!0?{value:!0,message:`${$c(t.toLocaleLowerCase())} is required.`}:void 0,minLength:typeof t=="string"&&typeof s=="number"?{value:s,message:`${$c(t.toLocaleLowerCase())} must be at least ${s} characters.`}:s,maxLength:typeof t=="string"&&typeof o=="number"?{value:o,message:`${$c(t.toLocaleLowerCase())} cannot be greater than ${o} characters.`}:o,pattern:a,validate:l}})}function lJe(n){const{name:e,isReadOnly:t,isRequired:i,minLength:r,maxLength:s,pattern:o,validate:a,selectTitle:l,button:c,id:u,selectOpen:d,selectValue:h,min:f,...g}=n,{label:m}=n,{control:p,setValue:v,trigger:_,formState:{isSubmitting:b,isValidating:w}}=jo(),[S]=ti();return x.jsx(Sd,{name:e,control:p,shouldUnregister:!0,render:({field:{onChange:D,value:k,name:L},fieldState:{error:T}})=>{function P(O){D(O.trimStart())}return x.jsx(AV,{...g,onBlur:()=>_(L),isRequired:i,id:u??L.split(".").join("-"),value:k,onChange:P,helperTextInvalid:T!=null&&T.message?a&&w?S.validating:T==null?void 0:T.message:void 0,isReadOnly:t||b,minLength:void 0,maxLength:void 0,min:f,children:l&&x.jsx(N.Button,{ouiaId:`lookup-${L}-button`,variant:"control",onClick:()=>d==null?void 0:d(O=>{if(h){const I=h(O);v(L,I,{shouldValidate:!0})}},l),"aria-label":"Options menu",isDisabled:n.isDisabled||b,children:x.jsx(yt.SearchIcon,{})})})},rules:{required:typeof m=="string"&&i===!0?{value:!0,message:`${$c(m.toLocaleLowerCase())} is required.`}:void 0,minLength:typeof m=="string"&&typeof r=="number"?{value:r,message:`${$c(m.toLocaleLowerCase())} must be at least ${r} characters.`}:r,maxLength:typeof m=="string"&&typeof s=="number"?{value:s,message:`${$c(m.toLocaleLowerCase())} cannot be greater than ${s} characters.`}:s,pattern:o,validate:a}})}function cJe(n){const{register:e,setValue:t,formState:{isSubmitting:i}}=jo(),r=e(n.name),{fieldState:s}=$V({name:n.name}),o=s.error;let a=n.id??n.name;return a=a.split(".").join("-"),x.jsx(E.Fragment,{children:x.jsx(N.FormGroup,{id:`${a}-form-group`,fieldId:a,label:n.label,helperText:n.helperText,isRequired:n.required,validated:o!=null&&o.message?"error":void 0,helperTextInvalid:o==null?void 0:o.message,children:x.jsxs(N.InputGroup,{children:[x.jsx(N.TextInput,{id:a,type:n.secret?"password":"text","aria-describedby":`${a}-form-group`,isRequired:n.required,validated:o!=null&&o.message?"error":void 0,autoFocus:n.autoFocus,placeholder:n.placeholder,...r,onChange:(l,c)=>void r.onChange(c),isReadOnly:i}),x.jsx(N.Button,{variant:"control",onClick:()=>{var l;return(l=n.selectOpen)==null?void 0:l.call(n,c=>{if(n.selectValue){const u=n.selectValue(c);t(n.name,u,{shouldValidate:!0})}},n.selectTitle)},"aria-label":"Options menu",isDisabled:i,children:x.jsx(yt.SearchIcon,{})})]})})})}function uJe(n){const{defaultValue:e,disableBody:t,disablePadding:i}=n,r=i7e({defaultValues:e??{}}),[s]=ti(),{handleSubmit:o,setError:a}=r,[l,c]=E.useState(null),u=ts("md"),[d]=E.useContext(Kh),h=n.isVertical?!1:d.formLayout==="horizontal",g=(n.singleColumn?!1:d.formColumns==="multiple")?1600:h?960:800;let m=x.jsx(z4e,{...r,children:x.jsxs(N.Form,{onSubmit:o(async p=>{c(null);try{await n.onSubmit(p,v=>c(new Error(v)),a)}catch(v){if(v instanceof Error?c(v):c(new Error("Unknown error")),typeof v=="object"&&v!==null&&"json"in v&&typeof v.json=="object"&&v.json!==null)for(const _ in v.json){let b=v.json[_];typeof b=="string"?a(_,{message:b}):Array.isArray(b)&&(b=b[0],typeof b=="string"&&a(_,{message:b}))}}}),isHorizontal:h,style:{display:"flex",flexDirection:"column",flexGrow:1,overflow:n.disableScrolling?void 0:"hidden",gap:0},children:[n.disableScrolling?x.jsx("div",{style:{maxWidth:g,padding:i?void 0:24},children:x.jsx(U4,{isVertical:n.isVertical,singleColumn:n.singleColumn,children:n.children})}):x.jsx("div",{style:{height:"100%",flexGrow:1,overflow:"auto"},children:x.jsx("div",{style:{maxWidth:g,padding:i?void 0:24},children:x.jsx(U4,{isVertical:n.isVertical,singleColumn:n.singleColumn,children:n.children})})}),l&&x.jsx(N.Alert,{variant:"danger",title:l.message??"",isInline:!0,style:{paddingLeft:u&&n.onCancel?190:void 0},isExpandable:"description"in l?typeof l.description=="string":!1,children:"description"in l&&typeof l.description=="string"&&l.description}),n.onCancel?x.jsx("div",{className:"dark-2 border-top",style:{padding:i?void 0:24},children:x.jsxs(N.ActionGroup,{style:{marginTop:0},children:[x.jsx(q4,{children:n.submitText}),n.onCancel&&x.jsx(fQ,{onCancel:n.onCancel,children:n.cancelText??s.cancelText})]})}):x.jsx(q4,{style:{marginTop:48},children:n.submitText})]})});return t||(m=x.jsx(t2,{children:m})),m}function U4(n){const[e]=E.useContext(Kh),t=n.isVertical?!1:e.formLayout==="horizontal",i=n.singleColumn?!1:e.formColumns==="multiple",r=12,s=i?t?12:6:12,o=i?6:12,a=i?6:12,l=i?4:12;return x.jsx(N.Grid,{hasGutter:!0,span:12,sm:r,md:s,lg:o,xl:a,xl2:l,children:n.children})}function q4(n){const{isSubmitting:e,errors:t}=BV(),i=t&&Object.keys(t).length>0;return x.jsx(N.Tooltip,{content:"Please fix errors",trigger:i?void 0:"manual",children:x.jsx(N.Button,{type:"submit",isDisabled:e,isLoading:e,isDanger:i,variant:i?"secondary":void 0,style:n.style,children:n.children})})}function fQ(n){return x.jsx(N.Button,{type:"button",variant:"link",onClick:n.onCancel,children:n.children})}const Rrt="",K4=E.createContext({isOpen:!1,setState:()=>({})});function Rx(){return E.useContext(K4)}function gQ(n){const e=ts("xl"),[t,i]=E.useState(()=>e),r=E.useCallback(s=>{s.isOpen!==void 0&&i(s.isOpen)},[]);return E.useEffect(()=>r({isOpen:e}),[e,r]),x.jsx(K4.Provider,{value:{isOpen:t,setState:r},children:n.children})}function dJe(){const n=g1(),e=ts("xl"),t=Rx();return E.useCallback(r=>{n(r),e||t.setState({isOpen:!t.isOpen})},[n,e,t])}function hJe(n){return x.jsx(M7,{children:x.jsx(z7,{children:x.jsx(j7,{children:x.jsx(V7,{children:x.jsx(SM,{callback:n.navigate,children:x.jsx(gQ,{children:n.children})})})})})})}function fJe(n){const e=g1();return n.breadcrumbs?x.jsx(N.Breadcrumb,{style:n.style,children:n.breadcrumbs.map((t,i)=>t.label?x.jsx(N.BreadcrumbItem,{id:t.id,component:t.component,isActive:t.to===void 0,children:t.to?x.jsx("a",{href:t.to,onClick:r=>{r.preventDefault(),e(t.to)},children:t.label}):t.label},t.id??t.label??i):x.jsx(E.Fragment,{},i))}):x.jsx(E.Fragment,{})}function gJe(n){const{breadcrumbs:e,title:t,description:i,controls:r,headerActions:s,footer:o}=n,a=ts("lg"),l=ts("xl"),c=ts("md"),d=Rx().isOpen&&l?void 0:n.navigation,[h]=ti();return x.jsxs(x.Fragment,{children:[d&&x.jsx(N.PageSection,{variant:N.PageSectionVariants.light,className:"border-top dark-1",style:{paddingLeft:0,paddingTop:0,paddingBottom:0},children:x.jsx(N.Flex,{direction:{default:"row"},flexWrap:{default:"nowrap"},style:{maxWidth:"100%"},children:x.jsx(N.PageNavigation,{style:{paddingTop:0,flexShrink:1,flexGrow:1},children:d})})}),x.jsx(N.PageSection,{variant:N.PageSectionVariants.light,className:"border-top border-bottom dark-3",style:{paddingTop:l?16:12,paddingBottom:l?16:12},children:x.jsxs(N.Stack,{hasGutter:!0,children:[x.jsxs(N.Flex,{flexWrap:{default:"nowrap"},alignItems:{default:"alignItemsStretch"},children:[x.jsxs(N.FlexItem,{grow:{default:"grow"},children:[e&&x.jsx(fJe,{breadcrumbs:e,style:{paddingBottom:a?6:4}}),t?n.titleHelp?x.jsx(N.Popover,{headerContent:n.titleHelpTitle,bodyContent:x.jsxs(N.Stack,{hasGutter:!0,children:[typeof n.titleHelp=="string"?x.jsx(N.StackItem,{children:n.titleHelp}):n.titleHelp.map((f,g)=>x.jsx(N.StackItem,{children:f},g)),n.titleDocLink&&x.jsx(N.StackItem,{children:x.jsx(N.Button,{icon:x.jsx(yt.ExternalLinkAltIcon,{}),variant:"link",onClick:()=>window.open(n.titleDocLink,"_blank"),isInline:!0,children:h.documentation})})]}),position:"bottom-start",removeFindDomNode:!0,children:x.jsxs(N.Title,{headingLevel:"h1",children:[t,x.jsx(N.Button,{variant:"link",style:{padding:0,marginTop:1,marginLeft:8,verticalAlign:"top"},children:x.jsx(yt.OutlinedQuestionCircleIcon,{})})]})}):x.jsx(N.Title,{headingLevel:"h1",children:t}):x.jsx(N.Title,{headingLevel:"h1",children:x.jsx(N.Skeleton,{width:"160px"})}),c&&i&&x.jsx(N.Text,{component:"p",style:{paddingTop:l?4:2,opacity:.8},children:typeof i=="string"?x.jsx(N.Truncate,{content:i}):x.jsx(N.Stack,{children:i.map(f=>x.jsx(N.StackItem,{children:f},f))})})]}),t&&(s||r)&&x.jsxs(N.Flex,{direction:{default:"column"},spaceItems:{default:"spaceItemsSm",xl:"spaceItemsMd"},justifyContent:{default:"justifyContentCenter"},children:[r&&x.jsx(N.FlexItem,{grow:{default:"grow"},children:r}),s&&x.jsx(N.FlexItem,{children:s})]})]}),o]})})]})}function mJe(n){const[e]=ti();return x.jsx($7,{message:e.errorText,children:x.jsx("div",{style:{display:"flex",flexDirection:"column",height:"100%",maxHeight:"100%"},children:n.children})})}function pJe(n){return x.jsxs(N.Masthead,{children:[x.jsx(mQ,{}),x.jsx(N.MastheadMain,{children:x.jsx(N.Title,{headingLevel:"h1",style:{fontWeight:"bold",lineHeight:1.2},children:n.title})}),x.jsx(N.Toolbar,{id:"toolbar",style:{padding:0},children:x.jsxs(N.ToolbarContent,{children:[x.jsx("div",{style:{flexGrow:1}}),E.Children.toArray(n.children).map((e,t)=>x.jsx(N.ToolbarItem,{children:e},t))]})})]})}function mQ(){const n=Rx();return x.jsx(N.MastheadToggle,{onClick:()=>n.setState({isOpen:!n.isOpen}),children:x.jsx(N.PageToggleButton,{variant:"plain","aria-label":"Global navigation",children:x.jsx(yt.BarsIcon,{})})})}function pQ(n){const{loading:e}=n,[t,i]=E.useState((n==null?void 0:n.initialTabIndex)??0),r=E.useCallback((l,c)=>i(c),[i]),s=E.Children.toArray(n.children),o=s.map((l,c)=>{if(E.isValidElement(l)&&l.type===G4){const u=l.props.label;return x.jsx(N.Tab,{title:u||x.jsx(N.Skeleton,{width:"60px"}),eventKey:c},u??c)}return l}),a=s[t];return e?x.jsx(pQ,{children:x.jsx(G4,{children:x.jsx(N.PageSection,{variant:"light",children:x.jsx(N.Skeleton,{})})})}):x.jsxs(x.Fragment,{children:[x.jsx(N.PageSection,{type:N.PageSectionTypes.tabs,className:"border-bottom",children:x.jsxs(N.Flex,{spaceItems:{default:"spaceItemsNone"},children:[n.preComponents&&x.jsxs(x.Fragment,{children:[x.jsx(N.FlexItem,{children:n.preComponents}),x.jsx(N.Divider,{orientation:{default:"vertical"},component:"div"})]}),x.jsx(N.FlexItem,{grow:{default:"grow"},children:x.jsx(N.Tabs,{activeKey:t,onSelect:r,inset:n.preComponents?void 0:{default:"insetNone",sm:"insetNone",md:"insetNone",lg:"insetNone",xl:"insetSm",["2xl"]:"insetSm"},hasBorderBottom:!1,children:o})}),n.postComponents&&x.jsxs(x.Fragment,{children:[x.jsx(N.Divider,{orientation:{default:"vertical"}}),x.jsx(N.FlexItem,{style:{paddingRight:16},children:n.postComponents})]})]})}),a]})}function G4(n){return x.jsx(x.Fragment,{children:n.children})}function _Je(n){const{activeKey:e,setActiveKey:t}=n,i=E.useCallback((r,s)=>t(s),[t]);return x.jsx(N.PageSection,{type:N.PageSectionTypes.tabs,style:{flexGrow:1},children:x.jsx(N.Tabs,{activeKey:e,onSelect:i,inset:{default:"insetNone",sm:"insetNone",md:"insetNone",lg:"insetNone",xl:"insetSm",["2xl"]:"insetSm"},children:n.children})})}const vJe=TJ`
+`))];return x.jsx(Zv,{...o,label:r?x.jsxs("span",{style:{alignItems:"center"},children:[x.jsx(yt.AngleRightIcon,{style:{transform:S?"rotate(0deg)":"rotate(90deg)",transition:"transform"},onClick:()=>D(ue=>!ue),"aria-label":e("Expand or collapse extra variables")}),n.label]}):n.label,id:_,helperTextInvalid:!(i&&d)&&(ne==null?void 0:ne.map(ue=>x.jsx(nJe,{children:ue},ue))),children:(!r||!S)&&x.jsxs(x.Fragment,{children:[x.jsx(N.ToggleGroup,{isCompact:!0,children:O}),x.jsx(tJe,{setError:f,clearErrors:g,id:_,name:I,language:b,value:H,onChange:M,isReadOnly:t||u,invalid:!(i&&d)&&(te==null?void 0:te.message)!==void 0})]})})},rules:{required:typeof a=="string"&&c===!0?{value:!0,message:`${$c(a.toLocaleLowerCase())} is required.`}:void 0,validate:n.validate}})}function rJe(n){const{control:e,formState:{isSubmitting:t}}=jo();return x.jsx(Sd,{name:n.name,control:e,shouldUnregister:!0,render:({field:{onChange:i,value:r},fieldState:{error:s}})=>x.jsx(wc,{...n,value:r,onSelect:(o,a)=>i(a),helperTextInvalid:s==null?void 0:s.message,isReadOnly:n.isReadOnly||t})})}function sJe(n){const{label:e,isRequired:t,validate:i}=n,{control:r,formState:{isSubmitting:s}}=jo();return x.jsx(Sd,{name:n.name,control:r,shouldUnregister:!0,render:({field:{onChange:o,value:a},fieldState:{error:l}})=>(a===""&&n.options.length===1&&t&&o(n.options[0].value),x.jsx(EV,{...n,id:n.id??n.name,value:a,onSelect:(c,u)=>o(u),helperTextInvalid:l==null?void 0:l.message,isReadOnly:n.isReadOnly||s})),rules:{required:typeof e=="string"&&t===!0?{value:!0,message:`${$c(e.toLocaleLowerCase())} is required.`}:void 0,validate:i}})}function oJe(n){const{name:e,id:t,helperText:i,validate:r,additionalControls:s,formLabel:o,labelHelp:a,labelHelpTitle:l,...c}=n,{control:u,formState:{isSubmitting:d,isValidating:h}}=jo();return x.jsx(Sd,{name:e,control:u,shouldUnregister:!0,render:({field:{onChange:f,value:g},fieldState:{error:m}})=>x.jsx(N.FormGroup,{helperTextInvalid:!(r&&h)&&(m==null?void 0:m.message),fieldId:t,label:o,helperText:i,validated:m!=null&&m.message?"error":void 0,labelInfo:s,labelIcon:a?x.jsx(Yv,{title:l,help:a}):void 0,children:x.jsx(N.Switch,{...c,isChecked:g,onChange:p=>f(p),isDisabled:d})})})}function aJe(n){const{name:e,label:t,isReadOnly:i,isRequired:r,minLength:s,maxLength:o,pattern:a,validate:l}=n,{control:c,formState:{isSubmitting:u}}=jo();return x.jsx(Sd,{name:e,control:c,shouldUnregister:!0,render:({field:{onChange:d,value:h},fieldState:{error:f}})=>x.jsx(TV,{...n,id:n.id??e,value:h,onChange:d,helperTextInvalid:f==null?void 0:f.message,isReadOnly:i||u,minLength:void 0,maxLength:void 0}),rules:{required:typeof t=="string"&&r===!0?{value:!0,message:`${$c(t.toLocaleLowerCase())} is required.`}:void 0,minLength:typeof t=="string"&&typeof s=="number"?{value:s,message:`${$c(t.toLocaleLowerCase())} must be at least ${s} characters.`}:s,maxLength:typeof t=="string"&&typeof o=="number"?{value:o,message:`${$c(t.toLocaleLowerCase())} cannot be greater than ${o} characters.`}:o,pattern:a,validate:l}})}function lJe(n){const{name:e,isReadOnly:t,isRequired:i,minLength:r,maxLength:s,pattern:o,validate:a,selectTitle:l,button:c,id:u,selectOpen:d,selectValue:h,min:f,...g}=n,{label:m}=n,{control:p,setValue:v,trigger:_,formState:{isSubmitting:b,isValidating:w}}=jo(),[S]=ti();return x.jsx(Sd,{name:e,control:p,shouldUnregister:!0,render:({field:{onChange:D,value:k,name:L},fieldState:{error:T}})=>{function P(O){D(O.trimStart())}return x.jsxs(AV,{...g,onBlur:()=>_(L),isRequired:i,id:u??L.split(".").join("-"),value:k,onChange:P,helperTextInvalid:T!=null&&T.message?a&&w?S.validating:T==null?void 0:T.message:void 0,isReadOnly:t||b,minLength:void 0,maxLength:void 0,min:f,children:[l&&x.jsx(N.Button,{ouiaId:`lookup-${L}-button`,variant:"control",onClick:()=>d==null?void 0:d(O=>{if(h){const I=h(O);v(L,I,{shouldValidate:!0})}},l),"aria-label":"Options menu",isDisabled:n.isDisabled||b,children:x.jsx(yt.SearchIcon,{})}),c&&c]})},rules:{required:typeof m=="string"&&i===!0?{value:!0,message:`${$c(m.toLocaleLowerCase())} is required.`}:void 0,minLength:typeof m=="string"&&typeof r=="number"?{value:r,message:`${$c(m.toLocaleLowerCase())} must be at least ${r} characters.`}:r,maxLength:typeof m=="string"&&typeof s=="number"?{value:s,message:`${$c(m.toLocaleLowerCase())} cannot be greater than ${s} characters.`}:s,pattern:o,validate:a}})}function cJe(n){const{register:e,setValue:t,formState:{isSubmitting:i}}=jo(),r=e(n.name),{fieldState:s}=$V({name:n.name}),o=s.error;let a=n.id??n.name;return a=a.split(".").join("-"),x.jsx(E.Fragment,{children:x.jsx(N.FormGroup,{id:`${a}-form-group`,fieldId:a,label:n.label,helperText:n.helperText,isRequired:n.required,validated:o!=null&&o.message?"error":void 0,helperTextInvalid:o==null?void 0:o.message,children:x.jsxs(N.InputGroup,{children:[x.jsx(N.TextInput,{id:a,type:n.secret?"password":"text","aria-describedby":`${a}-form-group`,isRequired:n.required,validated:o!=null&&o.message?"error":void 0,autoFocus:n.autoFocus,placeholder:n.placeholder,...r,onChange:(l,c)=>void r.onChange(c),isReadOnly:i}),x.jsx(N.Button,{variant:"control",onClick:()=>{var l;return(l=n.selectOpen)==null?void 0:l.call(n,c=>{if(n.selectValue){const u=n.selectValue(c);t(n.name,u,{shouldValidate:!0})}},n.selectTitle)},"aria-label":"Options menu",isDisabled:i,children:x.jsx(yt.SearchIcon,{})})]})})})}function uJe(n){const{defaultValue:e,disableBody:t,disablePadding:i}=n,r=i7e({defaultValues:e??{}}),[s]=ti(),{handleSubmit:o,setError:a}=r,[l,c]=E.useState(null),u=ts("md"),[d]=E.useContext(Kh),h=n.isVertical?!1:d.formLayout==="horizontal",g=(n.singleColumn?!1:d.formColumns==="multiple")?1600:h?960:800;let m=x.jsx(z4e,{...r,children:x.jsxs(N.Form,{onSubmit:o(async p=>{c(null);try{await n.onSubmit(p,v=>c(new Error(v)),a)}catch(v){if(v instanceof Error?c(v):c(new Error("Unknown error")),typeof v=="object"&&v!==null&&"json"in v&&typeof v.json=="object"&&v.json!==null)for(const _ in v.json){let b=v.json[_];typeof b=="string"?a(_,{message:b}):Array.isArray(b)&&(b=b[0],typeof b=="string"&&a(_,{message:b}))}}}),isHorizontal:h,style:{display:"flex",flexDirection:"column",flexGrow:1,overflow:n.disableScrolling?void 0:"hidden",gap:0},children:[n.disableScrolling?x.jsx("div",{style:{maxWidth:g,padding:i?void 0:24},children:x.jsx(U4,{isVertical:n.isVertical,singleColumn:n.singleColumn,children:n.children})}):x.jsx("div",{style:{height:"100%",flexGrow:1,overflow:"auto"},children:x.jsx("div",{style:{maxWidth:g,padding:i?void 0:24},children:x.jsx(U4,{isVertical:n.isVertical,singleColumn:n.singleColumn,children:n.children})})}),l&&x.jsx(N.Alert,{variant:"danger",title:l.message??"",isInline:!0,style:{paddingLeft:u&&n.onCancel?190:void 0},isExpandable:"description"in l?typeof l.description=="string":!1,children:"description"in l&&typeof l.description=="string"&&l.description}),n.onCancel?x.jsx("div",{className:"dark-2 border-top",style:{padding:i?void 0:24},children:x.jsxs(N.ActionGroup,{style:{marginTop:0},children:[x.jsx(q4,{children:n.submitText}),n.onCancel&&x.jsx(fQ,{onCancel:n.onCancel,children:n.cancelText??s.cancelText})]})}):x.jsx(q4,{style:{marginTop:48},children:n.submitText})]})});return t||(m=x.jsx(t2,{children:m})),m}function U4(n){const[e]=E.useContext(Kh),t=n.isVertical?!1:e.formLayout==="horizontal",i=n.singleColumn?!1:e.formColumns==="multiple",r=12,s=i?t?12:6:12,o=i?6:12,a=i?6:12,l=i?4:12;return x.jsx(N.Grid,{hasGutter:!0,span:12,sm:r,md:s,lg:o,xl:a,xl2:l,children:n.children})}function q4(n){const{isSubmitting:e,errors:t}=BV(),i=t&&Object.keys(t).length>0;return x.jsx(N.Tooltip,{content:"Please fix errors",trigger:i?void 0:"manual",children:x.jsx(N.Button,{type:"submit",isDisabled:e,isLoading:e,isDanger:i,variant:i?"secondary":void 0,style:n.style,children:n.children})})}function fQ(n){return x.jsx(N.Button,{type:"button",variant:"link",onClick:n.onCancel,children:n.children})}const Rrt="",K4=E.createContext({isOpen:!1,setState:()=>({})});function Rx(){return E.useContext(K4)}function gQ(n){const e=ts("xl"),[t,i]=E.useState(()=>e),r=E.useCallback(s=>{s.isOpen!==void 0&&i(s.isOpen)},[]);return E.useEffect(()=>r({isOpen:e}),[e,r]),x.jsx(K4.Provider,{value:{isOpen:t,setState:r},children:n.children})}function dJe(){const n=g1(),e=ts("xl"),t=Rx();return E.useCallback(r=>{n(r),e||t.setState({isOpen:!t.isOpen})},[n,e,t])}function hJe(n){return x.jsx(M7,{children:x.jsx(z7,{children:x.jsx(j7,{children:x.jsx(V7,{children:x.jsx(SM,{callback:n.navigate,children:x.jsx(gQ,{children:n.children})})})})})})}function fJe(n){const e=g1();return n.breadcrumbs?x.jsx(N.Breadcrumb,{style:n.style,children:n.breadcrumbs.map((t,i)=>t.label?x.jsx(N.BreadcrumbItem,{id:t.id,component:t.component,isActive:t.to===void 0,children:t.to?x.jsx("a",{href:t.to,onClick:r=>{r.preventDefault(),e(t.to)},children:t.label}):t.label},t.id??t.label??i):x.jsx(E.Fragment,{},i))}):x.jsx(E.Fragment,{})}function gJe(n){const{breadcrumbs:e,title:t,description:i,controls:r,headerActions:s,footer:o}=n,a=ts("lg"),l=ts("xl"),c=ts("md"),d=Rx().isOpen&&l?void 0:n.navigation,[h]=ti();return x.jsxs(x.Fragment,{children:[d&&x.jsx(N.PageSection,{variant:N.PageSectionVariants.light,className:"border-top dark-1",style:{paddingLeft:0,paddingTop:0,paddingBottom:0},children:x.jsx(N.Flex,{direction:{default:"row"},flexWrap:{default:"nowrap"},style:{maxWidth:"100%"},children:x.jsx(N.PageNavigation,{style:{paddingTop:0,flexShrink:1,flexGrow:1},children:d})})}),x.jsx(N.PageSection,{variant:N.PageSectionVariants.light,className:"border-top border-bottom dark-3",style:{paddingTop:l?16:12,paddingBottom:l?16:12},children:x.jsxs(N.Stack,{hasGutter:!0,children:[x.jsxs(N.Flex,{flexWrap:{default:"nowrap"},alignItems:{default:"alignItemsStretch"},children:[x.jsxs(N.FlexItem,{grow:{default:"grow"},children:[e&&x.jsx(fJe,{breadcrumbs:e,style:{paddingBottom:a?6:4}}),t?n.titleHelp?x.jsx(N.Popover,{headerContent:n.titleHelpTitle,bodyContent:x.jsxs(N.Stack,{hasGutter:!0,children:[typeof n.titleHelp=="string"?x.jsx(N.StackItem,{children:n.titleHelp}):n.titleHelp.map((f,g)=>x.jsx(N.StackItem,{children:f},g)),n.titleDocLink&&x.jsx(N.StackItem,{children:x.jsx(N.Button,{icon:x.jsx(yt.ExternalLinkAltIcon,{}),variant:"link",onClick:()=>window.open(n.titleDocLink,"_blank"),isInline:!0,children:h.documentation})})]}),position:"bottom-start",removeFindDomNode:!0,children:x.jsxs(N.Title,{headingLevel:"h1",children:[t,x.jsx(N.Button,{variant:"link",style:{padding:0,marginTop:1,marginLeft:8,verticalAlign:"top"},children:x.jsx(yt.OutlinedQuestionCircleIcon,{})})]})}):x.jsx(N.Title,{headingLevel:"h1",children:t}):x.jsx(N.Title,{headingLevel:"h1",children:x.jsx(N.Skeleton,{width:"160px"})}),c&&i&&x.jsx(N.Text,{component:"p",style:{paddingTop:l?4:2,opacity:.8},children:typeof i=="string"?x.jsx(N.Truncate,{content:i}):x.jsx(N.Stack,{children:i.map(f=>x.jsx(N.StackItem,{children:f},f))})})]}),t&&(s||r)&&x.jsxs(N.Flex,{direction:{default:"column"},spaceItems:{default:"spaceItemsSm",xl:"spaceItemsMd"},justifyContent:{default:"justifyContentCenter"},children:[r&&x.jsx(N.FlexItem,{grow:{default:"grow"},children:r}),s&&x.jsx(N.FlexItem,{children:s})]})]}),o]})})]})}function mJe(n){const[e]=ti();return x.jsx($7,{message:e.errorText,children:x.jsx("div",{style:{display:"flex",flexDirection:"column",height:"100%",maxHeight:"100%"},children:n.children})})}function pJe(n){return x.jsxs(N.Masthead,{children:[x.jsx(mQ,{}),x.jsx(N.MastheadMain,{children:x.jsx(N.Title,{headingLevel:"h1",style:{fontWeight:"bold",lineHeight:1.2},children:n.title})}),x.jsx(N.Toolbar,{id:"toolbar",style:{padding:0},children:x.jsxs(N.ToolbarContent,{children:[x.jsx("div",{style:{flexGrow:1}}),E.Children.toArray(n.children).map((e,t)=>x.jsx(N.ToolbarItem,{children:e},t))]})})]})}function mQ(){const n=Rx();return x.jsx(N.MastheadToggle,{onClick:()=>n.setState({isOpen:!n.isOpen}),children:x.jsx(N.PageToggleButton,{variant:"plain","aria-label":"Global navigation",children:x.jsx(yt.BarsIcon,{})})})}function pQ(n){const{loading:e}=n,[t,i]=E.useState((n==null?void 0:n.initialTabIndex)??0),r=E.useCallback((l,c)=>i(c),[i]),s=E.Children.toArray(n.children),o=s.map((l,c)=>{if(E.isValidElement(l)&&l.type===G4){const u=l.props.label;return x.jsx(N.Tab,{title:u||x.jsx(N.Skeleton,{width:"60px"}),eventKey:c},u??c)}return l}),a=s[t];return e?x.jsx(pQ,{children:x.jsx(G4,{children:x.jsx(N.PageSection,{variant:"light",children:x.jsx(N.Skeleton,{})})})}):x.jsxs(x.Fragment,{children:[x.jsx(N.PageSection,{type:N.PageSectionTypes.tabs,className:"border-bottom",children:x.jsxs(N.Flex,{spaceItems:{default:"spaceItemsNone"},children:[n.preComponents&&x.jsxs(x.Fragment,{children:[x.jsx(N.FlexItem,{children:n.preComponents}),x.jsx(N.Divider,{orientation:{default:"vertical"},component:"div"})]}),x.jsx(N.FlexItem,{grow:{default:"grow"},children:x.jsx(N.Tabs,{activeKey:t,onSelect:r,inset:n.preComponents?void 0:{default:"insetNone",sm:"insetNone",md:"insetNone",lg:"insetNone",xl:"insetSm",["2xl"]:"insetSm"},hasBorderBottom:!1,children:o})}),n.postComponents&&x.jsxs(x.Fragment,{children:[x.jsx(N.Divider,{orientation:{default:"vertical"}}),x.jsx(N.FlexItem,{style:{paddingRight:16},children:n.postComponents})]})]})}),a]})}function G4(n){return x.jsx(x.Fragment,{children:n.children})}function _Je(n){const{activeKey:e,setActiveKey:t}=n,i=E.useCallback((r,s)=>t(s),[t]);return x.jsx(N.PageSection,{type:N.PageSectionTypes.tabs,style:{flexGrow:1},children:x.jsx(N.Tabs,{activeKey:e,onSelect:i,inset:{default:"insetNone",sm:"insetNone",md:"insetNone",lg:"insetNone",xl:"insetSm",["2xl"]:"insetSm"},children:n.children})})}const vJe=TJ`
   from {
     transform: rotate(0);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "A framework for building applications using PatternFly.",
-  "version": "2.4.179",
+  "version": "2.4.180",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",