@ansible/ansible-ui-framework 2.4.430 → 2.4.431

package/framework/PageNavigation/PageNavigationItem.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 interface PageNavigationGroup {
+    id?: string;
     label?: string;
     path: string;
     children: PageNavigationItem[];
 }
 interface PageNavigationComponent {
-    id: string;
+    id?: string;
     label?: string;
     path: string;
     element: JSX.Element;

package/index.js

@@ -43759,7 +43759,7 @@ function A3(e, t) {
   const n = {};
   return t.forEach((r) => {
     const a = (e + "/" + r.path).replace("//", "/");
-    "id" in r && (n[r.id] = a), "children" in r && Object.assign(n, A3(a, r.children));
+    "id" in r && typeof r.id == "string" && (n[r.id] = a), "children" in r && Object.assign(n, A3(a, r.children));
   }), n;
 }
 function JAe(e) {

package/index.umd.cjs

@@ -533,7 +533,7 @@ ${o}${y}`}else g=`${p}${s}${h.join(" ")}${s}${y}`;return e&&(g+=Ia(g,o,u(e)),a&&
   flex-grow: 1;
 `,Dxe=Me(C.Toolbar)`
   padding: 0px;
-`;function Ixe(e){return v.jsxs(C.Masthead,{children:[v.jsx(dP,{}),v.jsx(C.MastheadMain,{children:v.jsx(C.Title,{headingLevel:"h1",style:{fontWeight:"bold",lineHeight:1.2},children:e.title})}),v.jsx(Dxe,{id:"toolbar",children:v.jsxs(C.ToolbarContent,{children:[v.jsx(Mxe,{}),x.Children.toArray(e.children).map((t,n)=>v.jsx(C.ToolbarItem,{children:t},n))]})})]})}function dP(){const e=Js();return v.jsx(C.MastheadToggle,{onClick:()=>e.setState({isOpen:!e.isOpen}),children:v.jsx(C.PageToggleButton,{variant:"plain","aria-label":"Global navigation",children:v.jsx(Ce.BarsIcon,{})})})}function $xe(e){const{t}=yt(),n=Rt.useNavigate(),{dashboardUrl:r}=e;return React.createElement(C.Page,null,React.createElement(C.EmptyState,{variant:C.EmptyStateVariant.small,style:{paddingTop:48}},React.createElement(C.EmptyStateIcon,{icon:Ce.ExclamationCircleIcon}),React.createElement(C.Title,{headingLevel:"h2",size:"lg"},t("We could not find that page")),React.createElement(C.EmptyStateSecondaryActions,null,React.createElement(C.Stack,{hasGutter:!0},React.createElement(C.Button,{onClick:()=>n(-1)},t("Return to previous page")),React.createElement(C.Button,{component:i=>React.createElement(Rt.Link,{to:r,...i})},t("Return to dashboard"))))))}function hP(e){const{navigation:t}=e,n=Js();return v.jsx(C.PageSidebar,{isNavOpen:n.isOpen,nav:v.jsx(C.Nav,{children:v.jsx(C.NavList,{children:v.jsx(Jd,{baseRoute:"",items:t})})})})}function Jd(e){return v.jsx(v.Fragment,{children:e.items.map((t,n)=>v.jsx(Lxe,{item:t,baseRoute:e.baseRoute},n))})}function Lxe(e){let t;if("id"in e.item)t=e.item.id;else if("children"in e.item){const a=e.item.children.find(o=>o.path==="");a&&"id"in a&&(t=a.id)}const n=uP(),{item:r}=e;let i=e.baseRoute+"/"+r.path;return i=i.replace("//","/"),r.path==="/"&&"children"in r?v.jsx(Jd,{items:r.children,baseRoute:""}):"children"in r&&r.children.find(a=>a.label!==void 0)!==void 0?r.label===void 0?v.jsx(v.Fragment,{}):r.label===""?v.jsx(Jd,{items:r.children,baseRoute:i}):v.jsx(C.NavExpandable,{title:r.label,isActive:location.pathname.startsWith(i),isExpanded:!0,children:v.jsx(Jd,{items:r.children,baseRoute:i})}):"label"in r?v.jsx(C.NavItem,{id:t,isActive:location.pathname.startsWith(i),onClick:()=>n(i),"data-cy":t,children:r.label}):v.jsx(v.Fragment,{})}const mP=x.createContext({});function Fxe(){return x.useContext(mP)}function Nxe(e){const t=x.useMemo(()=>gP("",e.navigation),[e.navigation]);return v.jsx(mP.Provider,{value:t,children:e.children})}function gP(e,t){const n={};return t.forEach(r=>{const i=(e+"/"+r.path).replace("//","/");"id"in r&&(n[r.id]=i),"children"in r&&Object.assign(n,gP(i,r.children))}),n}function Bxe(e){const{navigation:t,basename:n,header:r}=e,i=x.useMemo(()=>[{path:"",element:v.jsx(cP,{children:v.jsx(Rt.Outlet,{})}),children:[{path:"login",element:e.login},{path:"",element:e.root??v.jsx(v.Fragment,{}),children:[{path:"",element:v.jsx(C.Page,{header:r,sidebar:v.jsx(hP,{navigation:t}),children:v.jsx(fP,{children:v.jsx(Rt.Outlet,{})})}),children:t}]},{path:"*",element:v.jsx($xe,{})}]}],[r,t,e.login,e.root]),a=x.useMemo(()=>Rt.createBrowserRouter(i,{basename:n}),[n,i]);return v.jsx(Nxe,{navigation:t,children:v.jsx(Rt.RouterProvider,{router:a})})}function Rxe(e){return e.replace(/^\//,"")}function pP(e,t){for(const n of e){if("id"in n&&n.id===t)return n;if("children"in n){const r=pP(n.children,t);if(r)return r}}}function vP(e,t){for(let n=0;n<e.length;n++){const r=e[n];if("id"in r&&r.id===t)return e.splice(n,1),r;if("children"in r){const i=vP(r.children,t);if(i)return i}}}function yP(e,t,n){for(const r of e)if("id"in r&&r.id===t){const i=r;"children"in r||(i.children=[]),i.children.push(n);return}else"children"in r&&yP(r.children,t,n)}function bP(e,t,n){for(let r=0;r<e.length;r++){const i=e[r];if("id"in i&&i.id===t){e.splice(r+1,0,n);return}else"children"in i&&bP(i.children,t,n)}}function _P(e,t,n){for(let r=0;r<e.length;r++){const i=e[r];if("id"in i&&i.id===t){e.splice(r,0,n);return}else"children"in i&&_P(i.children,t,n)}}function xP(){const e=Fxe();return(t,n)=>{let r=e[t]??"";const i=n==null?void 0:n.params,a=n==null?void 0:n.query;return r?(i&&(r=Object.keys(i).reduce((o,l)=>o.replace(`:${l}`,(i[l]??"").toString()),r)),a&&(r=`${r}?${Object.keys(a).map(o=>`${o}=${a[o]}`).join("&")}`)):console.error(`Page id ${t} not found`),r}}function Wxe(){const e=Rt.useNavigate(),t=xP();return(n,r)=>{const i=t(n,r);i&&e(i)}}function SP(e){const{loading:t}=e,[n,r]=x.useState((e==null?void 0:e.initialTabIndex)??0),i=x.useCallback((s,u)=>r(u),[r]),a=x.Children.toArray(e.children),o=a.map((s,u)=>{if(x.isValidElement(s)&&s.type===Py){const c=s.props.label;return v.jsx(C.Tab,{title:c||v.jsx(C.Skeleton,{width:"60px"}),eventKey:u},c??u)}return s}),l=a[n];return t?v.jsx(SP,{children:v.jsx(Py,{children:v.jsx(C.PageSection,{variant:"light",children:v.jsx(C.Skeleton,{})})})}):v.jsxs(v.Fragment,{children:[v.jsx(C.PageSection,{type:C.PageSectionTypes.tabs,className:"border-bottom",children:v.jsxs(C.Flex,{spaceItems:{default:"spaceItemsNone"},children:[e.preComponents&&v.jsxs(v.Fragment,{children:[v.jsx(C.FlexItem,{children:e.preComponents}),v.jsx(C.Divider,{orientation:{default:"vertical"},component:"div"})]}),v.jsx(C.FlexItem,{grow:{default:"grow"},children:v.jsx(C.Tabs,{activeKey:n,onSelect:i,inset:e.preComponents?void 0:{default:"insetNone",sm:"insetNone",md:"insetNone",lg:"insetNone",xl:"insetSm","2xl":"insetSm"},hasBorderBottom:!1,children:o})}),e.postComponents&&v.jsxs(v.Fragment,{children:[v.jsx(C.Divider,{orientation:{default:"vertical"}}),v.jsx(C.FlexItem,{style:{paddingRight:16},children:e.postComponents})]})]})}),l]})}function Py(e){return v.jsx(v.Fragment,{children:e.children})}function zxe(e){const{activeKey:t,setActiveKey:n}=e,r=x.useCallback((i,a)=>n(a),[n]);return v.jsx(C.PageSection,{type:C.PageSectionTypes.tabs,style:{flexGrow:1},children:v.jsx(C.Tabs,{activeKey:t,onSelect:r,inset:{default:"insetNone",sm:"insetNone",md:"insetNone",lg:"insetNone",xl:"insetSm","2xl":"insetSm"},children:e.children})})}const Vxe=z3`
+`;function Ixe(e){return v.jsxs(C.Masthead,{children:[v.jsx(dP,{}),v.jsx(C.MastheadMain,{children:v.jsx(C.Title,{headingLevel:"h1",style:{fontWeight:"bold",lineHeight:1.2},children:e.title})}),v.jsx(Dxe,{id:"toolbar",children:v.jsxs(C.ToolbarContent,{children:[v.jsx(Mxe,{}),x.Children.toArray(e.children).map((t,n)=>v.jsx(C.ToolbarItem,{children:t},n))]})})]})}function dP(){const e=Js();return v.jsx(C.MastheadToggle,{onClick:()=>e.setState({isOpen:!e.isOpen}),children:v.jsx(C.PageToggleButton,{variant:"plain","aria-label":"Global navigation",children:v.jsx(Ce.BarsIcon,{})})})}function $xe(e){const{t}=yt(),n=Rt.useNavigate(),{dashboardUrl:r}=e;return React.createElement(C.Page,null,React.createElement(C.EmptyState,{variant:C.EmptyStateVariant.small,style:{paddingTop:48}},React.createElement(C.EmptyStateIcon,{icon:Ce.ExclamationCircleIcon}),React.createElement(C.Title,{headingLevel:"h2",size:"lg"},t("We could not find that page")),React.createElement(C.EmptyStateSecondaryActions,null,React.createElement(C.Stack,{hasGutter:!0},React.createElement(C.Button,{onClick:()=>n(-1)},t("Return to previous page")),React.createElement(C.Button,{component:i=>React.createElement(Rt.Link,{to:r,...i})},t("Return to dashboard"))))))}function hP(e){const{navigation:t}=e,n=Js();return v.jsx(C.PageSidebar,{isNavOpen:n.isOpen,nav:v.jsx(C.Nav,{children:v.jsx(C.NavList,{children:v.jsx(Jd,{baseRoute:"",items:t})})})})}function Jd(e){return v.jsx(v.Fragment,{children:e.items.map((t,n)=>v.jsx(Lxe,{item:t,baseRoute:e.baseRoute},n))})}function Lxe(e){let t;if("id"in e.item)t=e.item.id;else if("children"in e.item){const a=e.item.children.find(o=>o.path==="");a&&"id"in a&&(t=a.id)}const n=uP(),{item:r}=e;let i=e.baseRoute+"/"+r.path;return i=i.replace("//","/"),r.path==="/"&&"children"in r?v.jsx(Jd,{items:r.children,baseRoute:""}):"children"in r&&r.children.find(a=>a.label!==void 0)!==void 0?r.label===void 0?v.jsx(v.Fragment,{}):r.label===""?v.jsx(Jd,{items:r.children,baseRoute:i}):v.jsx(C.NavExpandable,{title:r.label,isActive:location.pathname.startsWith(i),isExpanded:!0,children:v.jsx(Jd,{items:r.children,baseRoute:i})}):"label"in r?v.jsx(C.NavItem,{id:t,isActive:location.pathname.startsWith(i),onClick:()=>n(i),"data-cy":t,children:r.label}):v.jsx(v.Fragment,{})}const mP=x.createContext({});function Fxe(){return x.useContext(mP)}function Nxe(e){const t=x.useMemo(()=>gP("",e.navigation),[e.navigation]);return v.jsx(mP.Provider,{value:t,children:e.children})}function gP(e,t){const n={};return t.forEach(r=>{const i=(e+"/"+r.path).replace("//","/");"id"in r&&typeof r.id=="string"&&(n[r.id]=i),"children"in r&&Object.assign(n,gP(i,r.children))}),n}function Bxe(e){const{navigation:t,basename:n,header:r}=e,i=x.useMemo(()=>[{path:"",element:v.jsx(cP,{children:v.jsx(Rt.Outlet,{})}),children:[{path:"login",element:e.login},{path:"",element:e.root??v.jsx(v.Fragment,{}),children:[{path:"",element:v.jsx(C.Page,{header:r,sidebar:v.jsx(hP,{navigation:t}),children:v.jsx(fP,{children:v.jsx(Rt.Outlet,{})})}),children:t}]},{path:"*",element:v.jsx($xe,{})}]}],[r,t,e.login,e.root]),a=x.useMemo(()=>Rt.createBrowserRouter(i,{basename:n}),[n,i]);return v.jsx(Nxe,{navigation:t,children:v.jsx(Rt.RouterProvider,{router:a})})}function Rxe(e){return e.replace(/^\//,"")}function pP(e,t){for(const n of e){if("id"in n&&n.id===t)return n;if("children"in n){const r=pP(n.children,t);if(r)return r}}}function vP(e,t){for(let n=0;n<e.length;n++){const r=e[n];if("id"in r&&r.id===t)return e.splice(n,1),r;if("children"in r){const i=vP(r.children,t);if(i)return i}}}function yP(e,t,n){for(const r of e)if("id"in r&&r.id===t){const i=r;"children"in r||(i.children=[]),i.children.push(n);return}else"children"in r&&yP(r.children,t,n)}function bP(e,t,n){for(let r=0;r<e.length;r++){const i=e[r];if("id"in i&&i.id===t){e.splice(r+1,0,n);return}else"children"in i&&bP(i.children,t,n)}}function _P(e,t,n){for(let r=0;r<e.length;r++){const i=e[r];if("id"in i&&i.id===t){e.splice(r,0,n);return}else"children"in i&&_P(i.children,t,n)}}function xP(){const e=Fxe();return(t,n)=>{let r=e[t]??"";const i=n==null?void 0:n.params,a=n==null?void 0:n.query;return r?(i&&(r=Object.keys(i).reduce((o,l)=>o.replace(`:${l}`,(i[l]??"").toString()),r)),a&&(r=`${r}?${Object.keys(a).map(o=>`${o}=${a[o]}`).join("&")}`)):console.error(`Page id ${t} not found`),r}}function Wxe(){const e=Rt.useNavigate(),t=xP();return(n,r)=>{const i=t(n,r);i&&e(i)}}function SP(e){const{loading:t}=e,[n,r]=x.useState((e==null?void 0:e.initialTabIndex)??0),i=x.useCallback((s,u)=>r(u),[r]),a=x.Children.toArray(e.children),o=a.map((s,u)=>{if(x.isValidElement(s)&&s.type===Py){const c=s.props.label;return v.jsx(C.Tab,{title:c||v.jsx(C.Skeleton,{width:"60px"}),eventKey:u},c??u)}return s}),l=a[n];return t?v.jsx(SP,{children:v.jsx(Py,{children:v.jsx(C.PageSection,{variant:"light",children:v.jsx(C.Skeleton,{})})})}):v.jsxs(v.Fragment,{children:[v.jsx(C.PageSection,{type:C.PageSectionTypes.tabs,className:"border-bottom",children:v.jsxs(C.Flex,{spaceItems:{default:"spaceItemsNone"},children:[e.preComponents&&v.jsxs(v.Fragment,{children:[v.jsx(C.FlexItem,{children:e.preComponents}),v.jsx(C.Divider,{orientation:{default:"vertical"},component:"div"})]}),v.jsx(C.FlexItem,{grow:{default:"grow"},children:v.jsx(C.Tabs,{activeKey:n,onSelect:i,inset:e.preComponents?void 0:{default:"insetNone",sm:"insetNone",md:"insetNone",lg:"insetNone",xl:"insetSm","2xl":"insetSm"},hasBorderBottom:!1,children:o})}),e.postComponents&&v.jsxs(v.Fragment,{children:[v.jsx(C.Divider,{orientation:{default:"vertical"}}),v.jsx(C.FlexItem,{style:{paddingRight:16},children:e.postComponents})]})]})}),l]})}function Py(e){return v.jsx(v.Fragment,{children:e.children})}function zxe(e){const{activeKey:t,setActiveKey:n}=e,r=x.useCallback((i,a)=>n(a),[n]);return v.jsx(C.PageSection,{type:C.PageSectionTypes.tabs,style:{flexGrow:1},children:v.jsx(C.Tabs,{activeKey:t,onSelect:r,inset:{default:"insetNone",sm:"insetNone",md:"insetNone",lg:"insetNone",xl:"insetSm","2xl":"insetSm"},children:e.children})})}const Vxe=z3`
   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.430",
+  "version": "2.4.431",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",