ovirt-ui-toolkit 0.0.19 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ declare const Alert: React.FC<{
3
+ variant: string;
4
+ title: string;
5
+ className?: string;
6
+ }>;
7
+ export default Alert;
package/dist/index.d.ts CHANGED
@@ -18,5 +18,6 @@ export { default as ReloadButton } from './components/reloadButton/ReloadButtton
18
18
  export { default as TableToolbar } from './components/tableToolbar/TableToolbar';
19
19
  export { default as Checkbox } from './components/checkbox/Checkbox';
20
20
  export { default as TextArea } from './components/textarea/TextArea';
21
+ export { default as Alert } from './components/alert/Alert';
21
22
  export { default as useIntervalLoader } from './hooks/useIntervalLoader';
22
23
  export { default as SampleComp } from './Test';
@@ -1,5 +1,5 @@
1
1
  import Oe, { forwardRef as pr, useState as Se, useEffect as br } from "react";
2
- var U = { exports: {} }, A = {};
2
+ var U = { exports: {} }, F = {};
3
3
  /**
4
4
  * @license React
5
5
  * react-jsx-runtime.production.min.js
@@ -11,9 +11,9 @@ var U = { exports: {} }, A = {};
11
11
  */
12
12
  var _e;
13
13
  function hr() {
14
- if (_e) return A;
14
+ if (_e) return F;
15
15
  _e = 1;
16
- var a = Oe, s = Symbol.for("react.element"), u = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, f = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, b = { key: !0, ref: !0, __self: !0, __source: !0 };
16
+ var a = Oe, s = Symbol.for("react.element"), c = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, f = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, b = { key: !0, ref: !0, __self: !0, __source: !0 };
17
17
  function h(_, m, T) {
18
18
  var p, j = {}, w = null, W = null;
19
19
  T !== void 0 && (w = "" + T), m.key !== void 0 && (w = "" + m.key), m.ref !== void 0 && (W = m.ref);
@@ -21,7 +21,7 @@ function hr() {
21
21
  if (_ && _.defaultProps) for (p in m = _.defaultProps, m) j[p] === void 0 && (j[p] = m[p]);
22
22
  return { $$typeof: s, type: _, key: w, ref: W, props: j, _owner: f.current };
23
23
  }
24
- return A.Fragment = u, A.jsx = h, A.jsxs = h, A;
24
+ return F.Fragment = c, F.jsx = h, F.jsxs = h, F;
25
25
  }
26
26
  var I = {};
27
27
  /**
@@ -36,7 +36,7 @@ var I = {};
36
36
  var Te;
37
37
  function mr() {
38
38
  return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
39
- var a = Oe, s = Symbol.for("react.element"), u = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), _ = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), Q = Symbol.iterator, Pe = "@@iterator";
39
+ var a = Oe, s = Symbol.for("react.element"), c = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), _ = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), Q = Symbol.iterator, Pe = "@@iterator";
40
40
  function Ne(e) {
41
41
  if (e === null || typeof e != "object")
42
42
  return null;
@@ -55,22 +55,22 @@ function mr() {
55
55
  {
56
56
  var i = P.ReactDebugCurrentFrame, d = i.getStackAddendum();
57
57
  d !== "" && (r += "%s", t = t.concat([d]));
58
- var v = t.map(function(c) {
59
- return String(c);
58
+ var v = t.map(function(u) {
59
+ return String(u);
60
60
  });
61
61
  v.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, v);
62
62
  }
63
63
  }
64
- var De = !1, Fe = !1, Ae = !1, Ie = !1, We = !1, K;
64
+ var De = !1, Ae = !1, Fe = !1, Ie = !1, We = !1, K;
65
65
  K = Symbol.for("react.module.reference");
66
66
  function Ye(e) {
67
- return !!(typeof e == "string" || typeof e == "function" || e === o || e === b || We || e === f || e === T || e === p || Ie || e === W || De || Fe || Ae || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === j || e.$$typeof === h || e.$$typeof === _ || e.$$typeof === m || // This needs to include all possible module reference object
67
+ return !!(typeof e == "string" || typeof e == "function" || e === o || e === b || We || e === f || e === T || e === p || Ie || e === W || De || Ae || Fe || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === j || e.$$typeof === h || e.$$typeof === _ || e.$$typeof === m || // This needs to include all possible module reference object
68
68
  // types supported by any Flight configuration anywhere since
69
69
  // we don't know which Flight build this will end up being used
70
70
  // with.
71
71
  e.$$typeof === K || e.getModuleId !== void 0));
72
72
  }
73
- function Le(e, r, t) {
73
+ function Ve(e, r, t) {
74
74
  var i = e.displayName;
75
75
  if (i)
76
76
  return i;
@@ -90,7 +90,7 @@ function mr() {
90
90
  switch (e) {
91
91
  case o:
92
92
  return "Fragment";
93
- case u:
93
+ case c:
94
94
  return "Portal";
95
95
  case b:
96
96
  return "Profiler";
@@ -110,14 +110,14 @@ function mr() {
110
110
  var t = e;
111
111
  return ee(t._context) + ".Provider";
112
112
  case m:
113
- return Le(e, e.render, "ForwardRef");
113
+ return Ve(e, e.render, "ForwardRef");
114
114
  case j:
115
115
  var i = e.displayName || null;
116
116
  return i !== null ? i : O(e.type) || "Memo";
117
117
  case w: {
118
- var d = e, v = d._payload, c = d._init;
118
+ var d = e, v = d._payload, u = d._init;
119
119
  try {
120
- return O(c(v));
120
+ return O(u(v));
121
121
  } catch {
122
122
  return null;
123
123
  }
@@ -129,7 +129,7 @@ function mr() {
129
129
  function le() {
130
130
  }
131
131
  le.__reactDisabledLog = !0;
132
- function Me() {
132
+ function Le() {
133
133
  {
134
134
  if (D === 0) {
135
135
  re = console.log, te = console.info, ne = console.warn, ae = console.error, se = console.group, ie = console.groupCollapsed, oe = console.groupEnd;
@@ -152,7 +152,7 @@ function mr() {
152
152
  D++;
153
153
  }
154
154
  }
155
- function Ve() {
155
+ function Me() {
156
156
  {
157
157
  if (D--, D === 0) {
158
158
  var e = {
@@ -201,16 +201,16 @@ function mr() {
201
201
  ` + J + e;
202
202
  }
203
203
  }
204
- var q = !1, L;
204
+ var q = !1, V;
205
205
  {
206
206
  var Ue = typeof WeakMap == "function" ? WeakMap : Map;
207
- L = new Ue();
207
+ V = new Ue();
208
208
  }
209
209
  function ce(e, r) {
210
210
  if (!e || q)
211
211
  return "";
212
212
  {
213
- var t = L.get(e);
213
+ var t = V.get(e);
214
214
  if (t !== void 0)
215
215
  return t;
216
216
  }
@@ -219,30 +219,30 @@ function mr() {
219
219
  var d = Error.prepareStackTrace;
220
220
  Error.prepareStackTrace = void 0;
221
221
  var v;
222
- v = B.current, B.current = null, Me();
222
+ v = B.current, B.current = null, Le();
223
223
  try {
224
224
  if (r) {
225
- var c = function() {
225
+ var u = function() {
226
226
  throw Error();
227
227
  };
228
- if (Object.defineProperty(c.prototype, "props", {
228
+ if (Object.defineProperty(u.prototype, "props", {
229
229
  set: function() {
230
230
  throw Error();
231
231
  }
232
232
  }), typeof Reflect == "object" && Reflect.construct) {
233
233
  try {
234
- Reflect.construct(c, []);
234
+ Reflect.construct(u, []);
235
235
  } catch (R) {
236
236
  i = R;
237
237
  }
238
- Reflect.construct(e, [], c);
238
+ Reflect.construct(e, [], u);
239
239
  } else {
240
240
  try {
241
- c.call();
241
+ u.call();
242
242
  } catch (R) {
243
243
  i = R;
244
244
  }
245
- e.call(c.prototype);
245
+ e.call(u.prototype);
246
246
  }
247
247
  } else {
248
248
  try {
@@ -265,17 +265,17 @@ function mr() {
265
265
  if (x--, g--, g < 0 || l[x] !== E[g]) {
266
266
  var C = `
267
267
  ` + l[x].replace(" at new ", " at ");
268
- return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, C), C;
268
+ return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && V.set(e, C), C;
269
269
  }
270
270
  while (x >= 1 && g >= 0);
271
271
  break;
272
272
  }
273
273
  }
274
274
  } finally {
275
- q = !1, B.current = v, Ve(), Error.prepareStackTrace = d;
275
+ q = !1, B.current = v, Me(), Error.prepareStackTrace = d;
276
276
  }
277
277
  var $ = e ? e.displayName || e.name : "", k = $ ? Y($) : "";
278
- return typeof e == "function" && L.set(e, k), k;
278
+ return typeof e == "function" && V.set(e, k), k;
279
279
  }
280
280
  function Be(e, r, t) {
281
281
  return ce(e, !1);
@@ -284,7 +284,7 @@ function mr() {
284
284
  var r = e.prototype;
285
285
  return !!(r && r.isReactComponent);
286
286
  }
287
- function M(e, r, t) {
287
+ function L(e, r, t) {
288
288
  if (e == null)
289
289
  return "";
290
290
  if (typeof e == "function")
@@ -302,41 +302,41 @@ function mr() {
302
302
  case m:
303
303
  return Be(e.render);
304
304
  case j:
305
- return M(e.type, r, t);
305
+ return L(e.type, r, t);
306
306
  case w: {
307
307
  var i = e, d = i._payload, v = i._init;
308
308
  try {
309
- return M(v(d), r, t);
309
+ return L(v(d), r, t);
310
310
  } catch {
311
311
  }
312
312
  }
313
313
  }
314
314
  return "";
315
315
  }
316
- var F = Object.prototype.hasOwnProperty, ue = {}, fe = P.ReactDebugCurrentFrame;
317
- function V(e) {
316
+ var A = Object.prototype.hasOwnProperty, ue = {}, fe = P.ReactDebugCurrentFrame;
317
+ function M(e) {
318
318
  if (e) {
319
- var r = e._owner, t = M(e.type, e._source, r ? r.type : null);
319
+ var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
320
320
  fe.setExtraStackFrame(t);
321
321
  } else
322
322
  fe.setExtraStackFrame(null);
323
323
  }
324
324
  function qe(e, r, t, i, d) {
325
325
  {
326
- var v = Function.call.bind(F);
327
- for (var c in e)
328
- if (v(e, c)) {
326
+ var v = Function.call.bind(A);
327
+ for (var u in e)
328
+ if (v(e, u)) {
329
329
  var l = void 0;
330
330
  try {
331
- if (typeof e[c] != "function") {
332
- var E = Error((i || "React class") + ": " + t + " type `" + c + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[c] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
331
+ if (typeof e[u] != "function") {
332
+ var E = Error((i || "React class") + ": " + t + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
333
333
  throw E.name = "Invariant Violation", E;
334
334
  }
335
- l = e[c](r, c, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
335
+ l = e[u](r, u, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
336
336
  } catch (x) {
337
337
  l = x;
338
338
  }
339
- l && !(l instanceof Error) && (V(d), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", t, c, typeof l), V(null)), l instanceof Error && !(l.message in ue) && (ue[l.message] = !0, V(d), y("Failed %s type: %s", t, l.message), V(null));
339
+ l && !(l instanceof Error) && (M(d), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", t, u, typeof l), M(null)), l instanceof Error && !(l.message in ue) && (ue[l.message] = !0, M(d), y("Failed %s type: %s", t, l.message), M(null));
340
340
  }
341
341
  }
342
342
  }
@@ -371,7 +371,7 @@ function mr() {
371
371
  __source: !0
372
372
  }, be, he;
373
373
  function Ze(e) {
374
- if (F.call(e, "ref")) {
374
+ if (A.call(e, "ref")) {
375
375
  var r = Object.getOwnPropertyDescriptor(e, "ref").get;
376
376
  if (r && r.isReactWarning)
377
377
  return !1;
@@ -379,7 +379,7 @@ function mr() {
379
379
  return e.ref !== void 0;
380
380
  }
381
381
  function Qe(e) {
382
- if (F.call(e, "key")) {
382
+ if (A.call(e, "key")) {
383
383
  var r = Object.getOwnPropertyDescriptor(e, "key").get;
384
384
  if (r && r.isReactWarning)
385
385
  return !1;
@@ -411,7 +411,7 @@ function mr() {
411
411
  });
412
412
  }
413
413
  }
414
- var tr = function(e, r, t, i, d, v, c) {
414
+ var tr = function(e, r, t, i, d, v, u) {
415
415
  var l = {
416
416
  // This tag allows us to uniquely identify this as a React Element
417
417
  $$typeof: s,
@@ -419,7 +419,7 @@ function mr() {
419
419
  type: e,
420
420
  key: r,
421
421
  ref: t,
422
- props: c,
422
+ props: u,
423
423
  // Record the component responsible for creating this element.
424
424
  _owner: v
425
425
  };
@@ -442,26 +442,26 @@ function mr() {
442
442
  };
443
443
  function nr(e, r, t, i, d) {
444
444
  {
445
- var v, c = {}, l = null, E = null;
445
+ var v, u = {}, l = null, E = null;
446
446
  t !== void 0 && (ve(t), l = "" + t), Qe(r) && (ve(r.key), l = "" + r.key), Ze(r) && (E = r.ref, Ke(r, d));
447
447
  for (v in r)
448
- F.call(r, v) && !Xe.hasOwnProperty(v) && (c[v] = r[v]);
448
+ A.call(r, v) && !Xe.hasOwnProperty(v) && (u[v] = r[v]);
449
449
  if (e && e.defaultProps) {
450
450
  var x = e.defaultProps;
451
451
  for (v in x)
452
- c[v] === void 0 && (c[v] = x[v]);
452
+ u[v] === void 0 && (u[v] = x[v]);
453
453
  }
454
454
  if (l || E) {
455
455
  var g = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
456
- l && er(c, g), E && rr(c, g);
456
+ l && er(u, g), E && rr(u, g);
457
457
  }
458
- return tr(e, l, E, d, i, pe.current, c);
458
+ return tr(e, l, E, d, i, pe.current, u);
459
459
  }
460
460
  }
461
461
  var z = P.ReactCurrentOwner, me = P.ReactDebugCurrentFrame;
462
462
  function N(e) {
463
463
  if (e) {
464
- var r = e._owner, t = M(e.type, e._source, r ? r.type : null);
464
+ var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
465
465
  me.setExtraStackFrame(t);
466
466
  } else
467
467
  me.setExtraStackFrame(null);
@@ -526,8 +526,8 @@ Check the top-level render call using <` + t + ">.");
526
526
  else if (e) {
527
527
  var d = Ne(e);
528
528
  if (typeof d == "function" && d !== e.entries)
529
- for (var v = d.call(e), c; !(c = v.next()).done; )
530
- X(c.value) && je(c.value, r);
529
+ for (var v = d.call(e), u; !(u = v.next()).done; )
530
+ X(u.value) && je(u.value, r);
531
531
  }
532
532
  }
533
533
  }
@@ -571,8 +571,8 @@ Check the top-level render call using <` + t + ">.");
571
571
  var Ee = {};
572
572
  function Re(e, r, t, i, d, v) {
573
573
  {
574
- var c = Ye(e);
575
- if (!c) {
574
+ var u = Ye(e);
575
+ if (!u) {
576
576
  var l = "";
577
577
  (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (l += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
578
578
  var E = ar();
@@ -583,7 +583,7 @@ Check the top-level render call using <` + t + ">.");
583
583
  var g = nr(e, r, t, d, v);
584
584
  if (g == null)
585
585
  return g;
586
- if (c) {
586
+ if (u) {
587
587
  var C = r.children;
588
588
  if (C !== void 0)
589
589
  if (i)
@@ -596,7 +596,7 @@ Check the top-level render call using <` + t + ">.");
596
596
  else
597
597
  ye(C, e);
598
598
  }
599
- if (F.call(r, "key")) {
599
+ if (A.call(r, "key")) {
600
600
  var k = O(e), R = Object.keys(r).filter(function(vr) {
601
601
  return vr !== "key";
602
602
  }), Z = R.length > 0 ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}";
@@ -628,17 +628,17 @@ function xr() {
628
628
  return Ce || (Ce = 1, process.env.NODE_ENV === "production" ? U.exports = hr() : U.exports = mr()), U.exports;
629
629
  }
630
630
  var n = xr();
631
- const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr = ({ items: a }) => /* @__PURE__ */ n.jsx("ol", { className: "breadcrumb", children: a.map((s, u) => /* @__PURE__ */ n.jsx("li", { className: s.active ? "active" : "", children: s.active ? s.title : /* @__PURE__ */ n.jsx("a", { href: s.href, children: s.title }) }, u)) }), ke = ({
631
+ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr = ({ items: a }) => /* @__PURE__ */ n.jsx("ol", { className: "breadcrumb", children: a.map((s, c) => /* @__PURE__ */ n.jsx("li", { className: s.active ? "active" : "", children: s.active ? s.title : /* @__PURE__ */ n.jsx("a", { href: s.href, children: s.title }) }, c)) }), ke = ({
632
632
  type: a = "default",
633
633
  title: s,
634
- size: u,
634
+ size: c,
635
635
  label: o,
636
636
  onClick: f,
637
637
  isDisabled: b = !1,
638
638
  children: h,
639
639
  className: _ = ""
640
640
  }) => {
641
- const m = `btn-${a}`, T = u ? `btn-${u}` : "", j = `${`btn ${m} ${T}`.trim()} ${_}`.trim();
641
+ const m = `btn-${a}`, T = c ? `btn-${c}` : "", j = `${`btn ${m} ${T}`.trim()} ${_}`.trim();
642
642
  return /* @__PURE__ */ n.jsx(
643
643
  "button",
644
644
  {
@@ -653,18 +653,18 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
653
653
  ] })
654
654
  }
655
655
  );
656
- }, Tr = ({ children: a, eventKey: s, active: u }) => /* @__PURE__ */ n.jsx(
656
+ }, Tr = ({ children: a, eventKey: s, active: c }) => /* @__PURE__ */ n.jsx(
657
657
  "div",
658
658
  {
659
- className: `tab-pane ${u ? "active" : ""}`,
659
+ className: `tab-pane ${c ? "active" : ""}`,
660
660
  id: `${s}-panel`,
661
661
  role: "tabpanel",
662
662
  "aria-labelledby": `${s}-tab`,
663
663
  children: a
664
664
  },
665
665
  s
666
- ), Cr = ({ activeKey: a, onSelect: s, children: u }) => /* @__PURE__ */ n.jsxs("div", { className: "tabs-container", children: [
667
- /* @__PURE__ */ n.jsx("ul", { className: "nav nav-tabs", role: "tablist", children: u.map(({ props: { eventKey: o, title: f } }) => /* @__PURE__ */ n.jsx("li", { className: a === o ? "active" : "", children: /* @__PURE__ */ n.jsx(
666
+ ), Cr = ({ activeKey: a, onSelect: s, children: c }) => /* @__PURE__ */ n.jsxs("div", { className: "tabs-container", children: [
667
+ /* @__PURE__ */ n.jsx("ul", { className: "nav nav-tabs", role: "tablist", children: c.map(({ props: { eventKey: o, title: f } }) => /* @__PURE__ */ n.jsx("li", { className: a === o ? "active" : "", children: /* @__PURE__ */ n.jsx(
668
668
  "a",
669
669
  {
670
670
  href: `#${o}`,
@@ -674,7 +674,7 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
674
674
  children: f
675
675
  }
676
676
  ) }, o)) }),
677
- /* @__PURE__ */ n.jsx("div", { className: "tabs-container", children: /* @__PURE__ */ n.jsx("div", { className: "tab-content pf-c-tab-content", children: u.map(({ props: { eventKey: o, children: f } }) => /* @__PURE__ */ n.jsx(
677
+ /* @__PURE__ */ n.jsx("div", { className: "tabs-container", children: /* @__PURE__ */ n.jsx("div", { className: "tab-content pf-c-tab-content", children: c.map(({ props: { eventKey: o, children: f } }) => /* @__PURE__ */ n.jsx(
678
678
  "div",
679
679
  {
680
680
  className: `tab-pane ${a === o ? "active" : ""}`,
@@ -689,7 +689,7 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
689
689
  ({
690
690
  id: a,
691
691
  type: s,
692
- placeholder: u = "",
692
+ placeholder: c = "",
693
693
  value: o,
694
694
  onChange: f,
695
695
  className: b = "form-control"
@@ -699,18 +699,18 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
699
699
  type: s,
700
700
  id: a,
701
701
  className: b,
702
- placeholder: u,
702
+ placeholder: c,
703
703
  value: o,
704
704
  onChange: f,
705
705
  ref: h
706
706
  }
707
707
  )
708
- ), Or = ({ title: a, isOpen: s, onClose: u, children: o, size: f }) => {
708
+ ), Or = ({ title: a, isOpen: s, onClose: c, children: o, size: f }) => {
709
709
  if (!s) return null;
710
710
  const b = f ? `modal-${f}` : "";
711
711
  return /* @__PURE__ */ n.jsx("div", { className: "modal fade in", style: { display: "block" }, tabIndex: -1, role: "dialog", children: /* @__PURE__ */ n.jsx("div", { className: `modal-dialog ${b}`, role: "document", children: /* @__PURE__ */ n.jsxs("div", { className: "modal-content", children: [
712
712
  /* @__PURE__ */ n.jsxs("div", { className: "modal-header", children: [
713
- /* @__PURE__ */ n.jsx("button", { type: "button", className: "close", onClick: u, "aria-hidden": "true", children: /* @__PURE__ */ n.jsx("span", { className: "pficon pficon-close" }) }),
713
+ /* @__PURE__ */ n.jsx("button", { type: "button", className: "close", onClick: c, "aria-hidden": "true", children: /* @__PURE__ */ n.jsx("span", { className: "pficon pficon-close" }) }),
714
714
  /* @__PURE__ */ n.jsx("h4", { className: "modal-title", children: a })
715
715
  ] }),
716
716
  /* @__PURE__ */ n.jsx("div", { className: "modal-body", children: o })
@@ -722,7 +722,7 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
722
722
  error: "text-red-600"
723
723
  }[a] || "";
724
724
  return /* @__PURE__ */ n.jsx("p", { className: o, children: s });
725
- }, kr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("table", { ...s, children: a }), Pr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("tbody", { ...s, children: a }), Nr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("td", { ...s, children: a }), $r = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("th", { ...s, children: a }), Dr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("thead", { ...s, children: a }), Fr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("tr", { ...s, children: a }), jr = ({ items: a, selected: s, title: u, onChange: o }) => {
725
+ }, kr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("table", { ...s, children: a }), Pr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("tbody", { ...s, children: a }), Nr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("td", { ...s, children: a }), $r = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("th", { ...s, children: a }), Dr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("thead", { ...s, children: a }), Ar = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("tr", { ...s, children: a }), jr = ({ items: a, selected: s, title: c, onChange: o }) => {
726
726
  const [f, b] = Se(!1), h = () => {
727
727
  b((p) => !p);
728
728
  }, _ = (p) => {
@@ -746,18 +746,18 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
746
746
  className: "btn btn-default dropdown-toggle",
747
747
  onClick: h,
748
748
  children: [
749
- u,
749
+ c,
750
750
  /* @__PURE__ */ n.jsx("span", { className: "caret" })
751
751
  ]
752
752
  }
753
753
  ),
754
754
  f && /* @__PURE__ */ n.jsx("ul", { className: "dropdown-menu", children: a.map(m) })
755
755
  ] });
756
- }, yr = ({ currentPage: a, total: s, onPageChange: u, pageSize: o }) => {
756
+ }, yr = ({ currentPage: a, total: s, onPageChange: c, pageSize: o }) => {
757
757
  const f = Math.ceil(s / o), b = () => {
758
- a > 1 && u(a - 1);
758
+ a > 1 && c(a - 1);
759
759
  }, h = () => {
760
- a < f && u(a + 1);
760
+ a < f && c(a + 1);
761
761
  };
762
762
  return /* @__PURE__ */ n.jsxs("div", { children: [
763
763
  /* @__PURE__ */ n.jsx("span", { children: /* @__PURE__ */ n.jsxs("span", { className: "pagination-pf-items-current", children: [
@@ -794,19 +794,19 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
794
794
  { id: 3, title: "20 сек", data: 2e4 },
795
795
  { id: 4, title: "30 сек", data: 3e4 },
796
796
  { id: 5, title: "60 сек", data: 6e4 }
797
- ], Er = ({ onChange: a, value: s, onRefresh: u }) => {
797
+ ], Er = ({ onChange: a, value: s, onRefresh: c }) => {
798
798
  var b;
799
799
  const o = (h) => {
800
800
  a(h.data);
801
801
  }, f = (b = we.find((h) => h.data === s)) == null ? void 0 : b.id;
802
802
  return /* @__PURE__ */ n.jsxs("div", { className: "flex", children: [
803
- /* @__PURE__ */ n.jsx(ke, { type: "default", onClick: u, children: /* @__PURE__ */ n.jsx("i", { className: "fa fa-refresh" }) }),
803
+ /* @__PURE__ */ n.jsx(ke, { type: "default", onClick: c, children: /* @__PURE__ */ n.jsx("i", { className: "fa fa-refresh" }) }),
804
804
  /* @__PURE__ */ n.jsx(jr, { onChange: o, items: we, selected: f })
805
805
  ] });
806
- }, Ar = ({
806
+ }, Fr = ({
807
807
  interval: a,
808
808
  page: s,
809
- total: u,
809
+ total: c,
810
810
  onRefresh: o,
811
811
  onChangeInterval: f,
812
812
  onPageChange: b,
@@ -825,14 +825,14 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
825
825
  {
826
826
  pageSize: h,
827
827
  currentPage: s,
828
- total: u,
828
+ total: c,
829
829
  onPageChange: b
830
830
  }
831
831
  ) })
832
832
  ] }), Ir = ({
833
833
  id: a,
834
834
  label: s,
835
- isChecked: u = !1,
835
+ isChecked: c = !1,
836
836
  onChange: o,
837
837
  className: f = "checkbox"
838
838
  }) => /* @__PURE__ */ n.jsx("div", { className: f, children: /* @__PURE__ */ n.jsxs("label", { htmlFor: a, children: [
@@ -841,7 +841,7 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
841
841
  {
842
842
  type: "checkbox",
843
843
  id: a,
844
- checked: u,
844
+ checked: c,
845
845
  onChange: o
846
846
  }
847
847
  ),
@@ -849,7 +849,7 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
849
849
  ] }) }), Wr = ({
850
850
  placeholder: a = "",
851
851
  rows: s = 3,
852
- maxLength: u,
852
+ maxLength: c,
853
853
  value: o,
854
854
  onChange: f,
855
855
  isDisabled: b = !1,
@@ -865,21 +865,24 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
865
865
  className: h,
866
866
  placeholder: a,
867
867
  rows: s,
868
- maxLength: u,
868
+ maxLength: c,
869
869
  value: T,
870
870
  onChange: p,
871
871
  disabled: b
872
872
  }
873
873
  );
874
+ }, Yr = ({ variant: a, title: s, className: c }) => {
875
+ const o = `alert alert-${a} ${c || ""}`;
876
+ return ["success", "info", "warning", "danger"].includes(a) || (console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`), a = "info"), /* @__PURE__ */ n.jsx("div", { className: o.trim(), role: "alert", children: s });
874
877
  };
875
- function Yr(a, s) {
878
+ function Vr(a, s) {
876
879
  br(() => {
877
880
  if (!a)
878
881
  return;
879
- const u = setInterval(() => {
882
+ const c = setInterval(() => {
880
883
  s();
881
884
  }, a);
882
- return () => clearInterval(u);
885
+ return () => clearInterval(c);
883
886
  }, [a]);
884
887
  }
885
888
  const Lr = () => /* @__PURE__ */ n.jsxs("div", { children: [
@@ -895,6 +898,7 @@ const Lr = () => /* @__PURE__ */ n.jsxs("div", { children: [
895
898
  /* @__PURE__ */ n.jsx(ke, { children: "Hello" })
896
899
  ] });
897
900
  export {
901
+ Yr as Alert,
898
902
  gr as Breadcrumb,
899
903
  ke as Button,
900
904
  Ir as Checkbox,
@@ -907,7 +911,7 @@ export {
907
911
  Lr as SampleComp,
908
912
  Tr as Tab,
909
913
  kr as Table,
910
- Ar as TableToolbar,
914
+ Fr as TableToolbar,
911
915
  Cr as Tabs,
912
916
  Pr as Tbody,
913
917
  Nr as Td,
@@ -915,6 +919,6 @@ export {
915
919
  $r as Th,
916
920
  Dr as Thead,
917
921
  _r as ToolbarContainer,
918
- Fr as Tr,
919
- Yr as useIntervalLoader
922
+ Ar as Tr,
923
+ Vr as useIntervalLoader
920
924
  };
@@ -1,4 +1,4 @@
1
- (function(v,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],S):(v=typeof globalThis<"u"?globalThis:v||self,S(v["ovirt-ui-toolkit"]={},v.React))})(this,function(v,S){"use strict";var M={exports:{}},A={};/**
1
+ (function(v,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],S):(v=typeof globalThis<"u"?globalThis:v||self,S(v["ovirt-ui-toolkit"]={},v.React))})(this,function(v,S){"use strict";var M={exports:{}},F={};/**
2
2
  * @license React
3
3
  * react-jsx-runtime.production.min.js
4
4
  *
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */var re;function Fe(){if(re)return A;re=1;var a=S,i=Symbol.for("react.element"),u=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,f=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function m(T,g,C){var b,x={},O=null,L=null;C!==void 0&&(O=""+C),g.key!==void 0&&(O=""+g.key),g.ref!==void 0&&(L=g.ref);for(b in g)o.call(g,b)&&!h.hasOwnProperty(b)&&(x[b]=g[b]);if(T&&T.defaultProps)for(b in g=T.defaultProps,g)x[b]===void 0&&(x[b]=g[b]);return{$$typeof:i,type:T,key:O,ref:L,props:x,_owner:f.current}}return A.Fragment=u,A.jsx=m,A.jsxs=m,A}var $={};/**
9
+ */var re;function Ie(){if(re)return F;re=1;var a=S,i=Symbol.for("react.element"),c=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,f=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function m(T,g,C){var b,x={},O=null,V=null;C!==void 0&&(O=""+C),g.key!==void 0&&(O=""+g.key),g.ref!==void 0&&(V=g.ref);for(b in g)o.call(g,b)&&!h.hasOwnProperty(b)&&(x[b]=g[b]);if(T&&T.defaultProps)for(b in g=T.defaultProps,g)x[b]===void 0&&(x[b]=g[b]);return{$$typeof:i,type:T,key:O,ref:V,props:x,_owner:f.current}}return F.Fragment=c,F.jsx=m,F.jsxs=m,F}var $={};/**
10
10
  * @license React
11
11
  * react-jsx-runtime.development.js
12
12
  *
@@ -14,17 +14,17 @@
14
14
  *
15
15
  * This source code is licensed under the MIT license found in the
16
16
  * LICENSE file in the root directory of this source tree.
17
- */var te;function Ae(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){var a=S,i=Symbol.for("react.element"),u=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),T=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),C=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),L=Symbol.for("react.offscreen"),ce=Symbol.iterator,rr="@@iterator";function tr(e){if(e===null||typeof e!="object")return null;var r=ce&&e[ce]||e[rr];return typeof r=="function"?r:null}var D=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function R(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),s=1;s<r;s++)t[s-1]=arguments[s];nr("error",e,t)}}function nr(e,r,t){{var s=D.ReactDebugCurrentFrame,d=s.getStackAddendum();d!==""&&(r+="%s",t=t.concat([d]));var p=t.map(function(c){return String(c)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var ar=!1,ir=!1,sr=!1,or=!1,lr=!1,ue;ue=Symbol.for("react.module.reference");function cr(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===h||lr||e===f||e===C||e===b||or||e===L||ar||ir||sr||typeof e=="object"&&e!==null&&(e.$$typeof===O||e.$$typeof===x||e.$$typeof===m||e.$$typeof===T||e.$$typeof===g||e.$$typeof===ue||e.getModuleId!==void 0))}function ur(e,r,t){var s=e.displayName;if(s)return s;var d=r.displayName||r.name||"";return d!==""?t+"("+d+")":t}function fe(e){return e.displayName||"Context"}function k(e){if(e==null)return null;if(typeof e.tag=="number"&&R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case o:return"Fragment";case u:return"Portal";case h:return"Profiler";case f:return"StrictMode";case C:return"Suspense";case b:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case T:var r=e;return fe(r)+".Consumer";case m:var t=e;return fe(t._context)+".Provider";case g:return ur(e,e.render,"ForwardRef");case x:var s=e.displayName||null;return s!==null?s:k(e.type)||"Memo";case O:{var d=e,p=d._payload,c=d._init;try{return k(c(p))}catch{return null}}}return null}var P=Object.assign,W=0,de,ve,pe,be,he,me,ge;function ye(){}ye.__reactDisabledLog=!0;function fr(){{if(W===0){de=console.log,ve=console.info,pe=console.warn,be=console.error,he=console.group,me=console.groupCollapsed,ge=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ye,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}W++}}function dr(){{if(W--,W===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:P({},e,{value:de}),info:P({},e,{value:ve}),warn:P({},e,{value:pe}),error:P({},e,{value:be}),group:P({},e,{value:he}),groupCollapsed:P({},e,{value:me}),groupEnd:P({},e,{value:ge})})}W<0&&R("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var H=D.ReactCurrentDispatcher,q;function V(e,r,t){{if(q===void 0)try{throw Error()}catch(d){var s=d.stack.trim().match(/\n( *(at )?)/);q=s&&s[1]||""}return`
18
- `+q+e}}var z=!1,B;{var vr=typeof WeakMap=="function"?WeakMap:Map;B=new vr}function je(e,r){if(!e||z)return"";{var t=B.get(e);if(t!==void 0)return t}var s;z=!0;var d=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=H.current,H.current=null,fr();try{if(r){var c=function(){throw Error()};if(Object.defineProperty(c.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(c,[])}catch(_){s=_}Reflect.construct(e,[],c)}else{try{c.call()}catch(_){s=_}e.call(c.prototype)}}else{try{throw Error()}catch(_){s=_}e()}}catch(_){if(_&&s&&typeof _.stack=="string"){for(var l=_.stack.split(`
17
+ */var te;function Fe(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){var a=S,i=Symbol.for("react.element"),c=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),T=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),C=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),V=Symbol.for("react.offscreen"),ce=Symbol.iterator,tr="@@iterator";function nr(e){if(e===null||typeof e!="object")return null;var r=ce&&e[ce]||e[tr];return typeof r=="function"?r:null}var D=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function R(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),s=1;s<r;s++)t[s-1]=arguments[s];ar("error",e,t)}}function ar(e,r,t){{var s=D.ReactDebugCurrentFrame,d=s.getStackAddendum();d!==""&&(r+="%s",t=t.concat([d]));var p=t.map(function(u){return String(u)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var ir=!1,sr=!1,or=!1,lr=!1,cr=!1,ue;ue=Symbol.for("react.module.reference");function ur(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===h||cr||e===f||e===C||e===b||lr||e===V||ir||sr||or||typeof e=="object"&&e!==null&&(e.$$typeof===O||e.$$typeof===x||e.$$typeof===m||e.$$typeof===T||e.$$typeof===g||e.$$typeof===ue||e.getModuleId!==void 0))}function fr(e,r,t){var s=e.displayName;if(s)return s;var d=r.displayName||r.name||"";return d!==""?t+"("+d+")":t}function fe(e){return e.displayName||"Context"}function k(e){if(e==null)return null;if(typeof e.tag=="number"&&R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case o:return"Fragment";case c:return"Portal";case h:return"Profiler";case f:return"StrictMode";case C:return"Suspense";case b:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case T:var r=e;return fe(r)+".Consumer";case m:var t=e;return fe(t._context)+".Provider";case g:return fr(e,e.render,"ForwardRef");case x:var s=e.displayName||null;return s!==null?s:k(e.type)||"Memo";case O:{var d=e,p=d._payload,u=d._init;try{return k(u(p))}catch{return null}}}return null}var P=Object.assign,W=0,de,ve,pe,be,he,me,ge;function ye(){}ye.__reactDisabledLog=!0;function dr(){{if(W===0){de=console.log,ve=console.info,pe=console.warn,be=console.error,he=console.group,me=console.groupCollapsed,ge=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ye,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}W++}}function vr(){{if(W--,W===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:P({},e,{value:de}),info:P({},e,{value:ve}),warn:P({},e,{value:pe}),error:P({},e,{value:be}),group:P({},e,{value:he}),groupCollapsed:P({},e,{value:me}),groupEnd:P({},e,{value:ge})})}W<0&&R("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var H=D.ReactCurrentDispatcher,q;function L(e,r,t){{if(q===void 0)try{throw Error()}catch(d){var s=d.stack.trim().match(/\n( *(at )?)/);q=s&&s[1]||""}return`
18
+ `+q+e}}var z=!1,U;{var pr=typeof WeakMap=="function"?WeakMap:Map;U=new pr}function je(e,r){if(!e||z)return"";{var t=U.get(e);if(t!==void 0)return t}var s;z=!0;var d=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=H.current,H.current=null,dr();try{if(r){var u=function(){throw Error()};if(Object.defineProperty(u.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(u,[])}catch(_){s=_}Reflect.construct(e,[],u)}else{try{u.call()}catch(_){s=_}e.call(u.prototype)}}else{try{throw Error()}catch(_){s=_}e()}}catch(_){if(_&&s&&typeof _.stack=="string"){for(var l=_.stack.split(`
19
19
  `),E=s.stack.split(`
20
20
  `),y=l.length-1,j=E.length-1;y>=1&&j>=0&&l[y]!==E[j];)j--;for(;y>=1&&j>=0;y--,j--)if(l[y]!==E[j]){if(y!==1||j!==1)do if(y--,j--,j<0||l[y]!==E[j]){var w=`
21
- `+l[y].replace(" at new "," at ");return e.displayName&&w.includes("<anonymous>")&&(w=w.replace("<anonymous>",e.displayName)),typeof e=="function"&&B.set(e,w),w}while(y>=1&&j>=0);break}}}finally{z=!1,H.current=p,dr(),Error.prepareStackTrace=d}var F=e?e.displayName||e.name:"",N=F?V(F):"";return typeof e=="function"&&B.set(e,N),N}function pr(e,r,t){return je(e,!1)}function br(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function U(e,r,t){if(e==null)return"";if(typeof e=="function")return je(e,br(e));if(typeof e=="string")return V(e);switch(e){case C:return V("Suspense");case b:return V("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case g:return pr(e.render);case x:return U(e.type,r,t);case O:{var s=e,d=s._payload,p=s._init;try{return U(p(d),r,t)}catch{}}}return""}var Y=Object.prototype.hasOwnProperty,xe={},Re=D.ReactDebugCurrentFrame;function J(e){if(e){var r=e._owner,t=U(e.type,e._source,r?r.type:null);Re.setExtraStackFrame(t)}else Re.setExtraStackFrame(null)}function hr(e,r,t,s,d){{var p=Function.call.bind(Y);for(var c in e)if(p(e,c)){var l=void 0;try{if(typeof e[c]!="function"){var E=Error((s||"React class")+": "+t+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw E.name="Invariant Violation",E}l=e[c](r,c,s,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(y){l=y}l&&!(l instanceof Error)&&(J(d),R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",s||"React class",t,c,typeof l),J(null)),l instanceof Error&&!(l.message in xe)&&(xe[l.message]=!0,J(d),R("Failed %s type: %s",t,l.message),J(null))}}}var mr=Array.isArray;function X(e){return mr(e)}function gr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function yr(e){try{return Ee(e),!1}catch{return!0}}function Ee(e){return""+e}function _e(e){if(yr(e))return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",gr(e)),Ee(e)}var Te=D.ReactCurrentOwner,jr={key:!0,ref:!0,__self:!0,__source:!0},Ce,we;function xr(e){if(Y.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Rr(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Er(e,r){typeof e.ref=="string"&&Te.current}function _r(e,r){{var t=function(){Ce||(Ce=!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))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function Tr(e,r){{var t=function(){we||(we=!0,R("%s: `ref` 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))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var Cr=function(e,r,t,s,d,p,c){var l={$$typeof:i,type:e,key:r,ref:t,props:c,_owner:p};return l._store={},Object.defineProperty(l._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(l,"_self",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.defineProperty(l,"_source",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.freeze&&(Object.freeze(l.props),Object.freeze(l)),l};function wr(e,r,t,s,d){{var p,c={},l=null,E=null;t!==void 0&&(_e(t),l=""+t),Rr(r)&&(_e(r.key),l=""+r.key),xr(r)&&(E=r.ref,Er(r,d));for(p in r)Y.call(r,p)&&!jr.hasOwnProperty(p)&&(c[p]=r[p]);if(e&&e.defaultProps){var y=e.defaultProps;for(p in y)c[p]===void 0&&(c[p]=y[p])}if(l||E){var j=typeof e=="function"?e.displayName||e.name||"Unknown":e;l&&_r(c,j),E&&Tr(c,j)}return Cr(e,l,E,d,s,Te.current,c)}}var Z=D.ReactCurrentOwner,Se=D.ReactDebugCurrentFrame;function I(e){if(e){var r=e._owner,t=U(e.type,e._source,r?r.type:null);Se.setExtraStackFrame(t)}else Se.setExtraStackFrame(null)}var Q;Q=!1;function K(e){return typeof e=="object"&&e!==null&&e.$$typeof===i}function Oe(){{if(Z.current){var e=k(Z.current.type);if(e)return`
21
+ `+l[y].replace(" at new "," at ");return e.displayName&&w.includes("<anonymous>")&&(w=w.replace("<anonymous>",e.displayName)),typeof e=="function"&&U.set(e,w),w}while(y>=1&&j>=0);break}}}finally{z=!1,H.current=p,vr(),Error.prepareStackTrace=d}var I=e?e.displayName||e.name:"",N=I?L(I):"";return typeof e=="function"&&U.set(e,N),N}function br(e,r,t){return je(e,!1)}function hr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function B(e,r,t){if(e==null)return"";if(typeof e=="function")return je(e,hr(e));if(typeof e=="string")return L(e);switch(e){case C:return L("Suspense");case b:return L("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case g:return br(e.render);case x:return B(e.type,r,t);case O:{var s=e,d=s._payload,p=s._init;try{return B(p(d),r,t)}catch{}}}return""}var Y=Object.prototype.hasOwnProperty,xe={},Re=D.ReactDebugCurrentFrame;function J(e){if(e){var r=e._owner,t=B(e.type,e._source,r?r.type:null);Re.setExtraStackFrame(t)}else Re.setExtraStackFrame(null)}function mr(e,r,t,s,d){{var p=Function.call.bind(Y);for(var u in e)if(p(e,u)){var l=void 0;try{if(typeof e[u]!="function"){var E=Error((s||"React class")+": "+t+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw E.name="Invariant Violation",E}l=e[u](r,u,s,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(y){l=y}l&&!(l instanceof Error)&&(J(d),R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",s||"React class",t,u,typeof l),J(null)),l instanceof Error&&!(l.message in xe)&&(xe[l.message]=!0,J(d),R("Failed %s type: %s",t,l.message),J(null))}}}var gr=Array.isArray;function X(e){return gr(e)}function yr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function jr(e){try{return Ee(e),!1}catch{return!0}}function Ee(e){return""+e}function _e(e){if(jr(e))return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",yr(e)),Ee(e)}var Te=D.ReactCurrentOwner,xr={key:!0,ref:!0,__self:!0,__source:!0},Ce,we;function Rr(e){if(Y.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Er(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function _r(e,r){typeof e.ref=="string"&&Te.current}function Tr(e,r){{var t=function(){Ce||(Ce=!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))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function Cr(e,r){{var t=function(){we||(we=!0,R("%s: `ref` 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))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var wr=function(e,r,t,s,d,p,u){var l={$$typeof:i,type:e,key:r,ref:t,props:u,_owner:p};return l._store={},Object.defineProperty(l._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(l,"_self",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.defineProperty(l,"_source",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.freeze&&(Object.freeze(l.props),Object.freeze(l)),l};function Sr(e,r,t,s,d){{var p,u={},l=null,E=null;t!==void 0&&(_e(t),l=""+t),Er(r)&&(_e(r.key),l=""+r.key),Rr(r)&&(E=r.ref,_r(r,d));for(p in r)Y.call(r,p)&&!xr.hasOwnProperty(p)&&(u[p]=r[p]);if(e&&e.defaultProps){var y=e.defaultProps;for(p in y)u[p]===void 0&&(u[p]=y[p])}if(l||E){var j=typeof e=="function"?e.displayName||e.name||"Unknown":e;l&&Tr(u,j),E&&Cr(u,j)}return wr(e,l,E,d,s,Te.current,u)}}var Z=D.ReactCurrentOwner,Se=D.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,t=B(e.type,e._source,r?r.type:null);Se.setExtraStackFrame(t)}else Se.setExtraStackFrame(null)}var Q;Q=!1;function K(e){return typeof e=="object"&&e!==null&&e.$$typeof===i}function Oe(){{if(Z.current){var e=k(Z.current.type);if(e)return`
22
22
 
23
- Check the render method of \``+e+"`."}return""}}function Sr(e){return""}var ke={};function Or(e){{var r=Oe();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
23
+ Check the render method of \``+e+"`."}return""}}function Or(e){return""}var ke={};function kr(e){{var r=Oe();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
24
24
 
25
- Check the top-level render call using <`+t+">.")}return r}}function Pe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=Or(r);if(ke[t])return;ke[t]=!0;var s="";e&&e._owner&&e._owner!==Z.current&&(s=" It was passed a child from "+k(e._owner.type)+"."),I(e),R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,s),I(null)}}function Ne(e,r){{if(typeof e!="object")return;if(X(e))for(var t=0;t<e.length;t++){var s=e[t];K(s)&&Pe(s,r)}else if(K(e))e._store&&(e._store.validated=!0);else if(e){var d=tr(e);if(typeof d=="function"&&d!==e.entries)for(var p=d.call(e),c;!(c=p.next()).done;)K(c.value)&&Pe(c.value,r)}}}function kr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===g||r.$$typeof===x))t=r.propTypes;else return;if(t){var s=k(r);hr(t,e.props,"prop",s,e)}else if(r.PropTypes!==void 0&&!Q){Q=!0;var d=k(r);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",d||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Pr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var s=r[t];if(s!=="children"&&s!=="key"){I(e),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",s),I(null);break}}e.ref!==null&&(I(e),R("Invalid attribute `ref` supplied to `React.Fragment`."),I(null))}}var De={};function Ie(e,r,t,s,d,p){{var c=cr(e);if(!c){var l="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(l+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var E=Sr();E?l+=E:l+=Oe();var y;e===null?y="null":X(e)?y="array":e!==void 0&&e.$$typeof===i?(y="<"+(k(e.type)||"Unknown")+" />",l=" Did you accidentally export a JSX literal instead of a component?"):y=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",y,l)}var j=wr(e,r,t,d,p);if(j==null)return j;if(c){var w=r.children;if(w!==void 0)if(s)if(X(w)){for(var F=0;F<w.length;F++)Ne(w[F],e);Object.freeze&&Object.freeze(w)}else R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ne(w,e)}if(Y.call(r,"key")){var N=k(e),_=Object.keys(r).filter(function($r){return $r!=="key"}),ee=_.length>0?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}";if(!De[N+ee]){var Ar=_.length>0?"{"+_.join(": ..., ")+": ...}":"{}";R(`A props object containing a "key" prop is being spread into JSX:
25
+ Check the top-level render call using <`+t+">.")}return r}}function Pe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=kr(r);if(ke[t])return;ke[t]=!0;var s="";e&&e._owner&&e._owner!==Z.current&&(s=" It was passed a child from "+k(e._owner.type)+"."),A(e),R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,s),A(null)}}function Ne(e,r){{if(typeof e!="object")return;if(X(e))for(var t=0;t<e.length;t++){var s=e[t];K(s)&&Pe(s,r)}else if(K(e))e._store&&(e._store.validated=!0);else if(e){var d=nr(e);if(typeof d=="function"&&d!==e.entries)for(var p=d.call(e),u;!(u=p.next()).done;)K(u.value)&&Pe(u.value,r)}}}function Pr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===g||r.$$typeof===x))t=r.propTypes;else return;if(t){var s=k(r);mr(t,e.props,"prop",s,e)}else if(r.PropTypes!==void 0&&!Q){Q=!0;var d=k(r);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",d||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Nr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var s=r[t];if(s!=="children"&&s!=="key"){A(e),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",s),A(null);break}}e.ref!==null&&(A(e),R("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var De={};function Ae(e,r,t,s,d,p){{var u=ur(e);if(!u){var l="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(l+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var E=Or();E?l+=E:l+=Oe();var y;e===null?y="null":X(e)?y="array":e!==void 0&&e.$$typeof===i?(y="<"+(k(e.type)||"Unknown")+" />",l=" Did you accidentally export a JSX literal instead of a component?"):y=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",y,l)}var j=Sr(e,r,t,d,p);if(j==null)return j;if(u){var w=r.children;if(w!==void 0)if(s)if(X(w)){for(var I=0;I<w.length;I++)Ne(w[I],e);Object.freeze&&Object.freeze(w)}else R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ne(w,e)}if(Y.call(r,"key")){var N=k(e),_=Object.keys(r).filter(function(Wr){return Wr!=="key"}),ee=_.length>0?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}";if(!De[N+ee]){var $r=_.length>0?"{"+_.join(": ..., ")+": ...}":"{}";R(`A props object containing a "key" prop is being spread into JSX:
26
26
  let props = %s;
27
27
  <%s {...props} />
28
28
  React keys must be passed directly to JSX without using spread:
29
29
  let props = %s;
30
- <%s key={someKey} {...props} />`,ee,N,Ar,N),De[N+ee]=!0}}return e===o?Pr(j):kr(j),j}}function Nr(e,r,t){return Ie(e,r,t,!0)}function Dr(e,r,t){return Ie(e,r,t,!1)}var Ir=Dr,Fr=Nr;$.Fragment=o,$.jsx=Ir,$.jsxs=Fr}()),$}var ne;function $e(){return ne||(ne=1,process.env.NODE_ENV==="production"?M.exports=Fe():M.exports=Ae()),M.exports}var n=$e();const We=()=>n.jsx("div",{className:"toolbar-pf"}),ae=({items:a})=>n.jsx("ol",{className:"breadcrumb",children:a.map((i,u)=>n.jsx("li",{className:i.active?"active":"",children:i.active?i.title:n.jsx("a",{href:i.href,children:i.title})},u))}),G=({type:a="default",title:i,size:u,label:o,onClick:f,isDisabled:h=!1,children:m,className:T=""})=>{const g=`btn-${a}`,C=u?`btn-${u}`:"",x=`${`btn ${g} ${C}`.trim()} ${T}`.trim();return n.jsx("button",{className:x,type:"button",onClick:f,disabled:h,children:n.jsxs("div",{className:"flex items-center",children:[m||o," ",i]})})},Ye=({children:a,eventKey:i,active:u})=>n.jsx("div",{className:`tab-pane ${u?"active":""}`,id:`${i}-panel`,role:"tabpanel","aria-labelledby":`${i}-tab`,children:a},i),Me=({activeKey:a,onSelect:i,children:u})=>n.jsxs("div",{className:"tabs-container",children:[n.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:u.map(({props:{eventKey:o,title:f}})=>n.jsx("li",{className:a===o?"active":"",children:n.jsx("a",{href:`#${o}`,onClick:h=>{h.preventDefault(),i(o)},children:f})},o))}),n.jsx("div",{className:"tabs-container",children:n.jsx("div",{className:"tab-content pf-c-tab-content",children:u.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))})})]}),Le=S.forwardRef(({id:a,type:i,placeholder:u="",value:o,onChange:f,className:h="form-control"},m)=>n.jsx("input",{type:i,id:a,className:h,placeholder:u,value:o,onChange:f,ref:m})),Ve=({title:a,isOpen:i,onClose:u,children:o,size:f})=>{if(!i)return null;const h=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 ${h}`,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:u,"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})]})})})},Be=({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})},Ue=({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:u,onChange:o})=>{const[f,h]=S.useState(!1),m=()=>{h(b=>!b)},T=b=>{h(!1),o(b)},g=b=>{const x=b.id===i;return n.jsx("li",{onClick:()=>T(b),className:x?"active":"",children:n.jsx("a",{href:"#",children:b.title})},b.id)},C=f?"dropdown open":"dropdown";return n.jsxs("div",{className:C,style:{display:"inline-block"},children:[n.jsxs("button",{className:"btn btn-default dropdown-toggle",onClick:m,children:[u,n.jsx("span",{className:"caret"})]}),f&&n.jsx("ul",{className:"dropdown-menu",children:a.map(g)})]})},se=({currentPage:a,total:i,onPageChange:u,pageSize:o})=>{const f=Math.ceil(i/o),h=()=>{a>1&&u(a-1)},m=()=>{a<f&&u(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:h,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:m,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:u})=>{var h;const o=m=>{a(m.data)},f=(h=oe.find(m=>m.data===i))==null?void 0:h.id;return n.jsxs("div",{className:"flex",children:[n.jsx(G,{type:"default",onClick:u,children:n.jsx("i",{className:"fa fa-refresh"})}),n.jsx(ie,{onChange:o,items:oe,selected:f})]})},Xe=({interval:a,page:i,total:u,onRefresh:o,onChangeInterval:f,onPageChange:h,pageSize:m})=>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:m,currentPage:i,total:u,onPageChange:h})})]}),Ze=({id:a,label:i,isChecked:u=!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:u,onChange:o}),` ${i}`]})}),Qe=({placeholder:a="",rows:i=3,maxLength:u,value:o,onChange:f,isDisabled:h=!1,className:m=""})=>{const[T,g]=S.useState(o||""),C=o!==void 0?o:T,b=x=>{const O=x.target.value;f?f(O):g(O)};return n.jsx("textarea",{className:m,placeholder:a,rows:i,maxLength:u,value:C,onChange:b,disabled:h})};function Ke(a,i){S.useEffect(()=>{if(!a)return;const u=setInterval(()=>{i()},a);return()=>clearInterval(u)},[a])}const er=()=>n.jsxs("div",{children:[n.jsx(ae,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),n.jsx(G,{children:"Hello"})]});v.Breadcrumb=ae,v.Button=G,v.Checkbox=Ze,v.Dropdown=ie,v.HelpText=Be,v.Input=Le,v.Modal=Ve,v.Pagination=se,v.ReloadButton=le,v.SampleComp=er,v.Tab=Ye,v.Table=Ue,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=Ke,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
30
+ <%s key={someKey} {...props} />`,ee,N,$r,N),De[N+ee]=!0}}return e===o?Nr(j):Pr(j),j}}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})=>n.jsx("ol",{className:"breadcrumb",children:a.map((i,c)=>n.jsx("li",{className:i.active?"active":"",children:i.active?i.title:n.jsx("a",{href:i.href,children:i.title})},c))}),G=({type:a="default",title:i,size:c,label:o,onClick:f,isDisabled:h=!1,children:m,className:T=""})=>{const g=`btn-${a}`,C=c?`btn-${c}`:"",x=`${`btn ${g} ${C}`.trim()} ${T}`.trim();return n.jsx("button",{className:x,type:"button",onClick:f,disabled:h,children:n.jsxs("div",{className:"flex items-center",children:[m||o," ",i]})})},Ye=({children:a,eventKey:i,active:c})=>n.jsx("div",{className:`tab-pane ${c?"active":""}`,id:`${i}-panel`,role:"tabpanel","aria-labelledby":`${i}-tab`,children:a},i),Me=({activeKey:a,onSelect:i,children:c})=>n.jsxs("div",{className:"tabs-container",children:[n.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:c.map(({props:{eventKey:o,title:f}})=>n.jsx("li",{className:a===o?"active":"",children:n.jsx("a",{href:`#${o}`,onClick:h=>{h.preventDefault(),i(o)},children:f})},o))}),n.jsx("div",{className:"tabs-container",children:n.jsx("div",{className:"tab-content pf-c-tab-content",children:c.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=S.forwardRef(({id:a,type:i,placeholder:c="",value:o,onChange:f,className:h="form-control"},m)=>n.jsx("input",{type:i,id:a,className:h,placeholder:c,value:o,onChange:f,ref:m})),Le=({title:a,isOpen:i,onClose:c,children:o,size:f})=>{if(!i)return null;const h=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 ${h}`,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:c,"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:c,onChange:o})=>{const[f,h]=S.useState(!1),m=()=>{h(b=>!b)},T=b=>{h(!1),o(b)},g=b=>{const x=b.id===i;return n.jsx("li",{onClick:()=>T(b),className:x?"active":"",children:n.jsx("a",{href:"#",children:b.title})},b.id)},C=f?"dropdown open":"dropdown";return n.jsxs("div",{className:C,style:{display:"inline-block"},children:[n.jsxs("button",{className:"btn btn-default dropdown-toggle",onClick:m,children:[c,n.jsx("span",{className:"caret"})]}),f&&n.jsx("ul",{className:"dropdown-menu",children:a.map(g)})]})},se=({currentPage:a,total:i,onPageChange:c,pageSize:o})=>{const f=Math.ceil(i/o),h=()=>{a>1&&c(a-1)},m=()=>{a<f&&c(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:h,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:m,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:c})=>{var h;const o=m=>{a(m.data)},f=(h=oe.find(m=>m.data===i))==null?void 0:h.id;return n.jsxs("div",{className:"flex",children:[n.jsx(G,{type:"default",onClick:c,children:n.jsx("i",{className:"fa fa-refresh"})}),n.jsx(ie,{onChange:o,items:oe,selected:f})]})},Xe=({interval:a,page:i,total:c,onRefresh:o,onChangeInterval:f,onPageChange:h,pageSize:m})=>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:m,currentPage:i,total:c,onPageChange:h})})]}),Ze=({id:a,label:i,isChecked:c=!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:c,onChange:o}),` ${i}`]})}),Qe=({placeholder:a="",rows:i=3,maxLength:c,value:o,onChange:f,isDisabled:h=!1,className:m=""})=>{const[T,g]=S.useState(o||""),C=o!==void 0?o:T,b=x=>{const O=x.target.value;f?f(O):g(O)};return n.jsx("textarea",{className:m,placeholder:a,rows:i,maxLength:c,value:C,onChange:b,disabled:h})},Ke=({variant:a,title:i,className:c})=>{const o=`alert alert-${a} ${c||""}`;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){S.useEffect(()=>{if(!a)return;const c=setInterval(()=>{i()},a);return()=>clearInterval(c)},[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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ovirt-ui-toolkit",
3
- "version": "0.0.19",
3
+ "version": "0.0.21",
4
4
  "type": "module",
5
5
  "main": "./dist/ovirt-ui-toolkit.umd.js",
6
6
  "module": "./dist/ovirt-ui-toolkit.es.js",