@ansible/ansible-ui-framework 2.4.2571 → 2.4.2572
Sign up to get free protection for your applications and to get access to all the features.
- package/PageWizard/PageWizard.d.ts +5 -3
- package/PageWizard/PageWizardProvider.d.ts +9 -6
- package/PageWizard/PageWizardState.d.ts +26 -0
- package/PageWizard/types.d.ts +1 -21
- package/index.js +515 -509
- package/index.umd.cjs +2 -2
- package/package.json +1 -1
- package/publish/index.d.ts +3 -3
package/index.umd.cjs
CHANGED
@@ -525,7 +525,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
525
525
|
`;function k_e(e){const{t}=Ie(),[n,r]=x.useState(!0);return g.jsx(E.NotificationDrawerGroup,{title:e.group.title,isExpanded:n,count:e.group.notifications.length,onExpand:(i,a)=>r(a),children:g.jsxs(E.NotificationDrawerList,{isHidden:!n,children:[e.group.notifications.map((i,a)=>g.jsx(A_e,{notification:i},a)),e.group.notifications.length===0&&g.jsxs(E.EmptyState,{variant:E.EmptyStateVariant.full,children:[g.jsx(E.EmptyStateHeader,{headingLevel:"h2",titleText:t("No notifications")}),g.jsx(E.EmptyStateBody,{children:t("There are currently no notifications.")})]})]})})}function A_e(e){const t=e.notification.variant==="info"?void 0:e.notification.variant,n=Ot.useNavigate(),{setNotificationsDrawerOpen:r}=lp(),i=e.notification.timestamp?new Date(e.notification.timestamp):void 0,a=i?`${i.toLocaleDateString()} ${i.toLocaleTimeString()}`:void 0;return g.jsxs(E.NotificationDrawerListItem,{variant:e.notification.variant,onClick:()=>{n(e.notification.to),r(!1)},children:[g.jsx(E.NotificationDrawerListItemHeader,{title:e.notification.title,variant:t}),g.jsx(E.NotificationDrawerListItemBody,{timestamp:a,children:e.notification.description})]})}const e3=x.createContext({tabBreadcrumb:{},setTabBreadcrumb:()=>{}});function P_e(e){const[t,n]=x.useState();return g.jsx(e3.Provider,{value:{tabBreadcrumb:t,setTabBreadcrumb:n},children:e.children})}const j_e=()=>x.useContext(e3);function D_e(e){return g.jsx(ix,{children:g.jsx(F_,{defaultRefreshInterval:e.defaultRefreshInterval,children:g.jsx(O_e,{children:g.jsx(e6,{children:g.jsx(Xx,{children:g.jsx(Xj,{children:g.jsx(C_e,{children:g.jsx(P_e,{children:e.children})})})})})})})})}function $_e(e){const t=Ot.useNavigate();return e.breadcrumbs?g.jsx(E.Breadcrumb,{style:e.style,children:e.breadcrumbs.map((n,r)=>n.label?g.jsx(E.BreadcrumbItem,{"data-cy":n.label,id:n.id,component:n.component,isActive:n.to===void 0,children:n.to?g.jsx("a",{href:n.to,"data-cy":n.label,onClick:i=>{i.preventDefault(),n.to&&t(n.to)},children:n.label}):n.label},r):g.jsx(x.Fragment,{},r))}):g.jsx(x.Fragment,{})}function t3(e){const{title:t,description:n,controls:r,headerActions:i,footer:a}=e,o=rn("lg"),s=rn("xl"),l=rn("md"),[u]=At(),{tabBreadcrumb:c}=j_e(),f=x.useMemo(()=>{const d=[];return e.breadcrumbs&&(d.push(...e.breadcrumbs),c&&d.push(c)),d},[e.breadcrumbs,c]);return g.jsx(E.PageSection,{variant:E.PageSectionVariants.light,className:"bg-lighten border-bottom",style:{paddingTop:(f!=null&&f.length,s?16:12),paddingBottom:s?16:12},children:g.jsxs(E.Stack,{hasGutter:!0,children:[g.jsxs(E.Flex,{flexWrap:{default:"nowrap"},alignItems:{default:"alignItemsStretch"},children:[g.jsxs(E.FlexItem,{grow:{default:"grow"},children:[f.length>0&&g.jsx($_e,{breadcrumbs:f!=null&&f.length?f:void 0,style:{paddingBottom:o?6:4}}),t?e.titleHelp?g.jsx(E.Popover,{headerContent:e.titleHelpTitle??e.title,bodyContent:g.jsxs(E.Stack,{hasGutter:!0,children:[typeof e.titleHelp=="string"?g.jsx(E.StackItem,{children:e.titleHelp}):e.titleHelp.map((d,h)=>g.jsx(E.StackItem,{children:d},h)),e.titleDocLink&&g.jsx(E.StackItem,{children:g.jsx(E.Button,{icon:g.jsx(ve.ExternalLinkAltIcon,{}),variant:"link",onClick:()=>window.open(e.titleDocLink,"_blank"),isInline:!0,children:u.documentation})})]}),position:"bottom-start",children:g.jsxs(E.Title,{"data-cy":"page-title",headingLevel:"h1",children:[t,g.jsx(E.Button,{variant:"link",style:{padding:0,marginTop:1,marginLeft:8,verticalAlign:"top"},children:g.jsx(ve.OutlinedQuestionCircleIcon,{})})]})}):g.jsx(E.Title,{"data-cy":"page-title",headingLevel:"h1",children:t}):g.jsx(E.Title,{headingLevel:"h1",children:g.jsx(E.Skeleton,{width:"160px"})}),l&&n&&g.jsx("div",{"data-cy":"app-description",style:{paddingTop:s?4:2,opacity:.8},children:n})]}),t&&(i||r)&&g.jsxs(E.Flex,{"data-cy":"manage-view",direction:{default:"column"},spaceItems:{default:"spaceItemsSm",xl:"spaceItemsMd"},justifyContent:{default:"justifyContentCenter"},children:[r&&g.jsx(E.FlexItem,{grow:{default:"grow"},children:r}),i&&g.jsx(E.FlexItem,{children:i})]})]}),a]})})}function n3(e){const[t]=At();return g.jsx(Zx,{message:t.errorText,children:g.jsx("div",{style:{display:"flex",flexDirection:"column",height:"100%",maxHeight:"100%"},children:e.children})})}function I_e(e){const t=rn("sm");return g.jsxs(E.Masthead,{display:{default:"inline"},style:{borderBottom:"1px solid #fff4",paddingRight:0},children:[g.jsx(r3,{}),t&&g.jsx(E.MastheadMain,{children:g.jsx(E.MastheadBrand,{component:n=>g.jsx(Ot.Link,{...n,to:"/"}),children:e.brand})}),g.jsx(E.MastheadContent,{style:{marginLeft:0,minHeight:0},children:g.jsx(E.Toolbar,{id:"toolbar","data-cy":"toolbar",inset:{default:"insetNone"},style:{padding:0},children:g.jsx(E.ToolbarContent,{children:e.children})})})]})}function r3(){const e=sp();return g.jsx(E.MastheadToggle,{onClick:()=>e.setState({isOpen:!e.isOpen}),children:g.jsx(E.PageToggleButton,{"data-cy":"nav-toggle",variant:"plain","aria-label":"Global navigation",children:g.jsx(ve.BarsIcon,{})})})}function M_e(){const{setNotificationsDrawerOpen:e,notificationGroups:t}=lp(),n=Object.values(t).reduce((r,i)=>r+i.notifications.length,0);return g.jsx(E.NotificationBadge,{"data-cy":"notification-badge",variant:n===0?"read":"unread",count:n,onClick:()=>e(r=>!r)})}function L_e(){const[e,t]=x.useContext(Wa);return e.activeTheme==="dark"?g.jsx(E.Button,{"data-cy":"settings-icon",variant:"plain",onClick:()=>t({...e,theme:"light"}),children:g.jsx(ve.MoonIcon,{})}):g.jsx(E.Button,{"data-cy":"theme-icon",variant:"plain",onClick:()=>t({...e,theme:"dark"}),children:g.jsx(ve.SunIcon,{})})}function i3(e){const{navigation:t}=e,n=sp();return g.jsx(E.PageSidebar,{isSidebarOpen:n.isOpen,className:"bg-lighten",children:g.jsx(E.PageSidebarBody,{children:g.jsx(E.Nav,{"data-cy":"page-navigation",className:"side-nav",children:g.jsx(E.NavList,{children:g.jsx(up,{baseRoute:e.basename??"",items:t})})})})})}function up(e){return g.jsx(g.Fragment,{children:e.items.filter(t=>"hidden"in t?t.hidden!==!0:!0).map((t,n)=>g.jsx(N_e,{item:t,baseRoute:e.baseRoute},t.id??t.label??n))})}function N_e(e){var c;const{item:t}=e,[n,r]=x.useState(()=>localStorage.getItem("default-nav-expanded")==="true"||localStorage.getItem((t.id??t.label)+"-expanded")==="true"),i=f=>{r(f),localStorage.setItem((t.id??t.label)+"-expanded",f?"true":"false")};let a;if("id"in e.item)a=e.item.id;else if("children"in e.item){const f=e.item.children.find(d=>d.path==="");f&&"id"in f&&(a=f.id)}const o=Zj();let s=e.baseRoute+"/"+t.path;if(s=s.replace("//","/"),t.path==="/"&&"children"in t)return g.jsx(up,{items:t.children,baseRoute:""});const l="children"in t&&((c=t.children)==null?void 0:c.find(f=>f.label)),u={fontSize:"small",opacity:.5,textAlign:"left"};if(!l&&"label"in t){let f=(process.env.ROUTE_PREFIX??"")+s;f=f.replace("//","/");const d=t.href?!1:location.pathname.startsWith(f);return g.jsxs(E.NavItem,{id:a,href:t.href||s,isActive:d,className:d?"bg-lighten":void 0,onClick:()=>t.href?window.open(t.href,"_blank"):o(s),target:t.href?"_blank":"","data-cy":a,style:{display:"flex",alignItems:"stretch",flexDirection:"column"},children:[g.jsxs(E.Flex,{children:[g.jsx(E.FlexItem,{grow:{default:"grow"},children:t.label}),"badge"in t&&t.badge&&g.jsx(E.FlexItem,{children:g.jsx(E.Label,{isCompact:!0,variant:"outline",color:t.badgeColor,children:t.badge})}),"href"in t&&t.href&&g.jsx("span",{className:"pf-v5-c-nav__toggle",children:g.jsx("span",{className:"pf-v5-c-nav__toggle-icon",children:g.jsx(ve.ExternalLinkAltIcon,{})})})]}),t.subtitle&&g.jsx("div",{style:u,children:t.subtitle})]})}return!l||t.label===void 0?null:t.label?g.jsx(E.NavExpandable,{title:g.jsxs("div",{children:[g.jsx("div",{style:{textAlign:"left"},children:t.label}),t.subtitle&&g.jsx("div",{style:u,children:t.subtitle})]}),isExpanded:n,onExpand:(f,d)=>i(d),children:g.jsx(up,{items:t.children,baseRoute:s})}):g.jsx(up,{items:t.children,baseRoute:s})}function F_e(e){const{navigation:t,masthead:n}=e,r=x.useMemo(()=>[{path:e.basename??"/",element:g.jsx(E.Page,{header:n,sidebar:g.jsx(i3,{navigation:t,basename:e.basename}),children:g.jsx(E_e,{children:g.jsxs("div",{style:{maxHeight:"100%",overflow:"hidden",height:"100%",display:"flex",flexDirection:"column"},children:[e.banner,g.jsx("div",{style:{flexGrow:1,overflow:"hidden"},children:g.jsx(Ot.Outlet,{})})]})})}),children:t.filter(({href:o})=>!o)},{path:"*",element:g.jsx(g6,{})}],[n,t,e.banner,e.basename]),[i,a]=S_e();return x.useEffect(()=>a(r),[r,a]),g.jsx(Ot.Routes,{children:r.map(a3)})}function a3(e){var t;return g.jsx(Ot.Route,{path:e.path,element:e.element,children:(t=e.children)==null?void 0:t.map(a3)},e.path)}function R_e(e){return e.replace(/^\//,"")}function o3(e,t){for(const n of e){if("id"in n&&n.id===t)return n;if("children"in n){const r=o3(n.children,t);if(r)return r}}}function s3(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=s3(r.children,t);if(i)return i}}}function l3(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&&l3(r.children,t,n)}function u3(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&&u3(i.children,t,n)}}function c3(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&&c3(i.children,t,n)}}function f3(){const e=w_e();return x.useCallback((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,s)=>{let l=i[s];if(l===void 0)return o;l=encodeURIComponent(l.toString());const u=":"+s,c=new RegExp(u+"(?!.*"+u+")","g");return o.replace(c,l)},r)),a&&(r=`${r}?${Object.keys(a).map(o=>{let s=a[o];return s===void 0?"":(s=encodeURIComponent(s.toString()),`${o}=${s}`)}).join("&").replace("/&&/g","&")}`)):console.error(`Page id ${t} not found`),r},[e])}function B_e(){const e=Ot.useNavigate(),t=f3();return x.useCallback((n,r)=>{const i=t(n,r);i&&e(i)},[e,t])}function z_e(e){const{loading:t}=e,[n,r]=x.useState((e==null?void 0:e.initialTabIndex)??0),i=x.useCallback((l,u)=>r(u),[r]),a=x.Children.toArray(e.children),o=a.map((l,u)=>{if(x.isValidElement(l)&&l.type===t1){const c=l.props.label;return g.jsx(E.Tab,{title:c||g.jsx(E.Skeleton,{width:"60px"}),eventKey:u},c??u)}return l}),s=a[n];return t?g.jsx(d3,{children:g.jsx(t1,{children:g.jsx(E.PageSection,{variant:"light",children:g.jsx(E.Skeleton,{})})})}):g.jsxs(g.Fragment,{children:[g.jsx(d3,{activeKey:n,onSelect:i,inset:{default:"insetSm"},isBox:!0,children:o}),s]})}function t1(e){return g.jsx(g.Fragment,{children:e.children})}const d3=ke(E.Tabs)`
|
526
526
|
flex-shrink: 0;
|
527
527
|
background-color: 'var(--pf-v5-c-tabs__link--BackgroundColor)';
|
528
|
-
`;function W_e(){const[e,t]=x.useState(!0);return x.useEffect(()=>()=>{t(!1)},[]),e}function V_e(){const e=x.useRef({isMounted:!0});return x.useEffect(()=>()=>{e.current.isMounted=!1},[]),e}function h3(){const e=W_e(),[t,n]=x.useState(e?window.location:void 0),r=x.useCallback(()=>{n(window.location)},[]);x.useEffect(()=>{if(e)return t||r(),window.addEventListener("popstate",r),()=>{window.removeEventListener("popstate",r)}},[e,t,r]);const i=x.useCallback(o=>{window.history.replaceState(null,"",o),r()},[r]),a=x.useCallback(o=>{window.history.replaceState(null,"",o),r()},[r]);return{location:t,push:i,update:a}}function p3(){var i,a;const e=h3(),t=((i=e.location)==null?void 0:i.pathname)||"/",n=x.useMemo(()=>{var s;let o=(s=e.location)==null?void 0:s.search;return o&&o.includes("?specPath=")?o=o.substring(0,o.indexOf("?specPath=")):o&&o.includes("&specPath=")&&(o=o.substring(0,o.indexOf("&specPath="))),new URLSearchParams(o??"/")},[(a=e.location)==null?void 0:a.search]),r=x.useCallback(o=>{const s=o.toString();s?e.update("?"+s):e.update(t)},[e,t]);return[n,r]}const g3=x.createContext({});function bo(){return x.useContext(g3)}function U_e(e,t){return!e.hidden||!e.hidden(t)?e:null}function Hi(e){return(e==null?void 0:e.substeps)!==void 0}function H_e(e){const{steps:t,onSubmit:n}=e,[r,i]=x.useState(!1),[a,o]=x.useState(null),[s,l]=x.useState({}),[u,c]=x.useState(e.
|
528
|
+
`;function W_e(){const[e,t]=x.useState(!0);return x.useEffect(()=>()=>{t(!1)},[]),e}function V_e(){const e=x.useRef({isMounted:!0});return x.useEffect(()=>()=>{e.current.isMounted=!1},[]),e}function h3(){const e=W_e(),[t,n]=x.useState(e?window.location:void 0),r=x.useCallback(()=>{n(window.location)},[]);x.useEffect(()=>{if(e)return t||r(),window.addEventListener("popstate",r),()=>{window.removeEventListener("popstate",r)}},[e,t,r]);const i=x.useCallback(o=>{window.history.replaceState(null,"",o),r()},[r]),a=x.useCallback(o=>{window.history.replaceState(null,"",o),r()},[r]);return{location:t,push:i,update:a}}function p3(){var i,a;const e=h3(),t=((i=e.location)==null?void 0:i.pathname)||"/",n=x.useMemo(()=>{var s;let o=(s=e.location)==null?void 0:s.search;return o&&o.includes("?specPath=")?o=o.substring(0,o.indexOf("?specPath=")):o&&o.includes("&specPath=")&&(o=o.substring(0,o.indexOf("&specPath="))),new URLSearchParams(o??"/")},[(a=e.location)==null?void 0:a.search]),r=x.useCallback(o=>{const s=o.toString();s?e.update("?"+s):e.update(t)},[e,t]);return[n,r]}const g3=x.createContext({});function bo(){return x.useContext(g3)}function U_e(e,t){return!e.hidden||!e.hidden(t)?e:null}function Hi(e){return(e==null?void 0:e.substeps)!==void 0}function H_e(e){const{steps:t,onSubmit:n}=e,[r,i]=x.useState(!1),[a,o]=x.useState(null),[s,l]=x.useState({}),[u,c]=x.useState(e.stepDefaults??{}),[f,d]=x.useState({}),[h,p]=x.useState(),[m,v]=x.useState(!1),[y,b]=p3(),_=x.useMemo(()=>G_e(t),[t]);x.useEffect(()=>{if(process.env.NODE_ENV==="development")for(const C in e.stepDefaults)t.find(k=>k.id===C)||console.warn(`PageWizardProvider: defaultValue key '${C}' not found in steps.`)},[e.stepDefaults,t]),x.useEffect(()=>{const C=cp(t,s);a||!C.length||(C[0].substeps?o(C[0].substeps[0]):o(C[0]))},[a,t,s]);const S=x.useCallback(async(C={})=>{var j;const k=m3(t,{...s,...C});if(a===null)return Promise.resolve();if(!Hi(a)&&a.validate&&await a.validate(C,s),(a==null?void 0:a.id)===((j=k[k.length-1])==null?void 0:j.id)){v(!0);try{await n(s)}catch(P){p(P instanceof Error?P:new Error(Du("An error occurred.")))}finally{v(!1)}return}const I=k.findIndex(P=>P.id===(a==null?void 0:a.id)),A=Hi(k[I+1])?k[I+2]:k[I+1];return b(new URLSearchParams("")),l(P=>({...P,...C})),c(P=>({...P,[a==null?void 0:a.id]:C})),o(A),Promise.resolve()},[a,t,n,b,s,p]),w=x.useCallback(()=>{const C=cp(_,s),k=C.findIndex(I=>I.id===(a==null?void 0:a.id)),D=Hi(C[k-1])?C[k-2]:C[k-1];b(new URLSearchParams("")),o(D)},[a==null?void 0:a.id,_,b,s]),O=x.useMemo(()=>({wizardData:s,setWizardData:l,stepData:u,setStepData:c,steps:e.steps,visibleSteps:cp(t,s),visibleStepsFlattened:m3(t,s),activeStep:a,setActiveStep:o,stepError:f,setStepError:d,submitError:h,setSubmitError:p,isToggleExpanded:r,setToggleExpanded:i,onNext:S,onBack:w,isSubmitting:m}),[s,l,u,c,e.steps,t,a,o,f,d,h,p,r,i,S,w,m]);return g.jsx(g3.Provider,{value:O,children:e.children})}function G_e(e){return e.reduce((t,n)=>(t.push(n),Hi(n)&&t.push(...n.substeps),t),[])}function cp(e,t){return e.filter(n=>U_e(n,t))}function m3(e,t){return cp(e,t).reduce((r,i)=>(r.push(i),Hi(i)&&r.push(...i.substeps),r),[])}function v3(e){const{t}=Ie(),{activeStep:n,visibleStepsFlattened:r,setSubmitError:i}=bo(),a=(n==null?void 0:n.id)===r[r.length-1].id,o=t(a?"Finish":"Next"),s=Hi(r[0])?(n==null?void 0:n.id)===r[1].id:(n==null?void 0:n.id)===r[0].id,l=s?"pf-v5-c-button pf-m-disabled":"pf-v5-c-button pf-m-secondary";return g.jsxs("footer",{className:"pf-v5-c-wizard__footer border-top bg-lighten","data-cy":"wizard-footer",children:[n!==null&&"inputs"in n?g.jsx(hb,{style:{minWidth:10},children:o}):g.jsx("button",{"data-cy":"wizard-next",className:"pf-v5-c-button pf-m-primary",type:"submit",onClick:()=>{var u;i(void 0),(u=e.onNext)==null||u.call(e)},children:o}),g.jsx("button",{type:"button","data-cy":"wizard-back",className:l,disabled:s,onClick:()=>{var u;i(void 0),(u=e.onBack)==null||u.call(e)},children:t("Back")}),g.jsx("div",{"data-cy":"wizard-cancel",className:"pf-v5-c-wizard__footer-cancel",children:g.jsx("button",{className:"pf-v5-c-button pf-m-link",type:"button",onClick:e.onCancel,children:t("Cancel")})})]})}function q_e({onCancel:e,disableGrid:t,errorAdapter:n,isVertical:r,singleColumn:i}){const a=Ot.useNavigate(),{activeStep:o,stepData:s,onNext:l,onBack:u,submitError:c,isSubmitting:f}=bo(),d=x.useCallback(()=>{e?e():a(-1)},[a,e]);return f?g.jsx(E.Bullseye,{children:g.jsx(E.Spinner,{})}):g.jsxs(n3,{children:[g.jsx(K_e,{error:c}),o!==null&&("inputs"in o?g.jsxs(U6,{onSubmit:l,footer:g.jsx(v3,{onBack:u,onCancel:d}),defaultValue:s[o.id],errorAdapter:n,disableGrid:t,isVertical:r,singleColumn:i,isWizard:!0,children:[g.jsx(Y_e,{}),o.inputs]},o.id):g.jsxs("div",{"data-cy":`wizard-section-${o.id}`,style:{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"},children:[g.jsx(E.PageSection,{"aria-label":Du("Wizard step content"),hasOverflowScroll:!0,isFilled:!0,variant:"light",children:o==null?void 0:o.element}),g.jsx(v3,{onNext:()=>void l({}),onBack:u,onCancel:d})]}))]})}function Y_e(){const{activeStep:e,setStepError:t}=bo(),{errors:n}=sb(),r=JSON.stringify(n);return x.useEffect(()=>{Object.keys(n).length===0?t({}):e&&t({[e.id]:n})},[n,e,t,r]),null}function K_e(e){const{t}=Ie(),n=e.error;if(!e.error)return null;if(!(e.error instanceof Error))return typeof e.error=="string"?g.jsx(E.Alert,{variant:"danger",title:e.error}):g.jsx(E.Alert,{variant:"danger",title:t("An error occurred.")});if("message"in e.error&&!n.json)return g.jsx(E.Alert,{variant:"danger",title:e.error.message});if(n.json)return g.jsx(E.Alert,{variant:"danger",title:n.message,isInline:!0,children:Object.values(n.json).map((r,i)=>g.jsx("div",{children:r},i))})}const X_e=ke.div`
|
529
529
|
background-color: var(--pf-v5-global--BackgroundColor--light-100);
|
530
530
|
color: var(--pf-v5-global--Color--dark-100);
|
531
531
|
|
@@ -535,7 +535,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
535
535
|
color: var(--pf-v5-global--Color--dark-100);
|
536
536
|
}
|
537
537
|
}
|
538
|
-
`;function Z_e(e){const{t}=Ie();return g.jsxs(X_e,{className:Q([yi.wizardHeader,"border-bottom"]),children:[g.jsx("div",{className:Q(yi.wizardTitle),children:g.jsx("h2",{"data-cy":"wizard-title",className:Q(yi.wizardTitleText),children:e.title})}),e.onClose&&g.jsx("div",{className:Q(yi.wizardClose),children:g.jsx(E.Button,{"data-cy":"wizard-close",variant:"plain","aria-label":t("Close wizard"),onClick:e.onClose,children:g.jsx(ve.TimesIcon,{"aria-hidden":"true"})})})]})}function J_e(){const{activeStep:e,isToggleExpanded:t,stepError:n,visibleSteps:r,visibleStepsFlattened:i}=bo(),a=t?"pf-v5-c-wizard__nav pf-m-expanded":"pf-v5-c-wizard__nav bg-lighten",o=y3();if(e)return g.jsx("nav",{className:a,"aria-label":"Steps","data-cy":"wizard-nav",children:g.jsx("ol",{className:"pf-v5-c-wizard__nav-list",children:r.map(s=>{var d;const l=i.findIndex(h=>s.id===h.id),u=i.findIndex(h=>h.id===e.id),c=l>u,f="pf-v5-c-wizard__nav-link"+(e.id===s.id||Hi(s)&&((d=s.substeps)!=null&&d.some(h=>h.id===e.id))?" pf-m-current":"")+(c?" pf-m-disabled":"");return g.jsxs("li",{className:"pf-v5-c-wizard__nav-item","data-cy":`wizard-nav-item-${s.id}`,children:[g.jsxs("button",{className:f,onClick:()=>o(l),disabled:c,children:[" ",s.label,n[s.id]&&e.id===s.id&&g.jsx("span",{style:{marginLeft:"8px"},children:g.jsx(ve.ExclamationCircleIcon,{color:"#C9190B"})})]}),Hi(s)?g.jsx(Q_e,{step:s,activeStepIndex:u}):null]},l)})})})}function Q_e(e){const{activeStep:t,stepError:n,visibleStepsFlattened:r}=bo(),{step:i,activeStepIndex:a}=e,o=y3();if(t)return g.jsx("ol",{className:"pf-v5-c-wizard__nav-list",children:i.substeps.map(s=>{const l=r.findIndex(f=>s.id===f.id),u=l>a,c="pf-v5-c-wizard__nav-link"+(t.id===s.id?" pf-m-current":"")+(u?" pf-m-disabled":"");return g.jsx("li",{className:"pf-v5-c-wizard__nav-item","data-cy":`wizard-nav-item-${s.id}`,children:g.jsxs("button",{className:c,onClick:()=>o(l),disabled:u,children:[" ",s.label,n[s.id]&&t.id===s.id&&g.jsx("span",{style:{marginLeft:"8px"},children:g.jsx(ve.ExclamationCircleIcon,{color:"#C9190B"})})]})},s.id)})})}function y3(){const{setActiveStep:e,visibleStepsFlattened:t}=bo();return x.useCallback(n=>{const r=t[n];r&&(Hi(r)?e(r.substeps[0]):e(r))},[e,t])}function ewe(){const{t:e}=Ie(),{activeStep:t,isToggleExpanded:n,setToggleExpanded:r}=bo(),i=x.useCallback(()=>r(a=>!a),[r]);return g.jsxs("button",{onClick:i,className:Q(yi.wizardToggle,n&&"pf-m-expanded"),"aria-label":e("Wizard toggle"),"aria-expanded":n,"data-cy":"wizard-toggle",children:[g.jsx("span",{className:Q(yi.wizardToggleList),children:g.jsxs("span",{className:Q(yi.wizardToggleListItem),children:[g.jsx("span",{className:Q(yi.wizardToggleNum),children:1})," ",t==null?void 0:t.label]})}),g.jsx("span",{className:Q(yi.wizardToggleIcon),children:g.jsx(ve.CaretDownIcon,{"aria-hidden":"true"})})]})}function twe(e){return g.jsx(H_e,{steps:e.steps,
|
538
|
+
`;function Z_e(e){const{t}=Ie();return g.jsxs(X_e,{className:Q([yi.wizardHeader,"border-bottom"]),children:[g.jsx("div",{className:Q(yi.wizardTitle),children:g.jsx("h2",{"data-cy":"wizard-title",className:Q(yi.wizardTitleText),children:e.title})}),e.onClose&&g.jsx("div",{className:Q(yi.wizardClose),children:g.jsx(E.Button,{"data-cy":"wizard-close",variant:"plain","aria-label":t("Close wizard"),onClick:e.onClose,children:g.jsx(ve.TimesIcon,{"aria-hidden":"true"})})})]})}function J_e(){const{activeStep:e,isToggleExpanded:t,stepError:n,visibleSteps:r,visibleStepsFlattened:i}=bo(),a=t?"pf-v5-c-wizard__nav pf-m-expanded":"pf-v5-c-wizard__nav bg-lighten",o=y3();if(e)return g.jsx("nav",{className:a,"aria-label":"Steps","data-cy":"wizard-nav",children:g.jsx("ol",{className:"pf-v5-c-wizard__nav-list",children:r.map(s=>{var d;const l=i.findIndex(h=>s.id===h.id),u=i.findIndex(h=>h.id===e.id),c=l>u,f="pf-v5-c-wizard__nav-link"+(e.id===s.id||Hi(s)&&((d=s.substeps)!=null&&d.some(h=>h.id===e.id))?" pf-m-current":"")+(c?" pf-m-disabled":"");return g.jsxs("li",{className:"pf-v5-c-wizard__nav-item","data-cy":`wizard-nav-item-${s.id}`,children:[g.jsxs("button",{className:f,onClick:()=>o(l),disabled:c,children:[" ",s.label,n[s.id]&&e.id===s.id&&g.jsx("span",{style:{marginLeft:"8px"},children:g.jsx(ve.ExclamationCircleIcon,{color:"#C9190B"})})]}),Hi(s)?g.jsx(Q_e,{step:s,activeStepIndex:u}):null]},l)})})})}function Q_e(e){const{activeStep:t,stepError:n,visibleStepsFlattened:r}=bo(),{step:i,activeStepIndex:a}=e,o=y3();if(t)return g.jsx("ol",{className:"pf-v5-c-wizard__nav-list",children:i.substeps.map(s=>{const l=r.findIndex(f=>s.id===f.id),u=l>a,c="pf-v5-c-wizard__nav-link"+(t.id===s.id?" pf-m-current":"")+(u?" pf-m-disabled":"");return g.jsx("li",{className:"pf-v5-c-wizard__nav-item","data-cy":`wizard-nav-item-${s.id}`,children:g.jsxs("button",{className:c,onClick:()=>o(l),disabled:u,children:[" ",s.label,n[s.id]&&t.id===s.id&&g.jsx("span",{style:{marginLeft:"8px"},children:g.jsx(ve.ExclamationCircleIcon,{color:"#C9190B"})})]})},s.id)})})}function y3(){const{setActiveStep:e,visibleStepsFlattened:t}=bo();return x.useCallback(n=>{const r=t[n];r&&(Hi(r)?e(r.substeps[0]):e(r))},[e,t])}function ewe(){const{t:e}=Ie(),{activeStep:t,isToggleExpanded:n,setToggleExpanded:r}=bo(),i=x.useCallback(()=>r(a=>!a),[r]);return g.jsxs("button",{onClick:i,className:Q(yi.wizardToggle,n&&"pf-m-expanded"),"aria-label":e("Wizard toggle"),"aria-expanded":n,"data-cy":"wizard-toggle",children:[g.jsx("span",{className:Q(yi.wizardToggleList),children:g.jsxs("span",{className:Q(yi.wizardToggleListItem),children:[g.jsx("span",{className:Q(yi.wizardToggleNum),children:1})," ",t==null?void 0:t.label]})}),g.jsx("span",{className:Q(yi.wizardToggleIcon),children:g.jsx(ve.CaretDownIcon,{"aria-hidden":"true"})})]})}function twe(e){return g.jsx(H_e,{steps:e.steps,stepDefaults:e.stepDefaults,onSubmit:e.onSubmit,children:g.jsxs("div",{className:"pf-v5-c-wizard","data-cy":"wizard",style:{display:"flex",flexDirection:"column",height:"100%",maxHeight:"100%",overflow:"hidden"},children:[e.title&&g.jsx(Z_e,{title:e.title,onClose:e.onCancel}),g.jsx(ewe,{}),g.jsxs("div",{className:"pf-v5-c-wizard__outer-wrap",style:{display:"flex",flexDirection:"column",overflow:"hidden",minHeight:0},children:[g.jsx(J_e,{}),g.jsx(q_e,{errorAdapter:e.errorAdapter,onCancel:e.onCancel,disableGrid:e.disableGrid,isVertical:e.isVertical,singleColumn:e.singleColumn})]})]})})}function nwe(){return g.jsx(E.PageSection,{isFilled:!0,variant:"light",children:g.jsx(E.Bullseye,{children:g.jsx(E.Spinner,{})})})}function rwe(e){return g.jsxs(x.Fragment,{children:[g.jsx(t3,{breadcrumbs:e.breadcrumbs?[{label:g.jsx(E.Skeleton,{width:"150px"}),isLoading:!0}]:void 0,title:g.jsx(E.Skeleton,{width:"200px"})}),e.tabs&&g.jsx(E.PageSection,{variant:"light",style:{paddingTop:8,paddingBottom:8},children:g.jsx(E.Skeleton,{width:"150px"})}),g.jsx(E.Divider,{}),g.jsx(nwe,{})]})}const iwe=QD`
|
539
539
|
from {
|
540
540
|
transform: rotate(0);
|
541
541
|
}
|
package/package.json
CHANGED
package/publish/index.d.ts
CHANGED
@@ -6,7 +6,7 @@ declare var S1e: any;
|
|
6
6
|
declare var O1e: any;
|
7
7
|
declare var w1e: any;
|
8
8
|
declare var C1e: any;
|
9
|
-
declare var
|
9
|
+
declare var M0: any;
|
10
10
|
declare var Za: any;
|
11
11
|
declare const Sxe: any;
|
12
12
|
declare function BCe(e: any): any;
|
@@ -35,7 +35,7 @@ declare const zE: O.Context<{
|
|
35
35
|
declare function MR(e: any): any;
|
36
36
|
declare function gOe(e: any): any;
|
37
37
|
declare function zCe(e: any): any;
|
38
|
-
declare function
|
38
|
+
declare function ev(e: any): any;
|
39
39
|
declare function HCe(e: any): any;
|
40
40
|
declare function Uy(e: any): any;
|
41
41
|
declare function GCe(e: any): any;
|
@@ -327,4 +327,4 @@ declare function xj(e: any): any;
|
|
327
327
|
declare function p$(): string;
|
328
328
|
declare function ga(e: any, t: any): any;
|
329
329
|
import * as O from "react";
|
330
|
-
export { $xe as BulkActionDialog, L1e as BulkSelector, WCe as BytesCell, nC as Collapse, S1e as ColumnCardOption, O1e as ColumnDashboardOption, w1e as ColumnListOption, C1e as ColumnModalOption,
|
330
|
+
export { $xe as BulkActionDialog, L1e as BulkSelector, WCe as BytesCell, nC as Collapse, S1e as ColumnCardOption, O1e as ColumnDashboardOption, w1e as ColumnListOption, C1e as ColumnModalOption, M0 as ColumnPriority, Za as ColumnTableOption, Sxe as ColumnsDiv, BCe as CopyCell, WSe as DataEditorActions, zSe as DataEditorButtons, VCe as DateCell, dN as DateTimeCell, UCe as ElapsedTimeCell, NI as FrameworkTranslationsProvider, rOe as GenericForm, Vy as Help, LI as LabelColorE, hN as LabelsCell, xOe as LoadingPage, eOe as MultiSelectDialog, qf as PFColorE, Je as PageActionSelection, lt as PageActionType, ia as PageActions, zE as PageAlertToasterContext, MR as PageAlertToasterProvider, gOe as PageApp, zCe as PageBody, ev as PageChartContainer, HCe as PageDashboard, Uy as PageDashboardCard, GCe as PageDashboardChart, JT as PageDashboardContext, qCe as PageDashboardCount, KCe as PageDashboardDonutCard, YCe as PageDashboardGettingStarted, oc as PageDetail, wxe as PageDetailDiv, x1e as PageDetails, D1e as PageDetailsFromColumns, ixe as PageDialogProvider, m1e as PageDonutChart, l5e as PageForm, a5e as PageFormCancelButton, iOe as PageFormCheckbox, oOe as PageFormDataEditor, c5e as PageFormGrid, sOe as PageFormSelect, Yj as PageFormSubmitButton, lOe as PageFormSwitch, cOe as PageFormTextArea, uOe as PageFormTextInput, fOe as PageFramework, tCe as PageHeader, nCe as PageLayout, dOe as PageMasthead, rCe as PageMastheadToggle, aD as PageNavSideBarContext, BSe as PageNavSideBarProvider, iCe as PageNavigation, Vxe as PageNotFound, nOe as PageNotImplemented, hOe as PageNotificationsIcon, tl as PageSettingsContext, cN as PageSettingsProvider, iO as PageTab, eg as PageTable, Cxe as PageTableCard, QS as PageTableCards, yOe as PageTabs, pOe as PageThemeSwitcher, exe as PageToolbar, Y1e as PageToolbarFilters, bOe as PageWizard, TCe as RunningIcon, ri as Scrollable, Bxe as SelectDialog, gxe as Small, nn as TableColumnCell, pN as TextCell, q1e as ToolbarFilterType, lCe as addNavigationItem, cCe as addNavigationItemAfter, uCe as addNavigationItemBefore, Rxe as compareNumbers, Ff as compareStrings, Mxe as compareUnknowns, FCe as errorToAlertProps, oCe as findNavigationItemById, As as getPatternflyColor, Pi as objectToString, hE as pfDanger, gE as pfDisabled, pE as pfInfo, RCe as pfLink, dE as pfSuccess, LCe as pfUnreachable, RI as pfWarning, mOe as removeLeadingSlash, sCe as removeNavigationItemById, On as useBreakpoint, Ixe as useBulkActionDialog, QCe as useBulkConfirmation, Oxe as useColumnsToTableCardFn, j1e as useColumnsWithoutExpandedRow, P1e as useColumnsWithoutSort, XCe as useDashboardColumns, A1e as useDescriptionColumns, k1e as useExpandedColumns, Aj as useFiltered, Kj as useFormErrors, Vt as useFrameworkTranslations, fCe as useGetPageUrl, _Oe as useInMemoryView, MCe as useOrientation, Py as usePageAlertToaster, Va as usePageDialog, axe as usePageDialogs, VSe as usePageNavBarClick, J1 as usePageNavSideBar, vOe as usePageNavigate, nl as usePageSettings, Qp as usePaged, tOe as useSelectDialog, Ej as useSelected, oxe as useSelectedInMemory, Tj as useSorted, JCe as useTableItems, ACe as useView, T1e as useVisibleCardColumns, ZCe as useVisibleColumns, E1e as useVisibleListColumns, D1 as useVisibleModalColumns, xj as useVisibleTableColumns, p$ as useWindowSize, ga as valueToObject };
|