ovirt-ui-toolkit 0.0.78 → 0.0.80

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

@@ -1,4 +1,4 @@
-import Ne, { forwardRef as mr, useState as Q, useEffect as br } from "react";
+import Ne, { forwardRef as hr, useState as Q, useEffect as br } from "react";
 var U = { exports: {} }, A = {};
 /**
  * @license React
@@ -14,11 +14,11 @@ function xr() {
   if (Ce) return A;
   Ce = 1;
   var n = Ne, s = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function v(j, h, T) {
+  function v(j, m, T) {
     var y, b = {}, _ = null, W = null;
-    T !== void 0 && (_ = "" + T), h.key !== void 0 && (_ = "" + h.key), h.ref !== void 0 && (W = h.ref);
-    for (y in h) i.call(h, y) && !d.hasOwnProperty(y) && (b[y] = h[y]);
-    if (j && j.defaultProps) for (y in h = j.defaultProps, h) b[y] === void 0 && (b[y] = h[y]);
+    T !== void 0 && (_ = "" + T), m.key !== void 0 && (_ = "" + m.key), m.ref !== void 0 && (W = m.ref);
+    for (y in m) i.call(m, y) && !d.hasOwnProperty(y) && (b[y] = m[y]);
+    if (j && j.defaultProps) for (y in m = j.defaultProps, m) b[y] === void 0 && (b[y] = m[y]);
     return { $$typeof: s, type: j, key: _, ref: W, props: b, _owner: c.current };
   }
   return A.Fragment = o, A.jsx = v, A.jsxs = v, A;
@@ -36,7 +36,7 @@ var I = {};
 var Te;
 function gr() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Ne, s = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), j = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), K = Symbol.iterator, $e = "@@iterator";
+    var n = Ne, s = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), j = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), _ = 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;
@@ -55,16 +55,16 @@ function gr() {
       {
         var l = k.ReactDebugCurrentFrame, p = l.getStackAddendum();
         p !== "" && (r += "%s", a = a.concat([p]));
-        var m = a.map(function(f) {
+        var h = a.map(function(f) {
           return String(f);
         });
-        m.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, m);
+        h.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, h);
       }
     }
     var Ae = !1, Ie = !1, We = !1, Ye = !1, Ve = !1, ee;
     ee = Symbol.for("react.module.reference");
     function Le(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === d || Ve || e === c || e === T || e === y || Ye || e === W || Ae || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === b || e.$$typeof === v || e.$$typeof === j || e.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === d || Ve || e === c || e === T || e === y || Ye || e === W || Ae || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === b || e.$$typeof === v || e.$$typeof === j || e.$$typeof === m || // 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.
@@ -109,15 +109,15 @@ function gr() {
           case v:
             var a = e;
             return re(a._context) + ".Provider";
-          case h:
+          case m:
             return Me(e, e.render, "ForwardRef");
           case b:
             var l = e.displayName || null;
             return l !== null ? l : O(e.type) || "Memo";
           case _: {
-            var p = e, m = p._payload, f = p._init;
+            var p = e, h = p._payload, f = p._init;
             try {
-              return O(f(m));
+              return O(f(h));
             } catch {
               return null;
             }
@@ -218,8 +218,8 @@ function gr() {
       q = !0;
       var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var m;
-      m = B.current, B.current = null, Ue();
+      var h;
+      h = B.current, B.current = null, Ue();
       try {
         if (r) {
           var f = function() {
@@ -272,7 +272,7 @@ function gr() {
             }
         }
       } finally {
-        q = !1, B.current = m, Be(), Error.prepareStackTrace = p;
+        q = !1, B.current = h, Be(), Error.prepareStackTrace = p;
       }
       var $ = e ? e.displayName || e.name : "", S = $ ? Y($) : "";
       return typeof e == "function" && V.set(e, S), S;
@@ -299,14 +299,14 @@ function gr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case h:
+          case m:
             return qe(e.render);
           case b:
             return L(e.type, r, a);
           case _: {
-            var l = e, p = l._payload, m = l._init;
+            var l = e, p = l._payload, h = l._init;
             try {
-              return L(m(p), r, a);
+              return L(h(p), r, a);
             } catch {
             }
           }
@@ -323,9 +323,9 @@ function gr() {
     }
     function Ge(e, r, a, l, p) {
       {
-        var m = Function.call.bind(F);
+        var h = Function.call.bind(F);
         for (var f in e)
-          if (m(e, f)) {
+          if (h(e, f)) {
             var u = void 0;
             try {
               if (typeof e[f] != "function") {
@@ -364,12 +364,12 @@ function gr() {
       if (Ze(e))
         return R("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 a = function() {
-          me || (me = !0, R("%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, R("%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));
         };
         a.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: a,
@@ -411,7 +411,7 @@ function gr() {
         });
       }
     }
-    var ar = function(e, r, a, l, p, m, f) {
+    var ar = function(e, r, a, l, p, h, f) {
       var u = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: s,
@@ -421,7 +421,7 @@ function gr() {
         ref: a,
         props: f,
         // Record the component responsible for creating this element.
-        _owner: m
+        _owner: h
       };
       return u._store = {}, Object.defineProperty(u._store, "validated", {
         configurable: !1,
@@ -442,20 +442,20 @@ function gr() {
     };
     function sr(e, r, a, l, p) {
       {
-        var m, f = {}, u = null, E = null;
+        var h, f = {}, u = null, E = null;
         a !== void 0 && (pe(a), u = "" + a), er(r) && (pe(r.key), u = "" + r.key), Ke(r) && (E = r.ref, rr(r, p));
-        for (m in r)
-          F.call(r, m) && !Qe.hasOwnProperty(m) && (f[m] = r[m]);
+        for (h in r)
+          F.call(r, h) && !Qe.hasOwnProperty(h) && (f[h] = r[h]);
         if (e && e.defaultProps) {
           var x = e.defaultProps;
-          for (m in x)
-            f[m] === void 0 && (f[m] = x[m]);
+          for (h in x)
+            f[h] === void 0 && (f[h] = x[h]);
         }
         if (u || E) {
           var g = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           u && tr(f, g), E && nr(f, g);
         }
-        return ar(e, u, E, p, l, he.current, f);
+        return ar(e, u, E, p, l, me.current, f);
       }
     }
     var G = k.ReactCurrentOwner, xe = k.ReactDebugCurrentFrame;
@@ -526,7 +526,7 @@ Check the top-level render call using <` + a + ">.");
         else if (e) {
           var p = De(e);
           if (typeof p == "function" && p !== e.entries)
-            for (var m = p.call(e), f; !(f = m.next()).done; )
+            for (var h = p.call(e), f; !(f = h.next()).done; )
               X(f.value) && ye(f.value, r);
         }
       }
@@ -539,7 +539,7 @@ Check the top-level render call using <` + a + ">.");
         var a;
         if (typeof r == "function")
           a = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === h || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === b))
           a = r.propTypes;
@@ -569,7 +569,7 @@ Check the top-level render call using <` + a + ">.");
       }
     }
     var Ee = {};
-    function _e(e, r, a, l, p, m) {
+    function _e(e, r, a, l, p, h) {
       {
         var f = Le(e);
         if (!f) {
@@ -580,7 +580,7 @@ Check the top-level render call using <` + a + ">.");
           var x;
           e === null ? x = "null" : z(e) ? x = "array" : e !== void 0 && e.$$typeof === s ? (x = "<" + (O(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : x = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", x, u);
         }
-        var g = sr(e, r, a, p, m);
+        var g = sr(e, r, a, p, h);
         if (g == null)
           return g;
         if (f) {
@@ -597,8 +597,8 @@ Check the top-level render call using <` + a + ">.");
               Re(w, e);
         }
         if (F.call(r, "key")) {
-          var S = O(e), C = Object.keys(r).filter(function(hr) {
-            return hr !== "key";
+          var S = O(e), C = Object.keys(r).filter(function(mr) {
+            return mr !== "key";
           }), Z = C.length > 0 ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Ee[S + Z]) {
             var pr = C.length > 0 ? "{" + C.join(": ..., ") + ": ...}" : "{}";
@@ -666,7 +666,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   isDisabled: d = !1,
   children: v,
   className: j = "",
-  isLoading: h = !1
+  isLoading: m = !1
 }) => {
   const T = `btn-${n}`, y = o ? `btn-${o}` : "", _ = `${`btn ${T} ${y}`.trim()} ${j}`.trim();
   return /* @__PURE__ */ t.jsx(
@@ -675,9 +675,9 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
       className: _,
       type: "button",
       onClick: c,
-      disabled: d || h,
+      disabled: d || m,
       children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
-        h && Rr,
+        m && Rr,
         v || i,
         " ",
         s && /* @__PURE__ */ t.jsx("span", { children: s })
@@ -716,7 +716,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     },
     i
   )) }) })
-] }), Nr = mr(
+] }), Nr = hr(
   ({
     id: n,
     type: s,
@@ -726,13 +726,13 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     className: d = "form-control",
     ...v
   }, j) => {
-    const h = `form-control ${d}`;
+    const m = `form-control ${d}`;
     return /* @__PURE__ */ t.jsx(
       "input",
       {
         type: s,
         id: n,
-        className: h,
+        className: m,
         placeholder: o,
         value: i,
         onChange: c,
@@ -769,14 +769,14 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
 }) => {
   const j = (b) => {
     c(!b);
-  }, h = (b) => {
+  }, m = (b) => {
     c(!1), d(b);
   }, T = (b) => {
     const _ = b.id === s;
     return /* @__PURE__ */ t.jsx(
       "li",
       {
-        onClick: () => h(b),
+        onClick: () => m(b),
         className: _ ? "active" : "",
         children: /* @__PURE__ */ t.jsx("a", { href: "#", children: b.title })
       },
@@ -823,7 +823,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
 }) => {
   const v = Math.ceil(s / d), j = () => {
     c ? c() : n > 1 && o(n - 1);
-  }, h = () => {
+  }, m = () => {
     i ? i() : n < v && o(n + 1);
   };
   return /* @__PURE__ */ t.jsxs("div", { children: [
@@ -849,7 +849,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
           type: "button",
           className: `btn btn-default ${n === v ? "disabled" : ""}`,
           disabled: n === v,
-          onClick: h,
+          onClick: m,
           children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-angle-right" })
         }
       )
@@ -897,7 +897,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   onPageChange: d,
   pageSize: v,
   onNextPage: j,
-  onPrevPage: h
+  onPrevPage: 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,
@@ -911,7 +911,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     Er,
     {
       onNextPage: j,
-      onPrevPage: h,
+      onPrevPage: m,
       pageSize: v,
       currentPage: s,
       total: o,
@@ -944,9 +944,9 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   isDisabled: d = !1,
   className: v = ""
 }) => {
-  const [j, h] = Q(i || ""), T = i !== void 0 ? i : j, y = (b) => {
+  const [j, m] = Q(i || ""), T = i !== void 0 ? i : j, y = (b) => {
     const _ = b.target.value;
-    c ? c(_) : h(_);
+    c ? c(_) : m(_);
   };
   return /* @__PURE__ */ t.jsx(
     "textarea",
@@ -976,10 +976,10 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     }
   };
   i.includes(n) || (console.warn(`Unsupported alert variant: "${n}". Defaulting to "info".`), n = "info");
-  const d = `flex items-center alert alert-${n} ${o || ""}`.trim();
+  const d = `flex pl-[20px] static items-center alert alert-${n} ${o || ""}`.trim();
   return /* @__PURE__ */ t.jsxs("div", { className: d, role: "alert", children: [
-    /* @__PURE__ */ t.jsx("span", { className: c(n) }),
-    /* @__PURE__ */ t.jsx("div", { children: s })
+    /* @__PURE__ */ t.jsx("span", { className: "static " + c(n) }),
+    /* @__PURE__ */ t.jsx("div", { className: "ml-5", children: s })
   ] });
 }, Ur = ({ variant: n, children: s, onClick: o }) => {
   const i = `label label-${n}`, c = o ? { tabIndex: 0, role: "button", "aria-pressed": !1 } : {};

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,Vr,P),Fe[P+te]=!0}}return e===i?$r(x):Ar(x),x}}function Wr(e,r,a){return Ie(e,r,a,!0)}function Yr(e,r,a){return Ie(e,r,a,!1)}var Lr=Yr,Mr=Wr;$.Fragment=i,$.jsx=Lr,$.jsxs=Mr}()),$}var se;function We(){return se||(se=1,process.env.NODE_ENV==="production"?L.exports=Ae():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((o,i)=>t.jsx("li",{className:o.active?"active":"",children:o.active?o.title:t.jsx("a",{href:o.href,children:o.title})},i))}),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:o,label:i,onClick:c,isDisabled:v=!1,children:p,className:y="",isLoading:m=!1})=>{const w=`btn-${n}`,R=o?`btn-${o}`:"",T=`${`btn ${w} ${R}`.trim()} ${y}`.trim();return t.jsx("button",{className:T,type:"button",onClick:c,disabled:v||m,children:t.jsxs("div",{className:"flex items-center justify-center",children:[m&&Le,p||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:c}})=>t.jsx("li",{className:n===i?"active":"",children:t.jsx("a",{href:`#${i}`,onClick:v=>{v.preventDefault(),s(i)},children:c})},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:c}})=>t.jsx("div",{className:`tab-pane ${n===i?"active":""}`,id:`${i}-panel`,role:"tabpanel","aria-labelledby":`${i}-tab`,children:c},i))})})]}),Be=O.forwardRef(({id:n,type:s,placeholder:o="",value:i,onChange:c,className:v="form-control",...p},y)=>{const m=`form-control ${v}`;return t.jsx("input",{type:s,id:n,className:m,placeholder:o,value:i,onChange:c,ref:y,...p})}),Ue=({title:n,isOpen:s,onClose:o,children:i,size:c})=>{if(!s)return null;const v=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 ${v}`,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"},c=o+" "+i[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:o,isOpen:i,setIsOpen:c,onChange:v,className:p=""})=>{const y=g=>{c(!g)},m=g=>{c(!1),v(g)},w=g=>{const T=g.id===s;return t.jsx("li",{onClick:()=>m(g),className:T?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},R=`btn btn-default dropdown-toggle flex-1 ${p}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:R,onClick:()=>y(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(w)})]})},Qe=n=>{const[s,o]=O.useState(!1),i=n.selected,c=n.items.find(v=>v.id==i);return n.debug&&(console.log(n),console.log(c)),t.jsx("div",{className:`btn-group ${s?"open":""}`,children:t.jsx(z,{...n,title:(c==null?void 0:c.title)||n.title,setIsOpen:o,isOpen:s})})},oe=({currentPage:n,total:s,onPageChange:o,onNextPage:i,onPrevPage:c,pageSize:v})=>{const p=Math.ceil(s/v),y=()=>{c?c():n>1&&o(n-1)},m=()=>{i?i():n<p&&o(n+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[n," - ",p]})}),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:y,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${n===p?"disabled":""}`,disabled:n===p,onClick:m,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},H=({children:n,onChange:s,items:o,selected:i,className:c=""})=>{const[v,p]=O.useState(!1);return t.jsx("div",{className:`btn-group ${c} ${v?"open":""}`,children:t.jsxs(t.Fragment,{children:[n,t.jsx(z,{setIsOpen:p,isOpen:v,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 v;const i=p=>{n(p.data)},c=(v=le.find(p=>p.data===s))==null?void 0:v.id;return t.jsx(H,{className:"flex",items:le,onChange:i,selected:c,children:t.jsx(G,{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:c,onPageChange:v,pageSize:p,onNextPage:y,onPrevPage: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:n,onChange:c,onRefresh:i})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(oe,{onNextPage:y,onPrevPage:m,pageSize:p,currentPage:s,total:o,onPageChange:v})})]}),er=({id:n,label:s,isChecked:o=!1,onChange:i,className:c="checkbox"})=>t.jsx("div",{className:c,children:t.jsxs("label",{htmlFor:n,children:[t.jsx("input",{type:"checkbox",id:n,checked:o,onChange:i}),` ${s}`]})}),rr=({placeholder:n="",rows:s=3,maxLength:o,value:i,onChange:c,isDisabled:v=!1,className:p=""})=>{const[y,m]=O.useState(i||""),w=i!==void 0?i:y,R=g=>{const T=g.target.value;c?c(T):m(T)};return t.jsx("textarea",{className:p,placeholder:n,rows:s,maxLength:o,value:w,onChange:R,disabled:v})},tr=({variant:n,title:s,className:o})=>{const i=["success","info","warning","danger"],c=p=>{switch(p){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 v=`flex items-center alert alert-${n} ${o||""}`.trim();return t.jsxs("div",{className:v,role:"alert",children:[t.jsx("span",{className:c(n)}),t.jsx("div",{children:s})]})},nr=({variant:n,children:s,onClick:o})=>{const i=`label label-${n}`,c=o?{tabIndex:0,role:"button","aria-pressed":!1}:{};return t.jsx("span",{className:i,onClick:o,...c,style:{cursor:o?"pointer":void 0},children:s})},ar=n=>{const{label:s,isChecked:o=!1,id:i="radio1",onChange:c,name:v}=n;return t.jsx("div",{className:"radio",children:t.jsxs("label",{htmlFor:i,children:[t.jsx("input",{type:"radio",name:v,id:i,checked:o,onChange:p=>c(p.target.checked)}),s]})})};function sr(n,s){O.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(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.Radio=ar,d.ReloadButton=ce,d.SampleComp=ir,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=sr,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,te,P,Vr,P),Fe[P+te]=!0}}return e===i?$r(x):Ar(x),x}}function Wr(e,r,a){return Ie(e,r,a,!0)}function Yr(e,r,a){return Ie(e,r,a,!1)}var Lr=Yr,Mr=Wr;$.Fragment=i,$.jsx=Lr,$.jsxs=Mr}()),$}var se;function We(){return se||(se=1,process.env.NODE_ENV==="production"?L.exports=Ae():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((o,i)=>t.jsx("li",{className:o.active?"active":"",children:o.active?o.title:t.jsx("a",{href:o.href,children:o.title})},i))}),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:o,label:i,onClick:c,isDisabled:v=!1,children:p,className:y="",isLoading:m=!1})=>{const w=`btn-${n}`,R=o?`btn-${o}`:"",T=`${`btn ${w} ${R}`.trim()} ${y}`.trim();return t.jsx("button",{className:T,type:"button",onClick:c,disabled:v||m,children:t.jsxs("div",{className:"flex items-center justify-center",children:[m&&Le,p||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:c}})=>t.jsx("li",{className:n===i?"active":"",children:t.jsx("a",{href:`#${i}`,onClick:v=>{v.preventDefault(),s(i)},children:c})},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:c}})=>t.jsx("div",{className:`tab-pane ${n===i?"active":""}`,id:`${i}-panel`,role:"tabpanel","aria-labelledby":`${i}-tab`,children:c},i))})})]}),Be=O.forwardRef(({id:n,type:s,placeholder:o="",value:i,onChange:c,className:v="form-control",...p},y)=>{const m=`form-control ${v}`;return t.jsx("input",{type:s,id:n,className:m,placeholder:o,value:i,onChange:c,ref:y,...p})}),Ue=({title:n,isOpen:s,onClose:o,children:i,size:c})=>{if(!s)return null;const v=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 ${v}`,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"},c=o+" "+i[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:o,isOpen:i,setIsOpen:c,onChange:v,className:p=""})=>{const y=g=>{c(!g)},m=g=>{c(!1),v(g)},w=g=>{const T=g.id===s;return t.jsx("li",{onClick:()=>m(g),className:T?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},R=`btn btn-default dropdown-toggle flex-1 ${p}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:R,onClick:()=>y(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(w)})]})},Qe=n=>{const[s,o]=O.useState(!1),i=n.selected,c=n.items.find(v=>v.id==i);return n.debug&&(console.log(n),console.log(c)),t.jsx("div",{className:`btn-group ${s?"open":""}`,children:t.jsx(z,{...n,title:(c==null?void 0:c.title)||n.title,setIsOpen:o,isOpen:s})})},oe=({currentPage:n,total:s,onPageChange:o,onNextPage:i,onPrevPage:c,pageSize:v})=>{const p=Math.ceil(s/v),y=()=>{c?c():n>1&&o(n-1)},m=()=>{i?i():n<p&&o(n+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[n," - ",p]})}),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:y,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${n===p?"disabled":""}`,disabled:n===p,onClick:m,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},H=({children:n,onChange:s,items:o,selected:i,className:c=""})=>{const[v,p]=O.useState(!1);return t.jsx("div",{className:`btn-group ${c} ${v?"open":""}`,children:t.jsxs(t.Fragment,{children:[n,t.jsx(z,{setIsOpen:p,isOpen:v,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 v;const i=p=>{n(p.data)},c=(v=le.find(p=>p.data===s))==null?void 0:v.id;return t.jsx(H,{className:"flex",items:le,onChange:i,selected:c,children:t.jsx(G,{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:c,onPageChange:v,pageSize:p,onNextPage:y,onPrevPage: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:n,onChange:c,onRefresh:i})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(oe,{onNextPage:y,onPrevPage:m,pageSize:p,currentPage:s,total:o,onPageChange:v})})]}),er=({id:n,label:s,isChecked:o=!1,onChange:i,className:c="checkbox"})=>t.jsx("div",{className:c,children:t.jsxs("label",{htmlFor:n,children:[t.jsx("input",{type:"checkbox",id:n,checked:o,onChange:i}),` ${s}`]})}),rr=({placeholder:n="",rows:s=3,maxLength:o,value:i,onChange:c,isDisabled:v=!1,className:p=""})=>{const[y,m]=O.useState(i||""),w=i!==void 0?i:y,R=g=>{const T=g.target.value;c?c(T):m(T)};return t.jsx("textarea",{className:p,placeholder:n,rows:s,maxLength:o,value:w,onChange:R,disabled:v})},tr=({variant:n,title:s,className:o})=>{const i=["success","info","warning","danger"],c=p=>{switch(p){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 v=`flex pl-[20px] static items-center alert alert-${n} ${o||""}`.trim();return t.jsxs("div",{className:v,role:"alert",children:[t.jsx("span",{className:"static "+c(n)}),t.jsx("div",{className:"ml-5",children:s})]})},nr=({variant:n,children:s,onClick:o})=>{const i=`label label-${n}`,c=o?{tabIndex:0,role:"button","aria-pressed":!1}:{};return t.jsx("span",{className:i,onClick:o,...c,style:{cursor:o?"pointer":void 0},children:s})},ar=n=>{const{label:s,isChecked:o=!1,id:i="radio1",onChange:c,name:v}=n;return t.jsx("div",{className:"radio",children:t.jsxs("label",{htmlFor:i,children:[t.jsx("input",{type:"radio",name:v,id:i,checked:o,onChange:p=>c(p.target.checked)}),s]})})};function sr(n,s){O.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(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.Radio=ar,d.ReloadButton=ce,d.SampleComp=ir,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=sr,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

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