ovirt-ui-toolkit 0.0.64 → 0.0.65

package/dist/components/label/Label.d.ts

@@ -3,6 +3,7 @@ type LabelVariant = 'default' | 'primary' | 'success' | 'info' | 'warning' | 'da
 interface LabelProps {
     variant: LabelVariant;
     children: React.ReactNode;
+    onClick?: () => void;
 }
 declare const Label: React.FC<LabelProps>;
 export default Label;

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

@@ -947,9 +947,18 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
 }, Mr = ({ variant: n, title: s, className: i }) => {
   const o = `alert alert-${n} ${i || ""}`;
   return ["success", "info", "warning", "danger"].includes(n) || (console.warn(`Unsupported alert variant: "${n}". Defaulting to "info".`), n = "info"), /* @__PURE__ */ t.jsx("div", { className: o.trim(), role: "alert", children: s });
-}, Ur = ({ variant: n, children: s }) => {
-  const i = `label label-${n}`;
-  return /* @__PURE__ */ t.jsx("span", { className: i, children: s });
+}, Ur = ({ variant: n, children: s, onClick: i }) => {
+  const o = `label label-${n}`, c = i ? { tabIndex: 0, role: "button", "aria-pressed": !1 } : {};
+  return /* @__PURE__ */ t.jsx(
+    "span",
+    {
+      className: o,
+      onClick: i,
+      ...c,
+      style: { cursor: i ? "pointer" : void 0 },
+      children: s
+    }
+  );
 };
 function Br(n, s) {
   br(() => {

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

@@ -27,4 +27,4 @@ Check the top-level render call using <`+a+">.")}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} />`,te,P,Mr,P),Ae[P+te]=!0}}return e===o?Ir(x):Fr(x),x}}function $r(e,r,a){return Fe(e,r,a,!0)}function Wr(e,r,a){return Fe(e,r,a,!1)}var Yr=Wr,Lr=$r;$.Fragment=o,$.jsx=Yr,$.jsxs=Lr}()),$}var se;function We(){return se||(se=1,process.env.NODE_ENV==="production"?L.exports=Ie():L.exports=$e()),L.exports}var t=We();const Ye=()=>t.jsx("div",{className:"toolbar-pf"}),ie=({items:n,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:n.map((i,o)=>t.jsx("li",{className:i.active?"active":"",children:i.active?i.title:t.jsx("a",{href:i.href,children:i.title})},o))}),Le=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"})]})}),G=({type:n="default",title:s,size:i,label:o,onClick:c,isDisabled:p=!1,children:h,className:C="",isLoading:m=!1})=>{const w=`btn-${n}`,y=i?`btn-${i}`:"",_=`${`btn ${w} ${y}`.trim()} ${C}`.trim();return t.jsx("button",{className:_,type:"button",onClick:c,disabled:p||m,children:t.jsxs("div",{className:"flex items-center justify-center",children:[m&&Le,h||o," ",s&&t.jsx("span",{children:s})]})})},Me=({children:n,eventKey:s,active:i})=>t.jsx("div",{className:`tab-pane ${i?"active":""}`,id:`${s}-panel`,role:"tabpanel","aria-labelledby":`${s}-tab`,children:n},s),Ve=({activeKey:n,onSelect:s,children:i})=>t.jsxs("div",{className:"tabs-container",children:[t.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:i.map(({props:{eventKey:o,title:c}})=>t.jsx("li",{className:n===o?"active":"",children:t.jsx("a",{href:`#${o}`,onClick:p=>{p.preventDefault(),s(o)},children:c})},o))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:i.map(({props:{eventKey:o,children:c}})=>t.jsx("div",{className:`tab-pane ${n===o?"active":""}`,id:`${o}-panel`,role:"tabpanel","aria-labelledby":`${o}-tab`,children:c},o))})})]}),Be=O.forwardRef(({id:n,type:s,placeholder:i="",value:o,onChange:c,className:p="form-control"},h)=>t.jsx("input",{type:s,id:n,className:p,placeholder:i,value:o,onChange:c,ref:h})),Ue=({title:n,isOpen:s,onClose:i,children:o,size:c})=>{if(!s)return null;const p=c?`modal-${c}`:"";return t.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:t.jsx("div",{className:`modal-dialog ${p}`,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:i,"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:o})]})})})},Je=({variant:n,children:s,className:i=""})=>{const o={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},c=i+" "+o[n]||"";return t.jsx("p",{className:c,children:s})},Ge=({children:n,...s})=>t.jsx("table",{...s,children:n}),ze=({children:n,...s})=>t.jsx("tbody",{...s,children:n}),He=({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:i,isOpen:o,setIsOpen:c,onChange:p,className:h=""})=>{const C=g=>{c(!g)},m=g=>{c(!1),p(g)},w=g=>{const _=g.id===s;return t.jsx("li",{onClick:()=>m(g),className:_?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},y=`btn btn-default dropdown-toggle flex-1 ${h}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:y,onClick:()=>C(o),"data-toggle":"dropdown",type:"button",children:t.jsxs("div",{className:"flex items-center justify-center",children:[i&&t.jsx("div",{className:"mr-2",children:i})," ",t.jsx("span",{className:"caret"})," "]})}),t.jsx("ul",{className:"dropdown-menu",role:"menu",children:n.map(w)})]})},Qe=n=>{const[s,i]=O.useState(!1),o=n.selected,c=n.items.find(p=>p.id==o);return t.jsx("div",{className:`btn-group ${s?"open":""}`,children:t.jsx(z,{...n,title:n.title||(c==null?void 0:c.title),setIsOpen:i,isOpen:s})})},oe=({currentPage:n,total:s,onPageChange:i,pageSize:o})=>{const c=Math.ceil(s/o),p=()=>{n>1&&i(n-1)},h=()=>{n<c&&i(n+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[n," - ",c]})}),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:p,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${n===c?"disabled":""}`,disabled:n===c,onClick:h,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},H=({children:n,onChange:s,items:i,selected:o,className:c=""})=>{const[p,h]=O.useState(!1);return t.jsx("div",{className:`btn-group ${c} ${p?"open":""}`,children:t.jsxs(t.Fragment,{children:[n,t.jsx(z,{setIsOpen:h,isOpen:p,onChange:s,items:i,selected:o})]})})},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:i})=>{var p;const o=h=>{n(h.data)},c=(p=le.find(h=>h.data===s))==null?void 0:p.id;return t.jsx(H,{className:"flex",items:le,onChange:o,selected:c,children:t.jsx(G,{className:"m-0",type:"default",onClick:i,children:t.jsx("i",{className:"fa fa-refresh"})})})},Ke=({interval:n,page:s,total:i,onRefresh:o,onChangeInterval:c,onPageChange:p,pageSize:h})=>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:c,onRefresh:o})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(oe,{pageSize:h,currentPage:s,total:i,onPageChange:p})})]}),er=({id:n,label:s,isChecked:i=!1,onChange:o,className:c="checkbox"})=>t.jsx("div",{className:c,children:t.jsxs("label",{htmlFor:n,children:[t.jsx("input",{type:"checkbox",id:n,checked:i,onChange:o}),` ${s}`]})}),rr=({placeholder:n="",rows:s=3,maxLength:i,value:o,onChange:c,isDisabled:p=!1,className:h=""})=>{const[C,m]=O.useState(o||""),w=o!==void 0?o:C,y=g=>{const _=g.target.value;c?c(_):m(_)};return t.jsx("textarea",{className:h,placeholder:n,rows:s,maxLength:i,value:w,onChange:y,disabled:p})},tr=({variant:n,title:s,className:i})=>{const o=`alert alert-${n} ${i||""}`;return["success","info","warning","danger"].includes(n)||(console.warn(`Unsupported alert variant: "${n}". Defaulting to "info".`),n="info"),t.jsx("div",{className:o.trim(),role:"alert",children:s})},nr=({variant:n,children:s})=>{const i=`label label-${n}`;return t.jsx("span",{className:i,children:s})};function ar(n,s){O.useEffect(()=>{if(!n)return;const i=setInterval(()=>{s()},n);return()=>clearInterval(i)},[n])}const sr=()=>t.jsxs("div",{children:[t.jsx(ie,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),t.jsx(H,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:t.jsx(G,{children:"Hello"})})]});d.Alert=tr,d.Breadcrumb=ie,d.Button=G,d.Checkbox=er,d.Dropdown=z,d.DropdownSelect=Qe,d.GroupButtonContainer=H,d.HelpText=Je,d.Input=Be,d.Label=nr,d.Modal=Ue,d.Pagination=oe,d.ReloadButton=ce,d.SampleComp=sr,d.Tab=Me,d.Table=Ge,d.TableToolbar=Ke,d.Tabs=Ve,d.Tbody=ze,d.Td=He,d.TextArea=rr,d.Th=Xe,d.Thead=qe,d.ToolbarContainer=Ye,d.Tr=Ze,d.useIntervalLoader=ar,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,te,P,Mr,P),Ae[P+te]=!0}}return e===o?Ir(x):Fr(x),x}}function $r(e,r,a){return Fe(e,r,a,!0)}function Wr(e,r,a){return Fe(e,r,a,!1)}var Yr=Wr,Lr=$r;$.Fragment=o,$.jsx=Yr,$.jsxs=Lr}()),$}var se;function We(){return se||(se=1,process.env.NODE_ENV==="production"?L.exports=Ie():L.exports=$e()),L.exports}var t=We();const Ye=()=>t.jsx("div",{className:"toolbar-pf"}),ie=({items:n,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:n.map((i,o)=>t.jsx("li",{className:i.active?"active":"",children:i.active?i.title:t.jsx("a",{href:i.href,children:i.title})},o))}),Le=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"})]})}),G=({type:n="default",title:s,size:i,label:o,onClick:c,isDisabled:p=!1,children:h,className:C="",isLoading:m=!1})=>{const w=`btn-${n}`,y=i?`btn-${i}`:"",_=`${`btn ${w} ${y}`.trim()} ${C}`.trim();return t.jsx("button",{className:_,type:"button",onClick:c,disabled:p||m,children:t.jsxs("div",{className:"flex items-center justify-center",children:[m&&Le,h||o," ",s&&t.jsx("span",{children:s})]})})},Me=({children:n,eventKey:s,active:i})=>t.jsx("div",{className:`tab-pane ${i?"active":""}`,id:`${s}-panel`,role:"tabpanel","aria-labelledby":`${s}-tab`,children:n},s),Ve=({activeKey:n,onSelect:s,children:i})=>t.jsxs("div",{className:"tabs-container",children:[t.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:i.map(({props:{eventKey:o,title:c}})=>t.jsx("li",{className:n===o?"active":"",children:t.jsx("a",{href:`#${o}`,onClick:p=>{p.preventDefault(),s(o)},children:c})},o))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:i.map(({props:{eventKey:o,children:c}})=>t.jsx("div",{className:`tab-pane ${n===o?"active":""}`,id:`${o}-panel`,role:"tabpanel","aria-labelledby":`${o}-tab`,children:c},o))})})]}),Be=O.forwardRef(({id:n,type:s,placeholder:i="",value:o,onChange:c,className:p="form-control"},h)=>t.jsx("input",{type:s,id:n,className:p,placeholder:i,value:o,onChange:c,ref:h})),Ue=({title:n,isOpen:s,onClose:i,children:o,size:c})=>{if(!s)return null;const p=c?`modal-${c}`:"";return t.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:t.jsx("div",{className:`modal-dialog ${p}`,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:i,"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:o})]})})})},Je=({variant:n,children:s,className:i=""})=>{const o={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},c=i+" "+o[n]||"";return t.jsx("p",{className:c,children:s})},Ge=({children:n,...s})=>t.jsx("table",{...s,children:n}),ze=({children:n,...s})=>t.jsx("tbody",{...s,children:n}),He=({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:i,isOpen:o,setIsOpen:c,onChange:p,className:h=""})=>{const C=g=>{c(!g)},m=g=>{c(!1),p(g)},w=g=>{const _=g.id===s;return t.jsx("li",{onClick:()=>m(g),className:_?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},y=`btn btn-default dropdown-toggle flex-1 ${h}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:y,onClick:()=>C(o),"data-toggle":"dropdown",type:"button",children:t.jsxs("div",{className:"flex items-center justify-center",children:[i&&t.jsx("div",{className:"mr-2",children:i})," ",t.jsx("span",{className:"caret"})," "]})}),t.jsx("ul",{className:"dropdown-menu",role:"menu",children:n.map(w)})]})},Qe=n=>{const[s,i]=O.useState(!1),o=n.selected,c=n.items.find(p=>p.id==o);return t.jsx("div",{className:`btn-group ${s?"open":""}`,children:t.jsx(z,{...n,title:n.title||(c==null?void 0:c.title),setIsOpen:i,isOpen:s})})},oe=({currentPage:n,total:s,onPageChange:i,pageSize:o})=>{const c=Math.ceil(s/o),p=()=>{n>1&&i(n-1)},h=()=>{n<c&&i(n+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[n," - ",c]})}),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:p,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${n===c?"disabled":""}`,disabled:n===c,onClick:h,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},H=({children:n,onChange:s,items:i,selected:o,className:c=""})=>{const[p,h]=O.useState(!1);return t.jsx("div",{className:`btn-group ${c} ${p?"open":""}`,children:t.jsxs(t.Fragment,{children:[n,t.jsx(z,{setIsOpen:h,isOpen:p,onChange:s,items:i,selected:o})]})})},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:i})=>{var p;const o=h=>{n(h.data)},c=(p=le.find(h=>h.data===s))==null?void 0:p.id;return t.jsx(H,{className:"flex",items:le,onChange:o,selected:c,children:t.jsx(G,{className:"m-0",type:"default",onClick:i,children:t.jsx("i",{className:"fa fa-refresh"})})})},Ke=({interval:n,page:s,total:i,onRefresh:o,onChangeInterval:c,onPageChange:p,pageSize:h})=>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:c,onRefresh:o})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(oe,{pageSize:h,currentPage:s,total:i,onPageChange:p})})]}),er=({id:n,label:s,isChecked:i=!1,onChange:o,className:c="checkbox"})=>t.jsx("div",{className:c,children:t.jsxs("label",{htmlFor:n,children:[t.jsx("input",{type:"checkbox",id:n,checked:i,onChange:o}),` ${s}`]})}),rr=({placeholder:n="",rows:s=3,maxLength:i,value:o,onChange:c,isDisabled:p=!1,className:h=""})=>{const[C,m]=O.useState(o||""),w=o!==void 0?o:C,y=g=>{const _=g.target.value;c?c(_):m(_)};return t.jsx("textarea",{className:h,placeholder:n,rows:s,maxLength:i,value:w,onChange:y,disabled:p})},tr=({variant:n,title:s,className:i})=>{const o=`alert alert-${n} ${i||""}`;return["success","info","warning","danger"].includes(n)||(console.warn(`Unsupported alert variant: "${n}". Defaulting to "info".`),n="info"),t.jsx("div",{className:o.trim(),role:"alert",children:s})},nr=({variant:n,children:s,onClick:i})=>{const o=`label label-${n}`,c=i?{tabIndex:0,role:"button","aria-pressed":!1}:{};return t.jsx("span",{className:o,onClick:i,...c,style:{cursor:i?"pointer":void 0},children:s})};function ar(n,s){O.useEffect(()=>{if(!n)return;const i=setInterval(()=>{s()},n);return()=>clearInterval(i)},[n])}const sr=()=>t.jsxs("div",{children:[t.jsx(ie,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),t.jsx(H,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:t.jsx(G,{children:"Hello"})})]});d.Alert=tr,d.Breadcrumb=ie,d.Button=G,d.Checkbox=er,d.Dropdown=z,d.DropdownSelect=Qe,d.GroupButtonContainer=H,d.HelpText=Je,d.Input=Be,d.Label=nr,d.Modal=Ue,d.Pagination=oe,d.ReloadButton=ce,d.SampleComp=sr,d.Tab=Me,d.Table=Ge,d.TableToolbar=Ke,d.Tabs=Ve,d.Tbody=ze,d.Td=He,d.TextArea=rr,d.Th=Xe,d.Thead=qe,d.ToolbarContainer=Ye,d.Tr=Ze,d.useIntervalLoader=ar,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

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