ovirt-ui-toolkit 0.0.96 → 0.0.97
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -898,7 +898,11 @@ const wr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), Rr =
|
|
|
898
898
|
const i = (p) => {
|
|
899
899
|
n(p.data);
|
|
900
900
|
}, l = (f = Se.find((p) => p.data === s)) == null ? void 0 : f.id;
|
|
901
|
-
return /* @__PURE__ */ t.jsx(K, { className: "flex", items: Se, onChange: i, selected: l, children: /* @__PURE__ */ t.
|
|
901
|
+
return /* @__PURE__ */ t.jsx(K, { className: "flex", items: Se, onChange: i, selected: l, children: /* @__PURE__ */ t.jsxs(Q, { className: "m-0", type: "default", onClick: o, children: [
|
|
902
|
+
" ",
|
|
903
|
+
/* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }),
|
|
904
|
+
" "
|
|
905
|
+
] }) });
|
|
902
906
|
}, Lr = ({
|
|
903
907
|
interval: n,
|
|
904
908
|
page: s,
|
|
@@ -27,4 +27,4 @@ Check the top-level render call using <`+a+">.")}return r}}function Pe(e,r){{if(
|
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,te,D,Vr,D),Fe[D+te]=!0}}return e===i?$r(y):Ir(y),y}}function Wr(e,r,a){return Ae(e,r,a,!0)}function Lr(e,r,a){return Ae(e,r,a,!1)}var Yr=Lr,Mr=Wr;W.Fragment=i,W.jsx=Yr,W.jsxs=Mr}()),W}var se;function We(){return se||(se=1,process.env.NODE_ENV==="production"?M.exports=Ie():M.exports=$e()),M.exports}var t=We();const Le=()=>t.jsx("div",{className:"toolbar-pf"}),ie=({items:n,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:n.map((o,i)=>t.jsx("li",{className:o.active?"active":"",children:o.active?o.title:t.jsx("a",{href:o.href,children:o.title})},i))}),Ye=t.jsx("span",{className:"loading-spinner mr-2",children:t.jsxs("svg",{className:"animate-spin h-5 w-5 text-current",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[t.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}),V=({type:n="default",title:s,size:o,label:i,onClick:l,isDisabled:f=!1,children:m,className:g="",isLoading:h=!1})=>{const E=`btn-${n}`,R=o?`btn-${o}`:"",x=`${`btn ${E} ${R}`.trim()} ${g}`.trim();return t.jsx("button",{className:x,type:"button",onClick:l,disabled:f||h,children:t.jsxs("div",{className:"flex items-center justify-center",children:[h&&Ye,m||i," ",s&&t.jsx("span",{children:s})]})})},Me=({children:n,eventKey:s,active:o})=>t.jsx("div",{className:`tab-pane ${o?"active":""}`,id:`${s}-panel`,role:"tabpanel","aria-labelledby":`${s}-tab`,children:n},s),Ve=({activeKey:n,onSelect:s,children:o})=>t.jsxs("div",{className:"tabs-container",children:[t.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:o.map(({props:{eventKey:i,title:l}})=>t.jsx("li",{className:n===i?"active":"",children:t.jsx("a",{href:`#${i}`,onClick:f=>{f.preventDefault(),s(i)},children:l})},i))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:o.map(({props:{eventKey:i,children:l}})=>t.jsx("div",{className:`tab-pane ${n===i?"active":""}`,id:`${i}-panel`,role:"tabpanel","aria-labelledby":`${i}-tab`,children:l},i))})})]}),Be=S.forwardRef(({id:n,type:s,placeholder:o="",value:i,onChange:l,className:f="form-control",...m},g)=>{const h=`form-control ${f}`;return t.jsx("input",{type:s,id:n,className:h,placeholder:o,value:i,onChange:l,ref:g,...m})}),Ue=({title:n,isOpen:s,onClose:o,children:i,size:l})=>{if(!s)return null;const f=l?`modal-${l}`:"";return t.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:t.jsx("div",{className:`modal-dialog ${f}`,role:"document",children:t.jsxs("div",{className:"modal-content",children:[t.jsxs("div",{className:"modal-header",children:[t.jsx("button",{type:"button",className:"close",onClick:o,"aria-hidden":"true",children:t.jsx("span",{className:"pficon pficon-close"})}),t.jsx("h4",{className:"modal-title",children:n})]}),t.jsx("div",{className:"modal-body",children:i})]})})})},Je=({variant:n,children:s,className:o=""})=>{const i={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},l=o+" "+i[n]||"";return t.jsx("p",{className:l,children:s})},Ge=({children:n,...s})=>t.jsx("table",{...s,children:n}),He=({children:n,...s})=>t.jsx("tbody",{...s,children:n}),ze=({children:n,...s})=>t.jsx("td",{...s,children:n}),Xe=({children:n,...s})=>t.jsx("th",{...s,children:n}),qe=({children:n,...s})=>t.jsx("thead",{...s,children:n}),Ze=({children:n,...s})=>t.jsx("tr",{...s,children:n}),z=({items:n,selected:s,title:o,isOpen:i,setIsOpen:l,onChange:f,className:m=""})=>{const g=S.useRef(null);S.useEffect(()=>{const x=k=>{g.current&&!g.current.contains(k.target)&&l(!1)};return i&&document.addEventListener("mousedown",x),()=>{document.addEventListener("mousedown",x)}},[i]);const h=x=>{l(!x)},E=x=>{l(!1),f(x)},R=x=>{const k=x.id===s;return t.jsx("li",{onClick:()=>E(x),className:k?"active":"",children:t.jsx("a",{href:"#",children:x.title})},x.id)},C=`btn btn-default dropdown-toggle flex-1 ${m}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{ref:g,style:{marginLeft:"0px",left:"-1px"},className:C,onClick:()=>h(i),"data-toggle":"dropdown",type:"button",children:t.jsxs("div",{className:"flex items-center justify-center",children:[o&&t.jsx("div",{className:"mr-2",children:o})," ",t.jsx("span",{className:"caret"})," "]})}),t.jsx("ul",{className:"dropdown-menu",role:"menu",children:n.map(R)})]})},Qe=n=>{const[s,o]=S.useState(!1),i=n.selected,l=n.items.find(f=>f.id==i);return n.debug&&(console.log(n),console.log(l)),t.jsx("div",{className:`btn-group ${s?"open":""}`,children:t.jsx(z,{...n,title:(l==null?void 0:l.title)||n.title,setIsOpen:o,isOpen:s})})},oe=({currentPage:n,total:s,onPageChange:o,onNextPage:i,onPrevPage:l,end:f,pageSize:m})=>{const g=Math.ceil(s/m),h=()=>{l?l():n>1&&o(n-1)},E=()=>{i?i():n<g&&o(n+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[n," - ",g]})}),t.jsxs("div",{className:"btn-group ml-2",children:[t.jsx("button",{type:"button",className:`btn btn-default ${n===1?"disabled":""}`,disabled:n===1,onClick:h,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${n===g?"disabled":""}`,disabled:n===g||f,onClick:E,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},B=({children:n,onChange:s,items:o,selected:i,className:l=""})=>{const[f,m]=S.useState(!1);return t.jsx("div",{className:`btn-group ${l} ${f?"open":""}`,children:t.jsxs(t.Fragment,{children:[n,t.jsx(z,{setIsOpen:m,isOpen:f,onChange:s,items:o,selected:i})]})})},le=[{id:1,title:"5 сек",data:5e3},{id:2,title:"10 сек",data:1e4},{id:3,title:"20 сек",data:2e4},{id:4,title:"30 сек",data:3e4},{id:5,title:"60 сек",data:6e4}],ce=({onChange:n,value:s,onRefresh:o})=>{var f;const i=m=>{n(m.data)},l=(f=le.find(m=>m.data===s))==null?void 0:f.id;return t.jsx(B,{className:"flex",items:le,onChange:i,selected:l,children:t.
|
|
30
|
+
<%s key={someKey} {...props} />`,te,D,Vr,D),Fe[D+te]=!0}}return e===i?$r(y):Ir(y),y}}function Wr(e,r,a){return Ae(e,r,a,!0)}function Lr(e,r,a){return Ae(e,r,a,!1)}var Yr=Lr,Mr=Wr;W.Fragment=i,W.jsx=Yr,W.jsxs=Mr}()),W}var se;function We(){return se||(se=1,process.env.NODE_ENV==="production"?M.exports=Ie():M.exports=$e()),M.exports}var t=We();const Le=()=>t.jsx("div",{className:"toolbar-pf"}),ie=({items:n,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:n.map((o,i)=>t.jsx("li",{className:o.active?"active":"",children:o.active?o.title:t.jsx("a",{href:o.href,children:o.title})},i))}),Ye=t.jsx("span",{className:"loading-spinner mr-2",children:t.jsxs("svg",{className:"animate-spin h-5 w-5 text-current",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[t.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}),V=({type:n="default",title:s,size:o,label:i,onClick:l,isDisabled:f=!1,children:m,className:g="",isLoading:h=!1})=>{const E=`btn-${n}`,R=o?`btn-${o}`:"",x=`${`btn ${E} ${R}`.trim()} ${g}`.trim();return t.jsx("button",{className:x,type:"button",onClick:l,disabled:f||h,children:t.jsxs("div",{className:"flex items-center justify-center",children:[h&&Ye,m||i," ",s&&t.jsx("span",{children:s})]})})},Me=({children:n,eventKey:s,active:o})=>t.jsx("div",{className:`tab-pane ${o?"active":""}`,id:`${s}-panel`,role:"tabpanel","aria-labelledby":`${s}-tab`,children:n},s),Ve=({activeKey:n,onSelect:s,children:o})=>t.jsxs("div",{className:"tabs-container",children:[t.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:o.map(({props:{eventKey:i,title:l}})=>t.jsx("li",{className:n===i?"active":"",children:t.jsx("a",{href:`#${i}`,onClick:f=>{f.preventDefault(),s(i)},children:l})},i))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:o.map(({props:{eventKey:i,children:l}})=>t.jsx("div",{className:`tab-pane ${n===i?"active":""}`,id:`${i}-panel`,role:"tabpanel","aria-labelledby":`${i}-tab`,children:l},i))})})]}),Be=S.forwardRef(({id:n,type:s,placeholder:o="",value:i,onChange:l,className:f="form-control",...m},g)=>{const h=`form-control ${f}`;return t.jsx("input",{type:s,id:n,className:h,placeholder:o,value:i,onChange:l,ref:g,...m})}),Ue=({title:n,isOpen:s,onClose:o,children:i,size:l})=>{if(!s)return null;const f=l?`modal-${l}`:"";return t.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:t.jsx("div",{className:`modal-dialog ${f}`,role:"document",children:t.jsxs("div",{className:"modal-content",children:[t.jsxs("div",{className:"modal-header",children:[t.jsx("button",{type:"button",className:"close",onClick:o,"aria-hidden":"true",children:t.jsx("span",{className:"pficon pficon-close"})}),t.jsx("h4",{className:"modal-title",children:n})]}),t.jsx("div",{className:"modal-body",children:i})]})})})},Je=({variant:n,children:s,className:o=""})=>{const i={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},l=o+" "+i[n]||"";return t.jsx("p",{className:l,children:s})},Ge=({children:n,...s})=>t.jsx("table",{...s,children:n}),He=({children:n,...s})=>t.jsx("tbody",{...s,children:n}),ze=({children:n,...s})=>t.jsx("td",{...s,children:n}),Xe=({children:n,...s})=>t.jsx("th",{...s,children:n}),qe=({children:n,...s})=>t.jsx("thead",{...s,children:n}),Ze=({children:n,...s})=>t.jsx("tr",{...s,children:n}),z=({items:n,selected:s,title:o,isOpen:i,setIsOpen:l,onChange:f,className:m=""})=>{const g=S.useRef(null);S.useEffect(()=>{const x=k=>{g.current&&!g.current.contains(k.target)&&l(!1)};return i&&document.addEventListener("mousedown",x),()=>{document.addEventListener("mousedown",x)}},[i]);const h=x=>{l(!x)},E=x=>{l(!1),f(x)},R=x=>{const k=x.id===s;return t.jsx("li",{onClick:()=>E(x),className:k?"active":"",children:t.jsx("a",{href:"#",children:x.title})},x.id)},C=`btn btn-default dropdown-toggle flex-1 ${m}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{ref:g,style:{marginLeft:"0px",left:"-1px"},className:C,onClick:()=>h(i),"data-toggle":"dropdown",type:"button",children:t.jsxs("div",{className:"flex items-center justify-center",children:[o&&t.jsx("div",{className:"mr-2",children:o})," ",t.jsx("span",{className:"caret"})," "]})}),t.jsx("ul",{className:"dropdown-menu",role:"menu",children:n.map(R)})]})},Qe=n=>{const[s,o]=S.useState(!1),i=n.selected,l=n.items.find(f=>f.id==i);return n.debug&&(console.log(n),console.log(l)),t.jsx("div",{className:`btn-group ${s?"open":""}`,children:t.jsx(z,{...n,title:(l==null?void 0:l.title)||n.title,setIsOpen:o,isOpen:s})})},oe=({currentPage:n,total:s,onPageChange:o,onNextPage:i,onPrevPage:l,end:f,pageSize:m})=>{const g=Math.ceil(s/m),h=()=>{l?l():n>1&&o(n-1)},E=()=>{i?i():n<g&&o(n+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[n," - ",g]})}),t.jsxs("div",{className:"btn-group ml-2",children:[t.jsx("button",{type:"button",className:`btn btn-default ${n===1?"disabled":""}`,disabled:n===1,onClick:h,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${n===g?"disabled":""}`,disabled:n===g||f,onClick:E,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},B=({children:n,onChange:s,items:o,selected:i,className:l=""})=>{const[f,m]=S.useState(!1);return t.jsx("div",{className:`btn-group ${l} ${f?"open":""}`,children:t.jsxs(t.Fragment,{children:[n,t.jsx(z,{setIsOpen:m,isOpen:f,onChange:s,items:o,selected:i})]})})},le=[{id:1,title:"5 сек",data:5e3},{id:2,title:"10 сек",data:1e4},{id:3,title:"20 сек",data:2e4},{id:4,title:"30 сек",data:3e4},{id:5,title:"60 сек",data:6e4}],ce=({onChange:n,value:s,onRefresh:o})=>{var f;const i=m=>{n(m.data)},l=(f=le.find(m=>m.data===s))==null?void 0:f.id;return t.jsx(B,{className:"flex",items:le,onChange:i,selected:l,children:t.jsxs(V,{className:"m-0",type:"default",onClick:o,children:[" ",t.jsx("i",{className:"fa fa-refresh"})," "]})})},Ke=({interval:n,page:s,total:o,onRefresh:i,onChangeInterval:l,onPageChange:f,pageSize:m,onNextPage:g,onPrevPage:h,end:E})=>t.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[t.jsx("div",{className:"m-[5px]",children:t.jsx(ce,{value:n,onChange:l,onRefresh:i})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(oe,{end:E,onNextPage:g,onPrevPage:h,pageSize:m,currentPage:s,total:o,onPageChange:f})})]}),er=({id:n,label:s,isChecked:o=!1,onChange:i,className:l="checkbox",position:f="right"})=>t.jsx("div",{className:l,children:t.jsxs("div",{className:"flex items-center gap-2",children:[f==="left"&&t.jsx("input",{type:"checkbox",id:n,checked:o,onChange:i,className:"cursor-pointer !mt-0"}),t.jsx("label",{htmlFor:n,className:"cursor-pointer !mb-0",children:s}),f==="right"&&t.jsx("input",{type:"checkbox",id:n,checked:o,onChange:i,className:"cursor-pointer !mt-0"})]})}),rr=({placeholder:n="",rows:s=3,maxLength:o,value:i,onChange:l,isDisabled:f=!1,className:m=""})=>{const[g,h]=S.useState(i||""),E=i!==void 0?i:g,R=C=>{const x=C.target.value;l?l(x):h(x)};return t.jsx("textarea",{className:m,placeholder:n,rows:s,maxLength:o,value:E,onChange:R,disabled:f})},tr=({variant:n,title:s,className:o})=>{const i=["success","info","warning","danger"],l=m=>{switch(m){case"success":return"pficon pficon-ok";case"info":return"pficon pficon-info";case"warning":return"pficon pficon-warning-triangle-o";case"danger":return"pficon pficon-error-circle-o";default:return"pficon pficon-info"}};i.includes(n)||(console.warn(`Unsupported alert variant: "${n}". Defaulting to "info".`),n="info");const f=`flex pl-[20px] !static items-center alert alert-${n} ${o||""}`.trim();return t.jsxs("div",{className:f,role:"alert",children:[t.jsx("span",{className:"!static "+l(n)}),t.jsx("div",{className:"ml-5",children:s})]})},nr=({variant:n,children:s,onClick:o})=>{const i=`label label-${n}`,l=o?{tabIndex:0,role:"button","aria-pressed":!1}:{};return t.jsx("span",{className:i,onClick:o,...l,style:{cursor:o?"pointer":void 0},children:s})},ar=n=>{const{label:s,isChecked:o=!1,id:i="radio1",onChange:l,name:f}=n;return t.jsx("div",{className:"radio",children:t.jsxs("label",{htmlFor:i,children:[t.jsx("input",{type:"radio",name:f,id:i,checked:o,onChange:m=>l(m.target.checked)}),s]})})};function sr(n,s){S.useEffect(()=>{if(!n)return;const o=setInterval(()=>{s()},n);return()=>clearInterval(o)},[n])}const ir=()=>t.jsxs("div",{children:[t.jsx(ie,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),t.jsx(B,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:t.jsx(V,{children:"Hello"})}),t.jsx(B,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:t.jsx(V,{children:"Hello"})})]});v.Alert=tr,v.Breadcrumb=ie,v.Button=V,v.Checkbox=er,v.Dropdown=z,v.DropdownSelect=Qe,v.GroupButtonContainer=B,v.HelpText=Je,v.Input=Be,v.Label=nr,v.Modal=Ue,v.Pagination=oe,v.Radio=ar,v.ReloadButton=ce,v.SampleComp=ir,v.Tab=Me,v.Table=Ge,v.TableToolbar=Ke,v.Tabs=Ve,v.Tbody=He,v.Td=ze,v.TextArea=rr,v.Th=Xe,v.Thead=qe,v.ToolbarContainer=Le,v.Tr=Ze,v.useIntervalLoader=sr,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
|