ovirt-ui-toolkit 0.0.59 → 0.0.60

package/dist/components/groupButtonContainer/ui/GroupButtonContainer.d.ts

@@ -5,6 +5,7 @@ interface GroupButtonContainerProps {
     onChange: (item: DropdownItem) => void;
     items: DropdownItem[];
     selected?: number | string;
+    className?: string;
 }
 declare const GroupButtonContainer: React.FC<GroupButtonContainerProps>;
 export default GroupButtonContainer;

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

@@ -1,4 +1,4 @@
-import Se, { forwardRef as mr, useState as Q, useEffect as br } from "react";
+import Se, { forwardRef as hr, useState as Q, useEffect as br } from "react";
 var U = { exports: {} }, A = {};
 /**
  * @license React
@@ -14,14 +14,14 @@ function xr() {
   if (Ce) return A;
   Ce = 1;
   var a = Se, s = Symbol.for("react.element"), o = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, c = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(C, m, T) {
+  function m(C, h, T) {
     var j, b = {}, R = null, W = null;
-    T !== void 0 && (R = "" + T), m.key !== void 0 && (R = "" + m.key), m.ref !== void 0 && (W = m.ref);
-    for (j in m) l.call(m, j) && !p.hasOwnProperty(j) && (b[j] = m[j]);
-    if (C && C.defaultProps) for (j in m = C.defaultProps, m) b[j] === void 0 && (b[j] = m[j]);
+    T !== void 0 && (R = "" + T), h.key !== void 0 && (R = "" + h.key), h.ref !== void 0 && (W = h.ref);
+    for (j in h) l.call(h, j) && !p.hasOwnProperty(j) && (b[j] = h[j]);
+    if (C && C.defaultProps) for (j in h = C.defaultProps, h) b[j] === void 0 && (b[j] = h[j]);
     return { $$typeof: s, type: C, key: R, ref: W, props: b, _owner: c.current };
   }
-  return A.Fragment = o, A.jsx = h, A.jsxs = h, A;
+  return A.Fragment = o, A.jsx = m, A.jsxs = m, A;
 }
 var I = {};
 /**
@@ -36,7 +36,7 @@ var I = {};
 var Te;
 function gr() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = Se, s = Symbol.for("react.element"), o = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), C = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), K = Symbol.iterator, $e = "@@iterator";
+    var a = Se, s = Symbol.for("react.element"), o = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), C = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), K = Symbol.iterator, $e = "@@iterator";
     function De(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -64,7 +64,7 @@ function gr() {
     var Ae = !1, Ie = !1, We = !1, Ye = !1, Ve = !1, ee;
     ee = Symbol.for("react.module.reference");
     function Me(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === l || e === p || Ve || e === c || e === T || e === j || Ye || e === W || Ae || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === b || e.$$typeof === h || e.$$typeof === C || e.$$typeof === m || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === p || Ve || e === c || e === T || e === j || Ye || e === W || Ae || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === b || e.$$typeof === m || e.$$typeof === C || e.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -106,10 +106,10 @@ function gr() {
           case C:
             var r = e;
             return re(r) + ".Consumer";
-          case h:
+          case m:
             var n = e;
             return re(n._context) + ".Provider";
-          case m:
+          case h:
             return Le(e, e.render, "ForwardRef");
           case b:
             var i = e.displayName || null;
@@ -299,7 +299,7 @@ function gr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case m:
+          case h:
             return qe(e.render);
           case b:
             return M(e.type, r, n);
@@ -364,12 +364,12 @@ function gr() {
       if (Ze(e))
         return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xe(e)), ve(e);
     }
-    var he = k.ReactCurrentOwner, Qe = {
+    var me = k.ReactCurrentOwner, Qe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, me, be;
+    }, he, be;
     function Ke(e) {
       if (F.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -387,12 +387,12 @@ function gr() {
       return e.key !== void 0;
     }
     function rr(e, r) {
-      typeof e.ref == "string" && he.current;
+      typeof e.ref == "string" && me.current;
     }
     function tr(e, r) {
       {
         var n = function() {
-          me || (me = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          he || (he = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: n,
@@ -455,7 +455,7 @@ function gr() {
           var g = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           u && tr(f, g), E && nr(f, g);
         }
-        return ar(e, u, E, d, i, he.current, f);
+        return ar(e, u, E, d, i, me.current, f);
       }
     }
     var G = k.ReactCurrentOwner, xe = k.ReactDebugCurrentFrame;
@@ -539,7 +539,7 @@ Check the top-level render call using <` + n + ">.");
         var n;
         if (typeof r == "function")
           n = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === m || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === b))
           n = r.propTypes;
@@ -597,8 +597,8 @@ Check the top-level render call using <` + n + ">.");
               Ee(w, e);
         }
         if (F.call(r, "key")) {
-          var N = O(e), _ = Object.keys(r).filter(function(hr) {
-            return hr !== "key";
+          var N = O(e), _ = Object.keys(r).filter(function(mr) {
+            return mr !== "key";
           }), Z = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Re[N + Z]) {
             var pr = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
@@ -664,9 +664,9 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   label: l,
   onClick: c,
   isDisabled: p = !1,
-  children: h,
+  children: m,
   className: C = "",
-  isLoading: m = !1
+  isLoading: h = !1
 }) => {
   const T = `btn-${a}`, j = o ? `btn-${o}` : "", R = `${`btn ${T} ${j}`.trim()} ${C}`.trim();
   return /* @__PURE__ */ t.jsx(
@@ -675,10 +675,10 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
       className: R,
       type: "button",
       onClick: c,
-      disabled: p || m,
+      disabled: p || h,
       children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
-        m && Er,
-        h || l,
+        h && Er,
+        m || l,
         " ",
         s && /* @__PURE__ */ t.jsx("span", { children: s })
       ] })
@@ -716,7 +716,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     },
     l
   )) }) })
-] }), Sr = mr(
+] }), Sr = hr(
   ({
     id: a,
     type: s,
@@ -724,7 +724,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     value: l,
     onChange: c,
     className: p = "form-control"
-  }, h) => /* @__PURE__ */ t.jsx(
+  }, m) => /* @__PURE__ */ t.jsx(
     "input",
     {
       type: s,
@@ -733,7 +733,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
       placeholder: o,
       value: l,
       onChange: c,
-      ref: h
+      ref: m
     }
   )
 ), Nr = ({ title: a, isOpen: s, onClose: o, children: l, size: c }) => {
@@ -760,24 +760,24 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   isOpen: l,
   setIsOpen: c,
   onChange: p,
-  className: h = ""
+  className: m = ""
 }) => {
   const C = (b) => {
     c(!b);
-  }, m = (b) => {
+  }, h = (b) => {
     c(!1), p(b);
   }, T = (b) => {
     const R = b.id === s;
     return /* @__PURE__ */ t.jsx(
       "li",
       {
-        onClick: () => m(b),
+        onClick: () => h(b),
         className: R ? "active" : "",
         children: /* @__PURE__ */ t.jsx("a", { href: "#", children: b.title })
       },
       b.id
     );
-  }, j = `btn btn-default dropdown-toggle flex-1 ${h}`;
+  }, j = `btn btn-default dropdown-toggle flex-1 ${m}`;
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       "button",
@@ -810,7 +810,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
 }, Rr = ({ currentPage: a, total: s, onPageChange: o, pageSize: l }) => {
   const c = Math.ceil(s / l), p = () => {
     a > 1 && o(a - 1);
-  }, h = () => {
+  }, m = () => {
     a < c && o(a + 1);
   };
   return /* @__PURE__ */ t.jsxs("div", { children: [
@@ -836,7 +836,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
           type: "button",
           className: `btn btn-default ${a === c ? "disabled" : ""}`,
           disabled: a === c,
-          onClick: h,
+          onClick: m,
           children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-angle-right" })
         }
       )
@@ -846,16 +846,17 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   children: a,
   onChange: s,
   items: o,
-  selected: l
+  selected: l,
+  className: c = ""
 }) => {
-  const [c, p] = Q(!1);
-  return /* @__PURE__ */ t.jsx("div", { className: `btn-group ${c ? "open" : ""}`, children: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  const [p, m] = Q(!1);
+  return /* @__PURE__ */ t.jsx("div", { className: `btn-group ${c} ${p ? "open" : ""}`, children: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     a,
     /* @__PURE__ */ t.jsx(
       ke,
       {
-        setIsOpen: p,
-        isOpen: c,
+        setIsOpen: m,
+        isOpen: p,
         onChange: s,
         items: o,
         selected: l
@@ -870,10 +871,10 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   { id: 5, title: "60 сек", data: 6e4 }
 ], _r = ({ onChange: a, value: s, onRefresh: o }) => {
   var p;
-  const l = (h) => {
-    a(h.data);
-  }, c = (p = Oe.find((h) => h.data === s)) == null ? void 0 : p.id;
-  return /* @__PURE__ */ t.jsx(Pe, { items: Oe, onChange: l, selected: c, children: /* @__PURE__ */ t.jsx(Ne, { className: "m-0", type: "default", onClick: o, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }) });
+  const l = (m) => {
+    a(m.data);
+  }, c = (p = Oe.find((m) => m.data === s)) == null ? void 0 : p.id;
+  return /* @__PURE__ */ t.jsx(Pe, { className: "flex", items: Oe, onChange: l, selected: c, children: /* @__PURE__ */ t.jsx(Ne, { className: "m-0", type: "default", onClick: o, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }) });
 }, Yr = ({
   interval: a,
   page: s,
@@ -881,7 +882,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   onRefresh: l,
   onChangeInterval: c,
   onPageChange: p,
-  pageSize: h
+  pageSize: m
 }) => /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]", children: [
   /* @__PURE__ */ t.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ t.jsx(
     _r,
@@ -894,7 +895,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   /* @__PURE__ */ t.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ t.jsx(
     Rr,
     {
-      pageSize: h,
+      pageSize: m,
       currentPage: s,
       total: o,
       onPageChange: p
@@ -924,16 +925,16 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   value: l,
   onChange: c,
   isDisabled: p = !1,
-  className: h = ""
+  className: m = ""
 }) => {
-  const [C, m] = Q(l || ""), T = l !== void 0 ? l : C, j = (b) => {
+  const [C, h] = Q(l || ""), T = l !== void 0 ? l : C, j = (b) => {
     const R = b.target.value;
-    c ? c(R) : m(R);
+    c ? c(R) : h(R);
   };
   return /* @__PURE__ */ t.jsx(
     "textarea",
     {
-      className: h,
+      className: m,
       placeholder: a,
       rows: s,
       maxLength: o,

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

@@ -27,4 +27,4 @@ Check the top-level render call using <`+n+">.")}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===l?Fr(x):Ar(x),x}}function Ir(e,r,n){return Fe(e,r,n,!0)}function $r(e,r,n){return Fe(e,r,n,!1)}var Wr=$r,Yr=Ir;$.Fragment=l,$.jsx=Wr,$.jsxs=Yr}()),$}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 Ye=()=>t.jsx("div",{className:"toolbar-pf"}),ie=({items:a,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:a.map((o,l)=>t.jsx("li",{className:o.active?"active":"",children:o.active?o.title:t.jsx("a",{href:o.href,children:o.title})},l))}),Me=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:a="default",title:s,size:o,label:l,onClick:c,isDisabled:h=!1,children:m,className:C="",isLoading:b=!1})=>{const w=`btn-${a}`,y=o?`btn-${o}`:"",_=`${`btn ${w} ${y}`.trim()} ${C}`.trim();return t.jsx("button",{className:_,type:"button",onClick:c,disabled:h||b,children:t.jsxs("div",{className:"flex items-center justify-center",children:[b&&Me,m||l," ",s&&t.jsx("span",{children:s})]})})},Ve=({children:a,eventKey:s,active:o})=>t.jsx("div",{className:`tab-pane ${o?"active":""}`,id:`${s}-panel`,role:"tabpanel","aria-labelledby":`${s}-tab`,children:a},s),Be=({activeKey:a,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:l,title:c}})=>t.jsx("li",{className:a===l?"active":"",children:t.jsx("a",{href:`#${l}`,onClick:h=>{h.preventDefault(),s(l)},children:c})},l))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:o.map(({props:{eventKey:l,children:c}})=>t.jsx("div",{className:`tab-pane ${a===l?"active":""}`,id:`${l}-panel`,role:"tabpanel","aria-labelledby":`${l}-tab`,children:c},l))})})]}),Le=O.forwardRef(({id:a,type:s,placeholder:o="",value:l,onChange:c,className:h="form-control"},m)=>t.jsx("input",{type:s,id:a,className:h,placeholder:o,value:l,onChange:c,ref:m})),Ue=({title:a,isOpen:s,onClose:o,children:l,size:c})=>{if(!s)return null;const h=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 ${h}`,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:a})]}),t.jsx("div",{className:"modal-body",children:l})]})})})},Je=({variant:a,children:s,className:o=""})=>{const l={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},c=o+" "+l[a]||"";return t.jsx("p",{className:c,children:s})},Ge=({children:a,...s})=>t.jsx("table",{...s,children:a}),ze=({children:a,...s})=>t.jsx("tbody",{...s,children:a}),He=({children:a,...s})=>t.jsx("td",{...s,children:a}),Xe=({children:a,...s})=>t.jsx("th",{...s,children:a}),qe=({children:a,...s})=>t.jsx("thead",{...s,children:a}),Ze=({children:a,...s})=>t.jsx("tr",{...s,children:a}),z=({items:a,selected:s,title:o,isOpen:l,setIsOpen:c,onChange:h,className:m=""})=>{const C=g=>{c(!g)},b=g=>{c(!1),h(g)},w=g=>{const _=g.id===s;return t.jsx("li",{onClick:()=>b(g),className:_?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},y=`btn btn-default dropdown-toggle flex-1 ${m}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:y,onClick:()=>C(l),"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:a.map(w)})]})},Qe=a=>{const[s,o]=O.useState(!1);return t.jsx("div",{className:`btn-group ${s?"open":""}`,children:t.jsx(z,{...a,setIsOpen:o,isOpen:s})})},oe=({currentPage:a,total:s,onPageChange:o,pageSize:l})=>{const c=Math.ceil(s/l),h=()=>{a>1&&o(a-1)},m=()=>{a<c&&o(a+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[a," - ",c]})}),t.jsxs("div",{className:"btn-group ml-2",children:[t.jsx("button",{type:"button",className:`btn btn-default ${a===1?"disabled":""}`,disabled:a===1,onClick:h,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${a===c?"disabled":""}`,disabled:a===c,onClick:m,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},H=({children:a,onChange:s,items:o,selected:l})=>{const[c,h]=O.useState(!1);return t.jsx("div",{className:`btn-group ${c?"open":""}`,children:t.jsxs(t.Fragment,{children:[a,t.jsx(z,{setIsOpen:h,isOpen:c,onChange:s,items:o,selected:l})]})})},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:a,value:s,onRefresh:o})=>{var h;const l=m=>{a(m.data)},c=(h=le.find(m=>m.data===s))==null?void 0:h.id;return t.jsx(H,{items:le,onChange:l,selected:c,children:t.jsx(G,{className:"m-0",type:"default",onClick:o,children:t.jsx("i",{className:"fa fa-refresh"})})})},Ke=({interval:a,page:s,total:o,onRefresh:l,onChangeInterval:c,onPageChange:h,pageSize:m})=>t.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[t.jsx("div",{className:"m-[5px]",children:t.jsx(ce,{value:a,onChange:c,onRefresh:l})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(oe,{pageSize:m,currentPage:s,total:o,onPageChange:h})})]}),er=({id:a,label:s,isChecked:o=!1,onChange:l,className:c="checkbox"})=>t.jsx("div",{className:c,children:t.jsxs("label",{htmlFor:a,children:[t.jsx("input",{type:"checkbox",id:a,checked:o,onChange:l}),` ${s}`]})}),rr=({placeholder:a="",rows:s=3,maxLength:o,value:l,onChange:c,isDisabled:h=!1,className:m=""})=>{const[C,b]=O.useState(l||""),w=l!==void 0?l:C,y=g=>{const _=g.target.value;c?c(_):b(_)};return t.jsx("textarea",{className:m,placeholder:a,rows:s,maxLength:o,value:w,onChange:y,disabled:h})},tr=({variant:a,title:s,className:o})=>{const l=`alert alert-${a} ${o||""}`;return["success","info","warning","danger"].includes(a)||(console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`),a="info"),t.jsx("div",{className:l.trim(),role:"alert",children:s})};function nr(a,s){O.useEffect(()=>{if(!a)return;const o=setInterval(()=>{s()},a);return()=>clearInterval(o)},[a])}const ar=()=>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=Le,d.Modal=Ue,d.Pagination=oe,d.ReloadButton=ce,d.SampleComp=ar,d.Tab=Ve,d.Table=Ge,d.TableToolbar=Ke,d.Tabs=Be,d.Tbody=ze,d.Td=He,d.TextArea=rr,d.Th=Xe,d.Thead=qe,d.ToolbarContainer=Ye,d.Tr=Ze,d.useIntervalLoader=nr,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,te,P,Mr,P),Ae[P+te]=!0}}return e===l?Fr(x):Ar(x),x}}function Ir(e,r,n){return Fe(e,r,n,!0)}function $r(e,r,n){return Fe(e,r,n,!1)}var Wr=$r,Yr=Ir;$.Fragment=l,$.jsx=Wr,$.jsxs=Yr}()),$}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 Ye=()=>t.jsx("div",{className:"toolbar-pf"}),ie=({items:a,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:a.map((o,l)=>t.jsx("li",{className:o.active?"active":"",children:o.active?o.title:t.jsx("a",{href:o.href,children:o.title})},l))}),Me=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:a="default",title:s,size:o,label:l,onClick:c,isDisabled:h=!1,children:m,className:C="",isLoading:b=!1})=>{const w=`btn-${a}`,y=o?`btn-${o}`:"",_=`${`btn ${w} ${y}`.trim()} ${C}`.trim();return t.jsx("button",{className:_,type:"button",onClick:c,disabled:h||b,children:t.jsxs("div",{className:"flex items-center justify-center",children:[b&&Me,m||l," ",s&&t.jsx("span",{children:s})]})})},Ve=({children:a,eventKey:s,active:o})=>t.jsx("div",{className:`tab-pane ${o?"active":""}`,id:`${s}-panel`,role:"tabpanel","aria-labelledby":`${s}-tab`,children:a},s),Be=({activeKey:a,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:l,title:c}})=>t.jsx("li",{className:a===l?"active":"",children:t.jsx("a",{href:`#${l}`,onClick:h=>{h.preventDefault(),s(l)},children:c})},l))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:o.map(({props:{eventKey:l,children:c}})=>t.jsx("div",{className:`tab-pane ${a===l?"active":""}`,id:`${l}-panel`,role:"tabpanel","aria-labelledby":`${l}-tab`,children:c},l))})})]}),Le=O.forwardRef(({id:a,type:s,placeholder:o="",value:l,onChange:c,className:h="form-control"},m)=>t.jsx("input",{type:s,id:a,className:h,placeholder:o,value:l,onChange:c,ref:m})),Ue=({title:a,isOpen:s,onClose:o,children:l,size:c})=>{if(!s)return null;const h=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 ${h}`,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:a})]}),t.jsx("div",{className:"modal-body",children:l})]})})})},Je=({variant:a,children:s,className:o=""})=>{const l={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},c=o+" "+l[a]||"";return t.jsx("p",{className:c,children:s})},Ge=({children:a,...s})=>t.jsx("table",{...s,children:a}),ze=({children:a,...s})=>t.jsx("tbody",{...s,children:a}),He=({children:a,...s})=>t.jsx("td",{...s,children:a}),Xe=({children:a,...s})=>t.jsx("th",{...s,children:a}),qe=({children:a,...s})=>t.jsx("thead",{...s,children:a}),Ze=({children:a,...s})=>t.jsx("tr",{...s,children:a}),z=({items:a,selected:s,title:o,isOpen:l,setIsOpen:c,onChange:h,className:m=""})=>{const C=g=>{c(!g)},b=g=>{c(!1),h(g)},w=g=>{const _=g.id===s;return t.jsx("li",{onClick:()=>b(g),className:_?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},y=`btn btn-default dropdown-toggle flex-1 ${m}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:y,onClick:()=>C(l),"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:a.map(w)})]})},Qe=a=>{const[s,o]=O.useState(!1);return t.jsx("div",{className:`btn-group ${s?"open":""}`,children:t.jsx(z,{...a,setIsOpen:o,isOpen:s})})},oe=({currentPage:a,total:s,onPageChange:o,pageSize:l})=>{const c=Math.ceil(s/l),h=()=>{a>1&&o(a-1)},m=()=>{a<c&&o(a+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[a," - ",c]})}),t.jsxs("div",{className:"btn-group ml-2",children:[t.jsx("button",{type:"button",className:`btn btn-default ${a===1?"disabled":""}`,disabled:a===1,onClick:h,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${a===c?"disabled":""}`,disabled:a===c,onClick:m,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},H=({children:a,onChange:s,items:o,selected:l,className:c=""})=>{const[h,m]=O.useState(!1);return t.jsx("div",{className:`btn-group ${c} ${h?"open":""}`,children:t.jsxs(t.Fragment,{children:[a,t.jsx(z,{setIsOpen:m,isOpen:h,onChange:s,items:o,selected:l})]})})},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:a,value:s,onRefresh:o})=>{var h;const l=m=>{a(m.data)},c=(h=le.find(m=>m.data===s))==null?void 0:h.id;return t.jsx(H,{className:"flex",items:le,onChange:l,selected:c,children:t.jsx(G,{className:"m-0",type:"default",onClick:o,children:t.jsx("i",{className:"fa fa-refresh"})})})},Ke=({interval:a,page:s,total:o,onRefresh:l,onChangeInterval:c,onPageChange:h,pageSize:m})=>t.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[t.jsx("div",{className:"m-[5px]",children:t.jsx(ce,{value:a,onChange:c,onRefresh:l})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(oe,{pageSize:m,currentPage:s,total:o,onPageChange:h})})]}),er=({id:a,label:s,isChecked:o=!1,onChange:l,className:c="checkbox"})=>t.jsx("div",{className:c,children:t.jsxs("label",{htmlFor:a,children:[t.jsx("input",{type:"checkbox",id:a,checked:o,onChange:l}),` ${s}`]})}),rr=({placeholder:a="",rows:s=3,maxLength:o,value:l,onChange:c,isDisabled:h=!1,className:m=""})=>{const[C,b]=O.useState(l||""),w=l!==void 0?l:C,y=g=>{const _=g.target.value;c?c(_):b(_)};return t.jsx("textarea",{className:m,placeholder:a,rows:s,maxLength:o,value:w,onChange:y,disabled:h})},tr=({variant:a,title:s,className:o})=>{const l=`alert alert-${a} ${o||""}`;return["success","info","warning","danger"].includes(a)||(console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`),a="info"),t.jsx("div",{className:l.trim(),role:"alert",children:s})};function nr(a,s){O.useEffect(()=>{if(!a)return;const o=setInterval(()=>{s()},a);return()=>clearInterval(o)},[a])}const ar=()=>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=Le,d.Modal=Ue,d.Pagination=oe,d.ReloadButton=ce,d.SampleComp=ar,d.Tab=Ve,d.Table=Ge,d.TableToolbar=Ke,d.Tabs=Be,d.Tbody=ze,d.Td=He,d.TextArea=rr,d.Th=Xe,d.Thead=qe,d.ToolbarContainer=Ye,d.Tr=Ze,d.useIntervalLoader=nr,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

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