ovirt-ui-toolkit 0.0.29 → 0.0.31

package/dist/ovirt-ui-toolkit.es.js

@@ -746,7 +746,7 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
         disabled: f,
         className: "btn btn-default dropdown-toggle",
         onClick: _,
-        children: /* @__PURE__ */ n.jsxs("div", { className: "flex", children: [
+        children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-center", children: [
           l && /* @__PURE__ */ n.jsx("div", { className: "mr-2", children: l }),
           /* @__PURE__ */ n.jsx("span", { className: "caret" })
         ] })

package/dist/ovirt-ui-toolkit.umd.js

@@ -27,4 +27,4 @@ Check the top-level render call using <`+t+">.")}return r}}function Pe(e,r){{if(
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,ee,N,$r,N),De[N+ee]=!0}}return e===o?Nr(y):Pr(y),y}}function Dr(e,r,t){return Ae(e,r,t,!0)}function Ar(e,r,t){return Ae(e,r,t,!1)}var Ir=Ar,Fr=Dr;$.Fragment=o,$.jsx=Ir,$.jsxs=Fr}()),$}var ne;function $e(){return ne||(ne=1,process.env.NODE_ENV==="production"?M.exports=Ie():M.exports=Fe()),M.exports}var n=$e();const We=()=>n.jsx("div",{className:"toolbar-pf"}),ae=({items:a,className:i})=>n.jsx("ol",{className:`breadcrumb ${i||""}`.trim(),children:a.map((l,o)=>n.jsx("li",{className:l.active?"active":"",children:l.active?l.title:n.jsx("a",{href:l.href,children:l.title})},o))}),G=({type:a="default",title:i,size:l,label:o,onClick:f,isDisabled:b=!1,children:h,className:T=""})=>{const g=`btn-${a}`,C=l?`btn-${l}`:"",m=`${`btn ${g} ${C}`.trim()} ${T}`.trim();return n.jsx("button",{className:m,type:"button",onClick:f,disabled:b,children:n.jsxs("div",{className:"flex items-center",children:[h||o," ",i]})})},Ye=({children:a,eventKey:i,active:l})=>n.jsx("div",{className:`tab-pane ${l?"active":""}`,id:`${i}-panel`,role:"tabpanel","aria-labelledby":`${i}-tab`,children:a},i),Me=({activeKey:a,onSelect:i,children:l})=>n.jsxs("div",{className:"tabs-container",children:[n.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:l.map(({props:{eventKey:o,title:f}})=>n.jsx("li",{className:a===o?"active":"",children:n.jsx("a",{href:`#${o}`,onClick:b=>{b.preventDefault(),i(o)},children:f})},o))}),n.jsx("div",{className:"tabs-container",children:n.jsx("div",{className:"tab-content pf-c-tab-content",children:l.map(({props:{eventKey:o,children:f}})=>n.jsx("div",{className:`tab-pane ${a===o?"active":""}`,id:`${o}-panel`,role:"tabpanel","aria-labelledby":`${o}-tab`,children:f},o))})})]}),Ve=O.forwardRef(({id:a,type:i,placeholder:l="",value:o,onChange:f,className:b="form-control"},h)=>n.jsx("input",{type:i,id:a,className:b,placeholder:l,value:o,onChange:f,ref:h})),Le=({title:a,isOpen:i,onClose:l,children:o,size:f})=>{if(!i)return null;const b=f?`modal-${f}`:"";return n.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:n.jsx("div",{className:`modal-dialog ${b}`,role:"document",children:n.jsxs("div",{className:"modal-content",children:[n.jsxs("div",{className:"modal-header",children:[n.jsx("button",{type:"button",className:"close",onClick:l,"aria-hidden":"true",children:n.jsx("span",{className:"pficon pficon-close"})}),n.jsx("h4",{className:"modal-title",children:a})]}),n.jsx("div",{className:"modal-body",children:o})]})})})},Ue=({variant:a,children:i})=>{const o={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"}[a]||"";return n.jsx("p",{className:o,children:i})},Be=({children:a,...i})=>n.jsx("table",{...i,children:a}),Je=({children:a,...i})=>n.jsx("tbody",{...i,children:a}),Ge=({children:a,...i})=>n.jsx("td",{...i,children:a}),He=({children:a,...i})=>n.jsx("th",{...i,children:a}),qe=({children:a,...i})=>n.jsx("thead",{...i,children:a}),ze=({children:a,...i})=>n.jsx("tr",{...i,children:a}),ie=({items:a,selected:i,title:l,onChange:o,isDisabled:f})=>{const[b,h]=O.useState(!1),T=()=>{h(m=>!m)},g=m=>{h(!1),o(m)},C=m=>{const w=m.id===i;return n.jsx("li",{onClick:()=>g(m),className:w?"active":"",children:n.jsx("a",{href:"#",children:m.title})},m.id)},x=b?"dropdown open":"dropdown";return n.jsxs("div",{className:x,style:{display:"inline-block"},children:[n.jsx("button",{disabled:f,className:"btn btn-default dropdown-toggle",onClick:T,children:n.jsxs("div",{className:"flex",children:[l&&n.jsx("div",{className:"mr-2",children:l}),n.jsx("span",{className:"caret"})]})}),b&&n.jsx("ul",{className:"dropdown-menu",children:a.map(C)})]})},se=({currentPage:a,total:i,onPageChange:l,pageSize:o})=>{const f=Math.ceil(i/o),b=()=>{a>1&&l(a-1)},h=()=>{a<f&&l(a+1)};return n.jsxs("div",{children:[n.jsx("span",{children:n.jsxs("span",{className:"pagination-pf-items-current",children:[a," - ",f]})}),n.jsxs("div",{className:"btn-group ml-2",children:[n.jsx("button",{type:"button",className:`btn btn-default ${a===1?"disabled":""}`,disabled:a===1,onClick:b,children:n.jsx("i",{className:"fa fa-angle-left"})}),n.jsx("button",{type:"button",className:`btn btn-default ${a===f?"disabled":""}`,disabled:a===f,onClick:h,children:n.jsx("i",{className:"fa fa-angle-right"})})]})]})},oe=[{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}],le=({onChange:a,value:i,onRefresh:l})=>{var b;const o=h=>{a(h.data)},f=(b=oe.find(h=>h.data===i))==null?void 0:b.id;return n.jsxs("div",{className:"flex",children:[n.jsx(G,{type:"default",onClick:l,children:n.jsx("i",{className:"fa fa-refresh"})}),n.jsx(ie,{onChange:o,items:oe,selected:f})]})},Xe=({interval:a,page:i,total:l,onRefresh:o,onChangeInterval:f,onPageChange:b,pageSize:h})=>n.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[n.jsx("div",{className:"m-[5px]",children:n.jsx(le,{value:a,onChange:f,onRefresh:o})}),n.jsx("div",{className:"m-[5px]",children:n.jsx(se,{pageSize:h,currentPage:i,total:l,onPageChange:b})})]}),Ze=({id:a,label:i,isChecked:l=!1,onChange:o,className:f="checkbox"})=>n.jsx("div",{className:f,children:n.jsxs("label",{htmlFor:a,children:[n.jsx("input",{type:"checkbox",id:a,checked:l,onChange:o}),` ${i}`]})}),Qe=({placeholder:a="",rows:i=3,maxLength:l,value:o,onChange:f,isDisabled:b=!1,className:h=""})=>{const[T,g]=O.useState(o||""),C=o!==void 0?o:T,x=m=>{const w=m.target.value;f?f(w):g(w)};return n.jsx("textarea",{className:h,placeholder:a,rows:i,maxLength:l,value:C,onChange:x,disabled:b})},Ke=({variant:a,title:i,className:l})=>{const o=`alert alert-${a} ${l||""}`;return["success","info","warning","danger"].includes(a)||(console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`),a="info"),n.jsx("div",{className:o.trim(),role:"alert",children:i})};function er(a,i){O.useEffect(()=>{if(!a)return;const l=setInterval(()=>{i()},a);return()=>clearInterval(l)},[a])}const rr=()=>n.jsxs("div",{children:[n.jsx(ae,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),n.jsx(G,{children:"Hello"})]});v.Alert=Ke,v.Breadcrumb=ae,v.Button=G,v.Checkbox=Ze,v.Dropdown=ie,v.HelpText=Ue,v.Input=Ve,v.Modal=Le,v.Pagination=se,v.ReloadButton=le,v.SampleComp=rr,v.Tab=Ye,v.Table=Be,v.TableToolbar=Xe,v.Tabs=Me,v.Tbody=Je,v.Td=Ge,v.TextArea=Qe,v.Th=He,v.Thead=qe,v.ToolbarContainer=We,v.Tr=ze,v.useIntervalLoader=er,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,ee,N,$r,N),De[N+ee]=!0}}return e===o?Nr(y):Pr(y),y}}function Dr(e,r,t){return Ae(e,r,t,!0)}function Ar(e,r,t){return Ae(e,r,t,!1)}var Ir=Ar,Fr=Dr;$.Fragment=o,$.jsx=Ir,$.jsxs=Fr}()),$}var ne;function $e(){return ne||(ne=1,process.env.NODE_ENV==="production"?M.exports=Ie():M.exports=Fe()),M.exports}var n=$e();const We=()=>n.jsx("div",{className:"toolbar-pf"}),ae=({items:a,className:i})=>n.jsx("ol",{className:`breadcrumb ${i||""}`.trim(),children:a.map((l,o)=>n.jsx("li",{className:l.active?"active":"",children:l.active?l.title:n.jsx("a",{href:l.href,children:l.title})},o))}),G=({type:a="default",title:i,size:l,label:o,onClick:f,isDisabled:b=!1,children:h,className:T=""})=>{const g=`btn-${a}`,C=l?`btn-${l}`:"",m=`${`btn ${g} ${C}`.trim()} ${T}`.trim();return n.jsx("button",{className:m,type:"button",onClick:f,disabled:b,children:n.jsxs("div",{className:"flex items-center",children:[h||o," ",i]})})},Ye=({children:a,eventKey:i,active:l})=>n.jsx("div",{className:`tab-pane ${l?"active":""}`,id:`${i}-panel`,role:"tabpanel","aria-labelledby":`${i}-tab`,children:a},i),Me=({activeKey:a,onSelect:i,children:l})=>n.jsxs("div",{className:"tabs-container",children:[n.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:l.map(({props:{eventKey:o,title:f}})=>n.jsx("li",{className:a===o?"active":"",children:n.jsx("a",{href:`#${o}`,onClick:b=>{b.preventDefault(),i(o)},children:f})},o))}),n.jsx("div",{className:"tabs-container",children:n.jsx("div",{className:"tab-content pf-c-tab-content",children:l.map(({props:{eventKey:o,children:f}})=>n.jsx("div",{className:`tab-pane ${a===o?"active":""}`,id:`${o}-panel`,role:"tabpanel","aria-labelledby":`${o}-tab`,children:f},o))})})]}),Ve=O.forwardRef(({id:a,type:i,placeholder:l="",value:o,onChange:f,className:b="form-control"},h)=>n.jsx("input",{type:i,id:a,className:b,placeholder:l,value:o,onChange:f,ref:h})),Le=({title:a,isOpen:i,onClose:l,children:o,size:f})=>{if(!i)return null;const b=f?`modal-${f}`:"";return n.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:n.jsx("div",{className:`modal-dialog ${b}`,role:"document",children:n.jsxs("div",{className:"modal-content",children:[n.jsxs("div",{className:"modal-header",children:[n.jsx("button",{type:"button",className:"close",onClick:l,"aria-hidden":"true",children:n.jsx("span",{className:"pficon pficon-close"})}),n.jsx("h4",{className:"modal-title",children:a})]}),n.jsx("div",{className:"modal-body",children:o})]})})})},Ue=({variant:a,children:i})=>{const o={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"}[a]||"";return n.jsx("p",{className:o,children:i})},Be=({children:a,...i})=>n.jsx("table",{...i,children:a}),Je=({children:a,...i})=>n.jsx("tbody",{...i,children:a}),Ge=({children:a,...i})=>n.jsx("td",{...i,children:a}),He=({children:a,...i})=>n.jsx("th",{...i,children:a}),qe=({children:a,...i})=>n.jsx("thead",{...i,children:a}),ze=({children:a,...i})=>n.jsx("tr",{...i,children:a}),ie=({items:a,selected:i,title:l,onChange:o,isDisabled:f})=>{const[b,h]=O.useState(!1),T=()=>{h(m=>!m)},g=m=>{h(!1),o(m)},C=m=>{const w=m.id===i;return n.jsx("li",{onClick:()=>g(m),className:w?"active":"",children:n.jsx("a",{href:"#",children:m.title})},m.id)},x=b?"dropdown open":"dropdown";return n.jsxs("div",{className:x,style:{display:"inline-block"},children:[n.jsx("button",{disabled:f,className:"btn btn-default dropdown-toggle",onClick:T,children:n.jsxs("div",{className:"flex items-center",children:[l&&n.jsx("div",{className:"mr-2",children:l}),n.jsx("span",{className:"caret"})]})}),b&&n.jsx("ul",{className:"dropdown-menu",children:a.map(C)})]})},se=({currentPage:a,total:i,onPageChange:l,pageSize:o})=>{const f=Math.ceil(i/o),b=()=>{a>1&&l(a-1)},h=()=>{a<f&&l(a+1)};return n.jsxs("div",{children:[n.jsx("span",{children:n.jsxs("span",{className:"pagination-pf-items-current",children:[a," - ",f]})}),n.jsxs("div",{className:"btn-group ml-2",children:[n.jsx("button",{type:"button",className:`btn btn-default ${a===1?"disabled":""}`,disabled:a===1,onClick:b,children:n.jsx("i",{className:"fa fa-angle-left"})}),n.jsx("button",{type:"button",className:`btn btn-default ${a===f?"disabled":""}`,disabled:a===f,onClick:h,children:n.jsx("i",{className:"fa fa-angle-right"})})]})]})},oe=[{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}],le=({onChange:a,value:i,onRefresh:l})=>{var b;const o=h=>{a(h.data)},f=(b=oe.find(h=>h.data===i))==null?void 0:b.id;return n.jsxs("div",{className:"flex",children:[n.jsx(G,{type:"default",onClick:l,children:n.jsx("i",{className:"fa fa-refresh"})}),n.jsx(ie,{onChange:o,items:oe,selected:f})]})},Xe=({interval:a,page:i,total:l,onRefresh:o,onChangeInterval:f,onPageChange:b,pageSize:h})=>n.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[n.jsx("div",{className:"m-[5px]",children:n.jsx(le,{value:a,onChange:f,onRefresh:o})}),n.jsx("div",{className:"m-[5px]",children:n.jsx(se,{pageSize:h,currentPage:i,total:l,onPageChange:b})})]}),Ze=({id:a,label:i,isChecked:l=!1,onChange:o,className:f="checkbox"})=>n.jsx("div",{className:f,children:n.jsxs("label",{htmlFor:a,children:[n.jsx("input",{type:"checkbox",id:a,checked:l,onChange:o}),` ${i}`]})}),Qe=({placeholder:a="",rows:i=3,maxLength:l,value:o,onChange:f,isDisabled:b=!1,className:h=""})=>{const[T,g]=O.useState(o||""),C=o!==void 0?o:T,x=m=>{const w=m.target.value;f?f(w):g(w)};return n.jsx("textarea",{className:h,placeholder:a,rows:i,maxLength:l,value:C,onChange:x,disabled:b})},Ke=({variant:a,title:i,className:l})=>{const o=`alert alert-${a} ${l||""}`;return["success","info","warning","danger"].includes(a)||(console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`),a="info"),n.jsx("div",{className:o.trim(),role:"alert",children:i})};function er(a,i){O.useEffect(()=>{if(!a)return;const l=setInterval(()=>{i()},a);return()=>clearInterval(l)},[a])}const rr=()=>n.jsxs("div",{children:[n.jsx(ae,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),n.jsx(G,{children:"Hello"})]});v.Alert=Ke,v.Breadcrumb=ae,v.Button=G,v.Checkbox=Ze,v.Dropdown=ie,v.HelpText=Ue,v.Input=Ve,v.Modal=Le,v.Pagination=se,v.ReloadButton=le,v.SampleComp=rr,v.Tab=Ye,v.Table=Be,v.TableToolbar=Xe,v.Tabs=Me,v.Tbody=Je,v.Td=Ge,v.TextArea=Qe,v.Th=He,v.Thead=qe,v.ToolbarContainer=We,v.Tr=ze,v.useIntervalLoader=er,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ovirt-ui-toolkit",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "type": "module",
   "main": "./dist/ovirt-ui-toolkit.umd.js",
   "module": "./dist/ovirt-ui-toolkit.es.js",