ovirt-ui-toolkit 0.0.48 → 0.0.49

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.
@@ -1,4 +1,4 @@
1
- import Oe, { forwardRef as mr, useState as Se, useEffect as hr } from "react";
1
+ import Oe, { forwardRef as hr, useState as Se, useEffect as mr } from "react";
2
2
  var U = { exports: {} }, A = {};
3
3
  /**
4
4
  * @license React
@@ -14,14 +14,14 @@ function br() {
14
14
  if (_e) return A;
15
15
  _e = 1;
16
16
  var a = Oe, s = Symbol.for("react.element"), l = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, c = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
17
- function m(C, h, T) {
17
+ function h(C, m, T) {
18
18
  var j, b = {}, R = null, W = null;
19
- T !== void 0 && (R = "" + T), h.key !== void 0 && (R = "" + h.key), h.ref !== void 0 && (W = h.ref);
20
- for (j in h) o.call(h, j) && !p.hasOwnProperty(j) && (b[j] = h[j]);
21
- if (C && C.defaultProps) for (j in h = C.defaultProps, h) b[j] === void 0 && (b[j] = h[j]);
19
+ T !== void 0 && (R = "" + T), m.key !== void 0 && (R = "" + m.key), m.ref !== void 0 && (W = m.ref);
20
+ for (j in m) o.call(m, j) && !p.hasOwnProperty(j) && (b[j] = m[j]);
21
+ if (C && C.defaultProps) for (j in m = C.defaultProps, m) b[j] === void 0 && (b[j] = m[j]);
22
22
  return { $$typeof: s, type: C, key: R, ref: W, props: b, _owner: c.current };
23
23
  }
24
- return A.Fragment = l, A.jsx = m, A.jsxs = m, A;
24
+ return A.Fragment = l, A.jsx = h, A.jsxs = h, A;
25
25
  }
26
26
  var I = {};
27
27
  /**
@@ -36,14 +36,14 @@ var I = {};
36
36
  var Ce;
37
37
  function xr() {
38
38
  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && function() {
39
- var a = Oe, s = Symbol.for("react.element"), l = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), C = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), Q = Symbol.iterator, Pe = "@@iterator";
39
+ var a = Oe, s = Symbol.for("react.element"), l = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), C = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), Q = Symbol.iterator, Pe = "@@iterator";
40
40
  function $e(e) {
41
41
  if (e === null || typeof e != "object")
42
42
  return null;
43
43
  var r = Q && e[Q] || e[Pe];
44
44
  return typeof r == "function" ? r : null;
45
45
  }
46
- var k = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
46
+ var N = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
47
47
  function y(e) {
48
48
  {
49
49
  for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
@@ -53,7 +53,7 @@ function xr() {
53
53
  }
54
54
  function De(e, r, n) {
55
55
  {
56
- var i = k.ReactDebugCurrentFrame, d = i.getStackAddendum();
56
+ var i = N.ReactDebugCurrentFrame, d = i.getStackAddendum();
57
57
  d !== "" && (r += "%s", n = n.concat([d]));
58
58
  var v = n.map(function(f) {
59
59
  return String(f);
@@ -64,7 +64,7 @@ function xr() {
64
64
  var Fe = !1, Ae = !1, Ie = !1, We = !1, Ye = !1, K;
65
65
  K = Symbol.for("react.module.reference");
66
66
  function Ve(e) {
67
- return !!(typeof e == "string" || typeof e == "function" || e === o || e === p || Ye || e === c || e === T || e === j || We || e === W || Fe || Ae || Ie || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === b || e.$$typeof === m || e.$$typeof === C || e.$$typeof === h || // This needs to include all possible module reference object
67
+ return !!(typeof e == "string" || typeof e == "function" || e === o || e === p || Ye || e === c || e === T || e === j || We || e === W || Fe || Ae || Ie || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === b || e.$$typeof === h || e.$$typeof === C || e.$$typeof === m || // This needs to include all possible module reference object
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.
@@ -106,10 +106,10 @@ function xr() {
106
106
  case C:
107
107
  var r = e;
108
108
  return ee(r) + ".Consumer";
109
- case m:
109
+ case h:
110
110
  var n = e;
111
111
  return ee(n._context) + ".Provider";
112
- case h:
112
+ case m:
113
113
  return Me(e, e.render, "ForwardRef");
114
114
  case b:
115
115
  var i = e.displayName || null;
@@ -187,7 +187,7 @@ function xr() {
187
187
  D < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
188
188
  }
189
189
  }
190
- var B = k.ReactCurrentDispatcher, J;
190
+ var B = N.ReactCurrentDispatcher, J;
191
191
  function Y(e, r, n) {
192
192
  {
193
193
  if (J === void 0)
@@ -274,8 +274,8 @@ function xr() {
274
274
  } finally {
275
275
  q = !1, B.current = v, Ue(), Error.prepareStackTrace = d;
276
276
  }
277
- var $ = e ? e.displayName || e.name : "", N = $ ? Y($) : "";
278
- return typeof e == "function" && V.set(e, N), N;
277
+ var $ = e ? e.displayName || e.name : "", k = $ ? Y($) : "";
278
+ return typeof e == "function" && V.set(e, k), k;
279
279
  }
280
280
  function Je(e, r, n) {
281
281
  return ce(e, !1);
@@ -299,7 +299,7 @@ function xr() {
299
299
  }
300
300
  if (typeof e == "object")
301
301
  switch (e.$$typeof) {
302
- case h:
302
+ case m:
303
303
  return Je(e.render);
304
304
  case b:
305
305
  return M(e.type, r, n);
@@ -313,7 +313,7 @@ function xr() {
313
313
  }
314
314
  return "";
315
315
  }
316
- var F = Object.prototype.hasOwnProperty, ue = {}, fe = k.ReactDebugCurrentFrame;
316
+ var F = Object.prototype.hasOwnProperty, ue = {}, fe = N.ReactDebugCurrentFrame;
317
317
  function L(e) {
318
318
  if (e) {
319
319
  var r = e._owner, n = M(e.type, e._source, r ? r.type : null);
@@ -364,12 +364,12 @@ function xr() {
364
364
  if (Xe(e))
365
365
  return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), de(e);
366
366
  }
367
- var pe = k.ReactCurrentOwner, Ze = {
367
+ var pe = N.ReactCurrentOwner, Ze = {
368
368
  key: !0,
369
369
  ref: !0,
370
370
  __self: !0,
371
371
  __source: !0
372
- }, me, he;
372
+ }, he, me;
373
373
  function Qe(e) {
374
374
  if (F.call(e, "ref")) {
375
375
  var r = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -392,7 +392,7 @@ function xr() {
392
392
  function rr(e, r) {
393
393
  {
394
394
  var n = function() {
395
- me || (me = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
395
+ he || (he = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
396
396
  };
397
397
  n.isReactWarning = !0, Object.defineProperty(e, "key", {
398
398
  get: n,
@@ -403,7 +403,7 @@ function xr() {
403
403
  function tr(e, r) {
404
404
  {
405
405
  var n = function() {
406
- he || (he = !0, y("%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));
406
+ me || (me = !0, y("%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));
407
407
  };
408
408
  n.isReactWarning = !0, Object.defineProperty(e, "ref", {
409
409
  get: n,
@@ -458,7 +458,7 @@ function xr() {
458
458
  return nr(e, u, E, d, i, pe.current, f);
459
459
  }
460
460
  }
461
- var G = k.ReactCurrentOwner, be = k.ReactDebugCurrentFrame;
461
+ var G = N.ReactCurrentOwner, be = N.ReactDebugCurrentFrame;
462
462
  function P(e) {
463
463
  if (e) {
464
464
  var r = e._owner, n = M(e.type, e._source, r ? r.type : null);
@@ -539,7 +539,7 @@ Check the top-level render call using <` + n + ">.");
539
539
  var n;
540
540
  if (typeof r == "function")
541
541
  n = r.propTypes;
542
- else if (typeof r == "object" && (r.$$typeof === h || // Note: Memo only checks outer props here.
542
+ else if (typeof r == "object" && (r.$$typeof === m || // Note: Memo only checks outer props here.
543
543
  // Inner props are checked in the reconciler.
544
544
  r.$$typeof === b))
545
545
  n = r.propTypes;
@@ -597,17 +597,17 @@ Check the top-level render call using <` + n + ">.");
597
597
  ye(w, e);
598
598
  }
599
599
  if (F.call(r, "key")) {
600
- var N = O(e), _ = Object.keys(r).filter(function(pr) {
600
+ var k = O(e), _ = Object.keys(r).filter(function(pr) {
601
601
  return pr !== "key";
602
602
  }), Z = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
603
- if (!Ee[N + Z]) {
603
+ if (!Ee[k + Z]) {
604
604
  var vr = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
605
605
  y(`A props object containing a "key" prop is being spread into JSX:
606
606
  let props = %s;
607
607
  <%s {...props} />
608
608
  React keys must be passed directly to JSX without using spread:
609
609
  let props = %s;
610
- <%s key={someKey} {...props} />`, Z, N, vr, N), Ee[N + Z] = !0;
610
+ <%s key={someKey} {...props} />`, Z, k, vr, k), Ee[k + Z] = !0;
611
611
  }
612
612
  }
613
613
  return e === o ? lr(g) : or(g), g;
@@ -657,16 +657,16 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
657
657
  )
658
658
  ]
659
659
  }
660
- ) }), Ne = ({
660
+ ) }), ke = ({
661
661
  type: a = "default",
662
662
  title: s,
663
663
  size: l,
664
664
  label: o,
665
665
  onClick: c,
666
666
  isDisabled: p = !1,
667
- children: m,
667
+ children: h,
668
668
  className: C = "",
669
- isLoading: h = !1
669
+ isLoading: m = !1
670
670
  }) => {
671
671
  const T = `btn-${a}`, j = l ? `btn-${l}` : "", R = `${`btn ${T} ${j}`.trim()} ${C}`.trim();
672
672
  return /* @__PURE__ */ t.jsx(
@@ -675,10 +675,10 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
675
675
  className: R,
676
676
  type: "button",
677
677
  onClick: c,
678
- disabled: p || h,
678
+ disabled: p || m,
679
679
  children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
680
- h && yr,
681
- m || o,
680
+ m && yr,
681
+ h || o,
682
682
  " ",
683
683
  s && /* @__PURE__ */ t.jsx("span", { children: s })
684
684
  ] })
@@ -716,7 +716,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
716
716
  },
717
717
  o
718
718
  )) }) })
719
- ] }), Sr = mr(
719
+ ] }), Sr = hr(
720
720
  ({
721
721
  id: a,
722
722
  type: s,
@@ -724,7 +724,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
724
724
  value: o,
725
725
  onChange: c,
726
726
  className: p = "form-control"
727
- }, m) => /* @__PURE__ */ t.jsx(
727
+ }, h) => /* @__PURE__ */ t.jsx(
728
728
  "input",
729
729
  {
730
730
  type: s,
@@ -733,10 +733,10 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
733
733
  placeholder: l,
734
734
  value: o,
735
735
  onChange: c,
736
- ref: m
736
+ ref: h
737
737
  }
738
738
  )
739
- ), Nr = ({ title: a, isOpen: s, onClose: l, children: o, size: c }) => {
739
+ ), kr = ({ title: a, isOpen: s, onClose: l, children: o, size: c }) => {
740
740
  if (!s) return null;
741
741
  const p = c ? `modal-${c}` : "";
742
742
  return /* @__PURE__ */ t.jsx("div", { className: "modal fade in", style: { display: "block" }, tabIndex: -1, role: "dialog", children: /* @__PURE__ */ t.jsx("div", { className: `modal-dialog ${p}`, role: "document", children: /* @__PURE__ */ t.jsxs("div", { className: "modal-content", children: [
@@ -746,38 +746,38 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
746
746
  ] }),
747
747
  /* @__PURE__ */ t.jsx("div", { className: "modal-body", children: o })
748
748
  ] }) }) });
749
- }, kr = ({ variant: a, children: s, className: l = "" }) => {
749
+ }, Nr = ({ variant: a, children: s, className: l = "" }) => {
750
750
  const o = {
751
751
  warning: "text-yellow-600",
752
752
  success: "text-green-600",
753
753
  error: "text-red-600"
754
754
  }, c = l + " " + o[a] || "";
755
755
  return /* @__PURE__ */ t.jsx("p", { className: c, children: s });
756
- }, Pr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("table", { ...s, children: a }), $r = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("tbody", { ...s, children: a }), Dr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("td", { ...s, children: a }), Fr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("th", { ...s, children: a }), Ar = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("thead", { ...s, children: a }), Ir = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("tr", { ...s, children: a }), ke = ({
756
+ }, Pr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("table", { ...s, children: a }), $r = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("tbody", { ...s, children: a }), Dr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("td", { ...s, children: a }), Fr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("th", { ...s, children: a }), Ar = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("thead", { ...s, children: a }), Ir = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("tr", { ...s, children: a }), Er = ({
757
757
  items: a,
758
758
  selected: s,
759
759
  title: l,
760
760
  isOpen: o,
761
761
  setIsOpen: c,
762
762
  onChange: p,
763
- className: m = ""
763
+ className: h = ""
764
764
  }) => {
765
765
  const C = (b) => {
766
766
  c(!b);
767
- }, h = (b) => {
767
+ }, m = (b) => {
768
768
  c(!1), p(b);
769
769
  }, T = (b) => {
770
770
  const R = b.id === s;
771
771
  return /* @__PURE__ */ t.jsx(
772
772
  "li",
773
773
  {
774
- onClick: () => h(b),
774
+ onClick: () => m(b),
775
775
  className: R ? "active" : "",
776
776
  children: /* @__PURE__ */ t.jsx("a", { href: "#", children: b.title })
777
777
  },
778
778
  b.id
779
779
  );
780
- }, j = `btn btn-default dropdown-toggle ${m}`;
780
+ }, j = `btn btn-default dropdown-toggle ${h}`;
781
781
  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
782
782
  /* @__PURE__ */ t.jsx(
783
783
  "button",
@@ -794,10 +794,10 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
794
794
  ),
795
795
  /* @__PURE__ */ t.jsx("ul", { className: "dropdown-menu", role: "menu", children: a.map(T) })
796
796
  ] });
797
- }, Er = ({ currentPage: a, total: s, onPageChange: l, pageSize: o }) => {
797
+ }, Rr = ({ currentPage: a, total: s, onPageChange: l, pageSize: o }) => {
798
798
  const c = Math.ceil(s / o), p = () => {
799
799
  a > 1 && l(a - 1);
800
- }, m = () => {
800
+ }, h = () => {
801
801
  a < c && l(a + 1);
802
802
  };
803
803
  return /* @__PURE__ */ t.jsxs("div", { children: [
@@ -823,27 +823,42 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
823
823
  type: "button",
824
824
  className: `btn btn-default ${a === c ? "disabled" : ""}`,
825
825
  disabled: a === c,
826
- onClick: m,
826
+ onClick: h,
827
827
  children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-angle-right" })
828
828
  }
829
829
  )
830
830
  ] })
831
831
  ] });
832
+ }, Ne = ({
833
+ children: a,
834
+ onChange: s,
835
+ items: l
836
+ }) => {
837
+ const [o, c] = Se(!1);
838
+ return /* @__PURE__ */ t.jsx("div", { className: `btn-group ${o ? "open" : ""}`, children: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
839
+ a,
840
+ /* @__PURE__ */ t.jsx(
841
+ Er,
842
+ {
843
+ setIsOpen: c,
844
+ isOpen: o,
845
+ onChange: s,
846
+ items: l
847
+ }
848
+ )
849
+ ] }) });
832
850
  }, we = [
833
851
  { id: 1, title: "5 сек", data: 5e3 },
834
852
  { id: 2, title: "10 сек", data: 1e4 },
835
853
  { id: 3, title: "20 сек", data: 2e4 },
836
854
  { id: 4, title: "30 сек", data: 3e4 },
837
855
  { id: 5, title: "60 сек", data: 6e4 }
838
- ], Rr = ({ onChange: a, value: s, onRefresh: l }) => {
856
+ ], _r = ({ onChange: a, value: s, onRefresh: l }) => {
839
857
  var p;
840
- const o = (m) => {
841
- a(m.data);
842
- }, c = (p = we.find((m) => m.data === s)) == null ? void 0 : p.id;
843
- return /* @__PURE__ */ t.jsxs("div", { className: "flex", children: [
844
- /* @__PURE__ */ t.jsx(Ne, { className: "m-0 h-[20px]", type: "default", onClick: l, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }),
845
- /* @__PURE__ */ t.jsx(ke, { className: "m-0 h-[20px]", onChange: o, items: we, selected: c })
846
- ] });
858
+ const o = (h) => {
859
+ a(h.data);
860
+ }, c = (p = we.find((h) => h.data === s)) == null ? void 0 : p.id;
861
+ return console.log("🪚 id:", c), /* @__PURE__ */ t.jsx(Ne, { items: we, onChange: o, children: /* @__PURE__ */ t.jsx(ke, { className: "m-0 h-[20px]", type: "default", onClick: l, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }) });
847
862
  }, Wr = ({
848
863
  interval: a,
849
864
  page: s,
@@ -851,10 +866,10 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
851
866
  onRefresh: o,
852
867
  onChangeInterval: c,
853
868
  onPageChange: p,
854
- pageSize: m
869
+ pageSize: h
855
870
  }) => /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]", children: [
856
871
  /* @__PURE__ */ t.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ t.jsx(
857
- Rr,
872
+ _r,
858
873
  {
859
874
  value: a,
860
875
  onChange: c,
@@ -862,9 +877,9 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
862
877
  }
863
878
  ) }),
864
879
  /* @__PURE__ */ t.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ t.jsx(
865
- Er,
880
+ Rr,
866
881
  {
867
- pageSize: m,
882
+ pageSize: h,
868
883
  currentPage: s,
869
884
  total: l,
870
885
  onPageChange: p
@@ -894,16 +909,16 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
894
909
  value: o,
895
910
  onChange: c,
896
911
  isDisabled: p = !1,
897
- className: m = ""
912
+ className: h = ""
898
913
  }) => {
899
- const [C, h] = Se(o || ""), T = o !== void 0 ? o : C, j = (b) => {
914
+ const [C, m] = Se(o || ""), T = o !== void 0 ? o : C, j = (b) => {
900
915
  const R = b.target.value;
901
- c ? c(R) : h(R);
916
+ c ? c(R) : m(R);
902
917
  };
903
918
  return /* @__PURE__ */ t.jsx(
904
919
  "textarea",
905
920
  {
906
- className: m,
921
+ className: h,
907
922
  placeholder: a,
908
923
  rows: s,
909
924
  maxLength: l,
@@ -917,7 +932,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), jr =
917
932
  return ["success", "info", "warning", "danger"].includes(a) || (console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`), a = "info"), /* @__PURE__ */ t.jsx("div", { className: o.trim(), role: "alert", children: s });
918
933
  };
919
934
  function Lr(a, s) {
920
- hr(() => {
935
+ mr(() => {
921
936
  if (!a)
922
937
  return;
923
938
  const l = setInterval(() => {
@@ -926,25 +941,7 @@ function Lr(a, s) {
926
941
  return () => clearInterval(l);
927
942
  }, [a]);
928
943
  }
929
- const _r = ({
930
- children: a,
931
- onChange: s,
932
- items: l
933
- }) => {
934
- const [o, c] = Se(!1);
935
- return /* @__PURE__ */ t.jsx("div", { className: `btn-group ${o ? "open" : ""}`, children: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
936
- a,
937
- /* @__PURE__ */ t.jsx(
938
- ke,
939
- {
940
- setIsOpen: c,
941
- isOpen: o,
942
- onChange: s,
943
- items: l
944
- }
945
- )
946
- ] }) });
947
- }, Ur = () => /* @__PURE__ */ t.jsxs("div", { children: [
944
+ const Ur = () => /* @__PURE__ */ t.jsxs("div", { children: [
948
945
  /* @__PURE__ */ t.jsx(
949
946
  jr,
950
947
  {
@@ -955,7 +952,7 @@ const _r = ({
955
952
  }
956
953
  ),
957
954
  /* @__PURE__ */ t.jsx(
958
- _r,
955
+ Ne,
959
956
  {
960
957
  onChange: () => {
961
958
  },
@@ -964,21 +961,21 @@ const _r = ({
964
961
  { id: 1, title: "10 сек" },
965
962
  { id: 2, title: "20 сек" }
966
963
  ],
967
- children: /* @__PURE__ */ t.jsx(Ne, { children: "Hello" })
964
+ children: /* @__PURE__ */ t.jsx(ke, { children: "Hello" })
968
965
  }
969
966
  )
970
967
  ] });
971
968
  export {
972
969
  Mr as Alert,
973
970
  jr as Breadcrumb,
974
- Ne as Button,
971
+ ke as Button,
975
972
  Yr as Checkbox,
976
- ke as Dropdown,
977
- kr as HelpText,
973
+ Er as Dropdown,
974
+ Nr as HelpText,
978
975
  Sr as Input,
979
- Nr as Modal,
980
- Er as Pagination,
981
- Rr as ReloadButton,
976
+ kr as Modal,
977
+ Rr as Pagination,
978
+ _r as ReloadButton,
982
979
  Ur as SampleComp,
983
980
  wr as Tab,
984
981
  Pr as Table,
@@ -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 te;function Fe(){if(te)return I;te=1;var a=O,s=Symbol.for("react.element"),l=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,c=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function m(C,b,w){var y,g={},_=null,V=null;w!==void 0&&(_=""+w),b.key!==void 0&&(_=""+b.key),b.ref!==void 0&&(V=b.ref);for(y in b)o.call(b,y)&&!h.hasOwnProperty(y)&&(g[y]=b[y]);if(C&&C.defaultProps)for(y in b=C.defaultProps,b)g[y]===void 0&&(g[y]=b[y]);return{$$typeof:s,type:C,key:_,ref:V,props:g,_owner:c.current}}return I.Fragment=l,I.jsx=m,I.jsxs=m,I}var $={};/**
9
+ */var re;function Ie(){if(re)return I;re=1;var a=O,i=Symbol.for("react.element"),l=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,c=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function m(C,b,w){var y,g={},_=null,V=null;w!==void 0&&(_=""+w),b.key!==void 0&&(_=""+b.key),b.ref!==void 0&&(V=b.ref);for(y in b)o.call(b,y)&&!h.hasOwnProperty(y)&&(g[y]=b[y]);if(C&&C.defaultProps)for(y in b=C.defaultProps,b)g[y]===void 0&&(g[y]=b[y]);return{$$typeof:i,type:C,key:_,ref:V,props:g,_owner:c.current}}return I.Fragment=l,I.jsx=m,I.jsxs=m,I}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 ne;function Ie(){return ne||(ne=1,process.env.NODE_ENV!=="production"&&function(){var a=O,s=Symbol.for("react.element"),l=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),C=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),_=Symbol.for("react.lazy"),V=Symbol.for("react.offscreen"),ce=Symbol.iterator,ar="@@iterator";function sr(e){if(e===null||typeof e!="object")return null;var r=ce&&e[ce]||e[ar];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,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];ir("error",e,n)}}function ir(e,r,n){{var i=D.ReactDebugCurrentFrame,d=i.getStackAddendum();d!==""&&(r+="%s",n=n.concat([d]));var p=n.map(function(f){return String(f)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var or=!1,lr=!1,cr=!1,ur=!1,fr=!1,ue;ue=Symbol.for("react.module.reference");function dr(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===h||fr||e===c||e===w||e===y||ur||e===V||or||lr||cr||typeof e=="object"&&e!==null&&(e.$$typeof===_||e.$$typeof===g||e.$$typeof===m||e.$$typeof===C||e.$$typeof===b||e.$$typeof===ue||e.getModuleId!==void 0))}function vr(e,r,n){var i=e.displayName;if(i)return i;var d=r.displayName||r.name||"";return d!==""?n+"("+d+")":n}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 l:return"Portal";case h:return"Profiler";case c:return"StrictMode";case w:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case C:var r=e;return fe(r)+".Consumer";case m:var n=e;return fe(n._context)+".Provider";case b:return vr(e,e.render,"ForwardRef");case g:var i=e.displayName||null;return i!==null?i:k(e.type)||"Memo";case _:{var d=e,p=d._payload,f=d._init;try{return k(f(p))}catch{return null}}}return null}var N=Object.assign,W=0,de,ve,pe,he,me,be,ge;function xe(){}xe.__reactDisabledLog=!0;function pr(){{if(W===0){de=console.log,ve=console.info,pe=console.warn,he=console.error,me=console.group,be=console.groupCollapsed,ge=console.groupEnd;var e={configurable:!0,enumerable:!0,value:xe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}W++}}function hr(){{if(W--,W===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:N({},e,{value:de}),info:N({},e,{value:ve}),warn:N({},e,{value:pe}),error:N({},e,{value:he}),group:N({},e,{value:me}),groupCollapsed:N({},e,{value:be}),groupEnd:N({},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,n){{if(q===void 0)try{throw Error()}catch(d){var i=d.stack.trim().match(/\n( *(at )?)/);q=i&&i[1]||""}return`
18
- `+q+e}}var X=!1,B;{var mr=typeof WeakMap=="function"?WeakMap:Map;B=new mr}function je(e,r){if(!e||X)return"";{var n=B.get(e);if(n!==void 0)return n}var i;X=!0;var d=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=H.current,H.current=null,pr();try{if(r){var f=function(){throw Error()};if(Object.defineProperty(f.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(f,[])}catch(T){i=T}Reflect.construct(e,[],f)}else{try{f.call()}catch(T){i=T}e.call(f.prototype)}}else{try{throw Error()}catch(T){i=T}e()}}catch(T){if(T&&i&&typeof T.stack=="string"){for(var u=T.stack.split(`
19
- `),E=i.stack.split(`
17
+ */var te;function $e(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){var a=O,i=Symbol.for("react.element"),l=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),C=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),_=Symbol.for("react.lazy"),V=Symbol.for("react.offscreen"),ue=Symbol.iterator,ar="@@iterator";function ir(e){if(e===null||typeof e!="object")return null;var r=ue&&e[ue]||e[ar];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,n=new Array(r>1?r-1:0),s=1;s<r;s++)n[s-1]=arguments[s];sr("error",e,n)}}function sr(e,r,n){{var s=D.ReactDebugCurrentFrame,d=s.getStackAddendum();d!==""&&(r+="%s",n=n.concat([d]));var p=n.map(function(f){return String(f)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var or=!1,lr=!1,cr=!1,ur=!1,fr=!1,fe;fe=Symbol.for("react.module.reference");function dr(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===h||fr||e===c||e===w||e===y||ur||e===V||or||lr||cr||typeof e=="object"&&e!==null&&(e.$$typeof===_||e.$$typeof===g||e.$$typeof===m||e.$$typeof===C||e.$$typeof===b||e.$$typeof===fe||e.getModuleId!==void 0))}function vr(e,r,n){var s=e.displayName;if(s)return s;var d=r.displayName||r.name||"";return d!==""?n+"("+d+")":n}function de(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 l:return"Portal";case h:return"Profiler";case c:return"StrictMode";case w:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case C:var r=e;return de(r)+".Consumer";case m:var n=e;return de(n._context)+".Provider";case b:return vr(e,e.render,"ForwardRef");case g:var s=e.displayName||null;return s!==null?s:k(e.type)||"Memo";case _:{var d=e,p=d._payload,f=d._init;try{return k(f(p))}catch{return null}}}return null}var N=Object.assign,W=0,ve,pe,he,me,be,ge,xe;function je(){}je.__reactDisabledLog=!0;function pr(){{if(W===0){ve=console.log,pe=console.info,he=console.warn,me=console.error,be=console.group,ge=console.groupCollapsed,xe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:je,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}W++}}function hr(){{if(W--,W===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:N({},e,{value:ve}),info:N({},e,{value:pe}),warn:N({},e,{value:he}),error:N({},e,{value:me}),group:N({},e,{value:be}),groupCollapsed:N({},e,{value:ge}),groupEnd:N({},e,{value:xe})})}W<0&&R("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var G=D.ReactCurrentDispatcher,H;function L(e,r,n){{if(H===void 0)try{throw Error()}catch(d){var s=d.stack.trim().match(/\n( *(at )?)/);H=s&&s[1]||""}return`
18
+ `+H+e}}var q=!1,B;{var mr=typeof WeakMap=="function"?WeakMap:Map;B=new mr}function ye(e,r){if(!e||q)return"";{var n=B.get(e);if(n!==void 0)return n}var s;q=!0;var d=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=G.current,G.current=null,pr();try{if(r){var f=function(){throw Error()};if(Object.defineProperty(f.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(f,[])}catch(T){s=T}Reflect.construct(e,[],f)}else{try{f.call()}catch(T){s=T}e.call(f.prototype)}}else{try{throw Error()}catch(T){s=T}e()}}catch(T){if(T&&s&&typeof T.stack=="string"){for(var u=T.stack.split(`
19
+ `),E=s.stack.split(`
20
20
  `),x=u.length-1,j=E.length-1;x>=1&&j>=0&&u[x]!==E[j];)j--;for(;x>=1&&j>=0;x--,j--)if(u[x]!==E[j]){if(x!==1||j!==1)do if(x--,j--,j<0||u[x]!==E[j]){var S=`
21
- `+u[x].replace(" at new "," at ");return e.displayName&&S.includes("<anonymous>")&&(S=S.replace("<anonymous>",e.displayName)),typeof e=="function"&&B.set(e,S),S}while(x>=1&&j>=0);break}}}finally{X=!1,H.current=p,hr(),Error.prepareStackTrace=d}var F=e?e.displayName||e.name:"",P=F?L(F):"";return typeof e=="function"&&B.set(e,P),P}function br(e,r,n){return je(e,!1)}function gr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function U(e,r,n){if(e==null)return"";if(typeof e=="function")return je(e,gr(e));if(typeof e=="string")return L(e);switch(e){case w:return L("Suspense");case y:return L("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return br(e.render);case g:return U(e.type,r,n);case _:{var i=e,d=i._payload,p=i._init;try{return U(p(d),r,n)}catch{}}}return""}var Y=Object.prototype.hasOwnProperty,ye={},Re=D.ReactDebugCurrentFrame;function J(e){if(e){var r=e._owner,n=U(e.type,e._source,r?r.type:null);Re.setExtraStackFrame(n)}else Re.setExtraStackFrame(null)}function xr(e,r,n,i,d){{var p=Function.call.bind(Y);for(var f in e)if(p(e,f)){var u=void 0;try{if(typeof e[f]!="function"){var E=Error((i||"React class")+": "+n+" type `"+f+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[f]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw E.name="Invariant Violation",E}u=e[f](r,f,i,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(x){u=x}u&&!(u 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).",i||"React class",n,f,typeof u),J(null)),u instanceof Error&&!(u.message in ye)&&(ye[u.message]=!0,J(d),R("Failed %s type: %s",n,u.message),J(null))}}}var jr=Array.isArray;function Z(e){return jr(e)}function yr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function Rr(e){try{return Ee(e),!1}catch{return!0}}function Ee(e){return""+e}function _e(e){if(Rr(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,Er={key:!0,ref:!0,__self:!0,__source:!0},Ce,we;function _r(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 Tr(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 Cr(e,r){typeof e.ref=="string"&&Te.current}function wr(e,r){{var n=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))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}}function Sr(e,r){{var n=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))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}}var Or=function(e,r,n,i,d,p,f){var u={$$typeof:s,type:e,key:r,ref:n,props:f,_owner:p};return u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(u,"_self",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.defineProperty(u,"_source",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u};function kr(e,r,n,i,d){{var p,f={},u=null,E=null;n!==void 0&&(_e(n),u=""+n),Tr(r)&&(_e(r.key),u=""+r.key),_r(r)&&(E=r.ref,Cr(r,d));for(p in r)Y.call(r,p)&&!Er.hasOwnProperty(p)&&(f[p]=r[p]);if(e&&e.defaultProps){var x=e.defaultProps;for(p in x)f[p]===void 0&&(f[p]=x[p])}if(u||E){var j=typeof e=="function"?e.displayName||e.name||"Unknown":e;u&&wr(f,j),E&&Sr(f,j)}return Or(e,u,E,d,i,Te.current,f)}}var Q=D.ReactCurrentOwner,Se=D.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,n=U(e.type,e._source,r?r.type:null);Se.setExtraStackFrame(n)}else Se.setExtraStackFrame(null)}var K;K=!1;function ee(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function Oe(){{if(Q.current){var e=k(Q.current.type);if(e)return`
21
+ `+u[x].replace(" at new "," at ");return e.displayName&&S.includes("<anonymous>")&&(S=S.replace("<anonymous>",e.displayName)),typeof e=="function"&&B.set(e,S),S}while(x>=1&&j>=0);break}}}finally{q=!1,G.current=p,hr(),Error.prepareStackTrace=d}var F=e?e.displayName||e.name:"",P=F?L(F):"";return typeof e=="function"&&B.set(e,P),P}function br(e,r,n){return ye(e,!1)}function gr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function U(e,r,n){if(e==null)return"";if(typeof e=="function")return ye(e,gr(e));if(typeof e=="string")return L(e);switch(e){case w:return L("Suspense");case y:return L("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return br(e.render);case g:return U(e.type,r,n);case _:{var s=e,d=s._payload,p=s._init;try{return U(p(d),r,n)}catch{}}}return""}var Y=Object.prototype.hasOwnProperty,Re={},Ee=D.ReactDebugCurrentFrame;function J(e){if(e){var r=e._owner,n=U(e.type,e._source,r?r.type:null);Ee.setExtraStackFrame(n)}else Ee.setExtraStackFrame(null)}function xr(e,r,n,s,d){{var p=Function.call.bind(Y);for(var f in e)if(p(e,f)){var u=void 0;try{if(typeof e[f]!="function"){var E=Error((s||"React class")+": "+n+" type `"+f+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[f]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw E.name="Invariant Violation",E}u=e[f](r,f,s,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(x){u=x}u&&!(u 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",n,f,typeof u),J(null)),u instanceof Error&&!(u.message in Re)&&(Re[u.message]=!0,J(d),R("Failed %s type: %s",n,u.message),J(null))}}}var jr=Array.isArray;function X(e){return jr(e)}function yr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function Rr(e){try{return _e(e),!1}catch{return!0}}function _e(e){return""+e}function Te(e){if(Rr(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)),_e(e)}var Ce=D.ReactCurrentOwner,Er={key:!0,ref:!0,__self:!0,__source:!0},we,Se;function _r(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 Tr(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 Cr(e,r){typeof e.ref=="string"&&Ce.current}function wr(e,r){{var n=function(){we||(we=!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))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}}function Sr(e,r){{var n=function(){Se||(Se=!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))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}}var Or=function(e,r,n,s,d,p,f){var u={$$typeof:i,type:e,key:r,ref:n,props:f,_owner:p};return u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(u,"_self",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.defineProperty(u,"_source",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u};function kr(e,r,n,s,d){{var p,f={},u=null,E=null;n!==void 0&&(Te(n),u=""+n),Tr(r)&&(Te(r.key),u=""+r.key),_r(r)&&(E=r.ref,Cr(r,d));for(p in r)Y.call(r,p)&&!Er.hasOwnProperty(p)&&(f[p]=r[p]);if(e&&e.defaultProps){var x=e.defaultProps;for(p in x)f[p]===void 0&&(f[p]=x[p])}if(u||E){var j=typeof e=="function"?e.displayName||e.name||"Unknown":e;u&&wr(f,j),E&&Sr(f,j)}return Or(e,u,E,d,s,Ce.current,f)}}var Z=D.ReactCurrentOwner,Oe=D.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,n=U(e.type,e._source,r?r.type:null);Oe.setExtraStackFrame(n)}else Oe.setExtraStackFrame(null)}var Q;Q=!1;function K(e){return typeof e=="object"&&e!==null&&e.$$typeof===i}function ke(){{if(Z.current){var e=k(Z.current.type);if(e)return`
22
22
 
23
- Check the render method of \``+e+"`."}return""}}function Nr(e){return""}var ke={};function Pr(e){{var r=Oe();if(!r){var n=typeof e=="string"?e:e.displayName||e.name;n&&(r=`
23
+ Check the render method of \``+e+"`."}return""}}function Nr(e){return""}var Ne={};function Pr(e){{var r=ke();if(!r){var n=typeof e=="string"?e:e.displayName||e.name;n&&(r=`
24
24
 
25
- Check the top-level render call using <`+n+">.")}return r}}function Ne(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=Pr(r);if(ke[n])return;ke[n]=!0;var i="";e&&e._owner&&e._owner!==Q.current&&(i=" 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.',n,i),A(null)}}function Pe(e,r){{if(typeof e!="object")return;if(Z(e))for(var n=0;n<e.length;n++){var i=e[n];ee(i)&&Ne(i,r)}else if(ee(e))e._store&&(e._store.validated=!0);else if(e){var d=sr(e);if(typeof d=="function"&&d!==e.entries)for(var p=d.call(e),f;!(f=p.next()).done;)ee(f.value)&&Ne(f.value,r)}}}function Dr(e){{var r=e.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===b||r.$$typeof===g))n=r.propTypes;else return;if(n){var i=k(r);xr(n,e.props,"prop",i,e)}else if(r.PropTypes!==void 0&&!K){K=!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 Ar(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var i=r[n];if(i!=="children"&&i!=="key"){A(e),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",i),A(null);break}}e.ref!==null&&(A(e),R("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var De={};function Ae(e,r,n,i,d,p){{var f=dr(e);if(!f){var u="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(u+=" 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=Nr();E?u+=E:u+=Oe();var x;e===null?x="null":Z(e)?x="array":e!==void 0&&e.$$typeof===s?(x="<"+(k(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 j=kr(e,r,n,d,p);if(j==null)return j;if(f){var S=r.children;if(S!==void 0)if(i)if(Z(S)){for(var F=0;F<S.length;F++)Pe(S[F],e);Object.freeze&&Object.freeze(S)}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 Pe(S,e)}if(Y.call(r,"key")){var P=k(e),T=Object.keys(r).filter(function(Mr){return Mr!=="key"}),re=T.length>0?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}";if(!De[P+re]){var Yr=T.length>0?"{"+T.join(": ..., ")+": ...}":"{}";R(`A props object containing a "key" prop is being spread into JSX:
25
+ Check the top-level render call using <`+n+">.")}return r}}function Pe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=Pr(r);if(Ne[n])return;Ne[n]=!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.',n,s),A(null)}}function De(e,r){{if(typeof e!="object")return;if(X(e))for(var n=0;n<e.length;n++){var s=e[n];K(s)&&Pe(s,r)}else if(K(e))e._store&&(e._store.validated=!0);else if(e){var d=ir(e);if(typeof d=="function"&&d!==e.entries)for(var p=d.call(e),f;!(f=p.next()).done;)K(f.value)&&Pe(f.value,r)}}}function Dr(e){{var r=e.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===b||r.$$typeof===g))n=r.propTypes;else return;if(n){var s=k(r);xr(n,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 Ar(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var s=r[n];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 Ae={};function Fe(e,r,n,s,d,p){{var f=dr(e);if(!f){var u="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(u+=" 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=Nr();E?u+=E:u+=ke();var x;e===null?x="null":X(e)?x="array":e!==void 0&&e.$$typeof===i?(x="<"+(k(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 j=kr(e,r,n,d,p);if(j==null)return j;if(f){var S=r.children;if(S!==void 0)if(s)if(X(S)){for(var F=0;F<S.length;F++)De(S[F],e);Object.freeze&&Object.freeze(S)}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 De(S,e)}if(Y.call(r,"key")){var P=k(e),T=Object.keys(r).filter(function(Mr){return Mr!=="key"}),ee=T.length>0?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}";if(!Ae[P+ee]){var Yr=T.length>0?"{"+T.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} />`,re,P,Yr,P),De[P+re]=!0}}return e===o?Ar(j):Dr(j),j}}function Fr(e,r,n){return Ae(e,r,n,!0)}function Ir(e,r,n){return Ae(e,r,n,!1)}var $r=Ir,Wr=Fr;$.Fragment=o,$.jsx=$r,$.jsxs=Wr}()),$}var ae;function $e(){return ae||(ae=1,process.env.NODE_ENV==="production"?M.exports=Fe():M.exports=Ie()),M.exports}var t=$e();const We=()=>t.jsx("div",{className:"toolbar-pf"}),se=({items:a,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:a.map((l,o)=>t.jsx("li",{className:l.active?"active":"",children:l.active?l.title:t.jsx("a",{href:l.href,children:l.title})},o))}),Ye=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"})]})}),z=({type:a="default",title:s,size:l,label:o,onClick:c,isDisabled:h=!1,children:m,className:C="",isLoading:b=!1})=>{const w=`btn-${a}`,y=l?`btn-${l}`:"",_=`${`btn ${w} ${y}`.trim()} ${C}`.trim();return t.jsx("button",{className:_,type:"button",onClick:c,disabled:h||b,children:t.jsxs("div",{className:"flex items-center justify-center",children:[b&&Ye,m||o," ",s&&t.jsx("span",{children:s})]})})},Me=({children:a,eventKey:s,active:l})=>t.jsx("div",{className:`tab-pane ${l?"active":""}`,id:`${s}-panel`,role:"tabpanel","aria-labelledby":`${s}-tab`,children:a},s),Ve=({activeKey:a,onSelect:s,children:l})=>t.jsxs("div",{className:"tabs-container",children:[t.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:l.map(({props:{eventKey:o,title:c}})=>t.jsx("li",{className:a===o?"active":"",children:t.jsx("a",{href:`#${o}`,onClick:h=>{h.preventDefault(),s(o)},children:c})},o))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:l.map(({props:{eventKey:o,children:c}})=>t.jsx("div",{className:`tab-pane ${a===o?"active":""}`,id:`${o}-panel`,role:"tabpanel","aria-labelledby":`${o}-tab`,children:c},o))})})]}),Le=O.forwardRef(({id:a,type:s,placeholder:l="",value:o,onChange:c,className:h="form-control"},m)=>t.jsx("input",{type:s,id:a,className:h,placeholder:l,value:o,onChange:c,ref:m})),Be=({title:a,isOpen:s,onClose:l,children:o,size:c})=>{if(!s)return null;const h=c?`modal-${c}`:"";return t.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:t.jsx("div",{className:`modal-dialog ${h}`,role:"document",children:t.jsxs("div",{className:"modal-content",children:[t.jsxs("div",{className:"modal-header",children:[t.jsx("button",{type:"button",className:"close",onClick:l,"aria-hidden":"true",children:t.jsx("span",{className:"pficon pficon-close"})}),t.jsx("h4",{className:"modal-title",children:a})]}),t.jsx("div",{className:"modal-body",children:o})]})})})},Ue=({variant:a,children:s,className:l=""})=>{const o={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},c=l+" "+o[a]||"";return t.jsx("p",{className:c,children:s})},Je=({children:a,...s})=>t.jsx("table",{...s,children:a}),ze=({children:a,...s})=>t.jsx("tbody",{...s,children:a}),Ge=({children:a,...s})=>t.jsx("td",{...s,children:a}),He=({children:a,...s})=>t.jsx("th",{...s,children:a}),qe=({children:a,...s})=>t.jsx("thead",{...s,children:a}),Xe=({children:a,...s})=>t.jsx("tr",{...s,children:a}),G=({items:a,selected:s,title:l,isOpen:o,setIsOpen:c,onChange:h,className:m=""})=>{const C=g=>{c(!g)},b=g=>{c(!1),h(g)},w=g=>{const _=g.id===s;return t.jsx("li",{onClick:()=>b(g),className:_?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},y=`btn btn-default dropdown-toggle ${m}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:y,onClick:()=>C(o),"data-toggle":"dropdown",children:t.jsxs("div",{className:"flex items-center",children:[l&&t.jsx("div",{className:"mr-2",children:l}),t.jsx("span",{className:"caret"})]})}),t.jsx("ul",{className:"dropdown-menu",role:"menu",children:a.map(w)})]})},ie=({currentPage:a,total:s,onPageChange:l,pageSize:o})=>{const c=Math.ceil(s/o),h=()=>{a>1&&l(a-1)},m=()=>{a<c&&l(a+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[a," - ",c]})}),t.jsxs("div",{className:"btn-group ml-2",children:[t.jsx("button",{type:"button",className:`btn btn-default ${a===1?"disabled":""}`,disabled:a===1,onClick:h,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${a===c?"disabled":""}`,disabled:a===c,onClick:m,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},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:s,onRefresh:l})=>{var h;const o=m=>{a(m.data)},c=(h=oe.find(m=>m.data===s))==null?void 0:h.id;return t.jsxs("div",{className:"flex",children:[t.jsx(z,{className:"m-0 h-[20px]",type:"default",onClick:l,children:t.jsx("i",{className:"fa fa-refresh"})}),t.jsx(G,{className:"m-0 h-[20px]",onChange:o,items:oe,selected:c})]})},Ze=({interval:a,page:s,total:l,onRefresh:o,onChangeInterval:c,onPageChange:h,pageSize:m})=>t.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[t.jsx("div",{className:"m-[5px]",children:t.jsx(le,{value:a,onChange:c,onRefresh:o})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(ie,{pageSize:m,currentPage:s,total:l,onPageChange:h})})]}),Qe=({id:a,label:s,isChecked:l=!1,onChange:o,className:c="checkbox"})=>t.jsx("div",{className:c,children:t.jsxs("label",{htmlFor:a,children:[t.jsx("input",{type:"checkbox",id:a,checked:l,onChange:o}),` ${s}`]})}),Ke=({placeholder:a="",rows:s=3,maxLength:l,value:o,onChange:c,isDisabled:h=!1,className:m=""})=>{const[C,b]=O.useState(o||""),w=o!==void 0?o:C,y=g=>{const _=g.target.value;c?c(_):b(_)};return t.jsx("textarea",{className:m,placeholder:a,rows:s,maxLength:l,value:w,onChange:y,disabled:h})},er=({variant:a,title:s,className:l})=>{const o=`alert alert-${a} ${l||""}`;return["success","info","warning","danger"].includes(a)||(console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`),a="info"),t.jsx("div",{className:o.trim(),role:"alert",children:s})};function rr(a,s){O.useEffect(()=>{if(!a)return;const l=setInterval(()=>{s()},a);return()=>clearInterval(l)},[a])}const tr=({children:a,onChange:s,items:l})=>{const[o,c]=O.useState(!1);return t.jsx("div",{className:`btn-group ${o?"open":""}`,children:t.jsxs(t.Fragment,{children:[a,t.jsx(G,{setIsOpen:c,isOpen:o,onChange:s,items:l})]})})},nr=()=>t.jsxs("div",{children:[t.jsx(se,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),t.jsx(tr,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:t.jsx(z,{children:"Hello"})})]});v.Alert=er,v.Breadcrumb=se,v.Button=z,v.Checkbox=Qe,v.Dropdown=G,v.HelpText=Ue,v.Input=Le,v.Modal=Be,v.Pagination=ie,v.ReloadButton=le,v.SampleComp=nr,v.Tab=Me,v.Table=Je,v.TableToolbar=Ze,v.Tabs=Ve,v.Tbody=ze,v.Td=Ge,v.TextArea=Ke,v.Th=He,v.Thead=qe,v.ToolbarContainer=We,v.Tr=Xe,v.useIntervalLoader=rr,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
30
+ <%s key={someKey} {...props} />`,ee,P,Yr,P),Ae[P+ee]=!0}}return e===o?Ar(j):Dr(j),j}}function Fr(e,r,n){return Fe(e,r,n,!0)}function Ir(e,r,n){return Fe(e,r,n,!1)}var $r=Ir,Wr=Fr;$.Fragment=o,$.jsx=$r,$.jsxs=Wr}()),$}var ne;function We(){return ne||(ne=1,process.env.NODE_ENV==="production"?M.exports=Ie():M.exports=$e()),M.exports}var t=We();const Ye=()=>t.jsx("div",{className:"toolbar-pf"}),ae=({items:a,className:i})=>t.jsx("ol",{className:`breadcrumb ${i||""}`.trim(),children:a.map((l,o)=>t.jsx("li",{className:l.active?"active":"",children:l.active?l.title:t.jsx("a",{href:l.href,children:l.title})},o))}),Me=t.jsx("span",{className:"loading-spinner mr-2",children:t.jsxs("svg",{className:"animate-spin h-5 w-5 text-current",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[t.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}),z=({type:a="default",title:i,size:l,label:o,onClick:c,isDisabled:h=!1,children:m,className:C="",isLoading:b=!1})=>{const w=`btn-${a}`,y=l?`btn-${l}`:"",_=`${`btn ${w} ${y}`.trim()} ${C}`.trim();return t.jsx("button",{className:_,type:"button",onClick:c,disabled:h||b,children:t.jsxs("div",{className:"flex items-center justify-center",children:[b&&Me,m||o," ",i&&t.jsx("span",{children:i})]})})},Ve=({children:a,eventKey:i,active:l})=>t.jsx("div",{className:`tab-pane ${l?"active":""}`,id:`${i}-panel`,role:"tabpanel","aria-labelledby":`${i}-tab`,children:a},i),Le=({activeKey:a,onSelect:i,children:l})=>t.jsxs("div",{className:"tabs-container",children:[t.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:l.map(({props:{eventKey:o,title:c}})=>t.jsx("li",{className:a===o?"active":"",children:t.jsx("a",{href:`#${o}`,onClick:h=>{h.preventDefault(),i(o)},children:c})},o))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:l.map(({props:{eventKey:o,children:c}})=>t.jsx("div",{className:`tab-pane ${a===o?"active":""}`,id:`${o}-panel`,role:"tabpanel","aria-labelledby":`${o}-tab`,children:c},o))})})]}),Be=O.forwardRef(({id:a,type:i,placeholder:l="",value:o,onChange:c,className:h="form-control"},m)=>t.jsx("input",{type:i,id:a,className:h,placeholder:l,value:o,onChange:c,ref:m})),Ue=({title:a,isOpen:i,onClose:l,children:o,size:c})=>{if(!i)return null;const h=c?`modal-${c}`:"";return t.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:t.jsx("div",{className:`modal-dialog ${h}`,role:"document",children:t.jsxs("div",{className:"modal-content",children:[t.jsxs("div",{className:"modal-header",children:[t.jsx("button",{type:"button",className:"close",onClick:l,"aria-hidden":"true",children:t.jsx("span",{className:"pficon pficon-close"})}),t.jsx("h4",{className:"modal-title",children:a})]}),t.jsx("div",{className:"modal-body",children:o})]})})})},Je=({variant:a,children:i,className:l=""})=>{const o={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},c=l+" "+o[a]||"";return t.jsx("p",{className:c,children:i})},ze=({children:a,...i})=>t.jsx("table",{...i,children:a}),Ge=({children:a,...i})=>t.jsx("tbody",{...i,children:a}),He=({children:a,...i})=>t.jsx("td",{...i,children:a}),qe=({children:a,...i})=>t.jsx("th",{...i,children:a}),Xe=({children:a,...i})=>t.jsx("thead",{...i,children:a}),Ze=({children:a,...i})=>t.jsx("tr",{...i,children:a}),ie=({items:a,selected:i,title:l,isOpen:o,setIsOpen:c,onChange:h,className:m=""})=>{const C=g=>{c(!g)},b=g=>{c(!1),h(g)},w=g=>{const _=g.id===i;return t.jsx("li",{onClick:()=>b(g),className:_?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},y=`btn btn-default dropdown-toggle ${m}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:y,onClick:()=>C(o),"data-toggle":"dropdown",children:t.jsxs("div",{className:"flex items-center",children:[l&&t.jsx("div",{className:"mr-2",children:l}),t.jsx("span",{className:"caret"})]})}),t.jsx("ul",{className:"dropdown-menu",role:"menu",children:a.map(w)})]})},se=({currentPage:a,total:i,onPageChange:l,pageSize:o})=>{const c=Math.ceil(i/o),h=()=>{a>1&&l(a-1)},m=()=>{a<c&&l(a+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[a," - ",c]})}),t.jsxs("div",{className:"btn-group ml-2",children:[t.jsx("button",{type:"button",className:`btn btn-default ${a===1?"disabled":""}`,disabled:a===1,onClick:h,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${a===c?"disabled":""}`,disabled:a===c,onClick:m,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},oe=({children:a,onChange:i,items:l})=>{const[o,c]=O.useState(!1);return t.jsx("div",{className:`btn-group ${o?"open":""}`,children:t.jsxs(t.Fragment,{children:[a,t.jsx(ie,{setIsOpen:c,isOpen:o,onChange:i,items:l})]})})},le=[{id:1,title:"5 сек",data:5e3},{id:2,title:"10 сек",data:1e4},{id:3,title:"20 сек",data:2e4},{id:4,title:"30 сек",data:3e4},{id:5,title:"60 сек",data:6e4}],ce=({onChange:a,value:i,onRefresh:l})=>{var h;const o=m=>{a(m.data)},c=(h=le.find(m=>m.data===i))==null?void 0:h.id;return console.log("🪚 id:",c),t.jsx(oe,{items:le,onChange:o,children:t.jsx(z,{className:"m-0 h-[20px]",type:"default",onClick:l,children:t.jsx("i",{className:"fa fa-refresh"})})})},Qe=({interval:a,page:i,total:l,onRefresh:o,onChangeInterval:c,onPageChange:h,pageSize:m})=>t.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[t.jsx("div",{className:"m-[5px]",children:t.jsx(ce,{value:a,onChange:c,onRefresh:o})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(se,{pageSize:m,currentPage:i,total:l,onPageChange:h})})]}),Ke=({id:a,label:i,isChecked:l=!1,onChange:o,className:c="checkbox"})=>t.jsx("div",{className:c,children:t.jsxs("label",{htmlFor:a,children:[t.jsx("input",{type:"checkbox",id:a,checked:l,onChange:o}),` ${i}`]})}),er=({placeholder:a="",rows:i=3,maxLength:l,value:o,onChange:c,isDisabled:h=!1,className:m=""})=>{const[C,b]=O.useState(o||""),w=o!==void 0?o:C,y=g=>{const _=g.target.value;c?c(_):b(_)};return t.jsx("textarea",{className:m,placeholder:a,rows:i,maxLength:l,value:w,onChange:y,disabled:h})},rr=({variant:a,title:i,className:l})=>{const o=`alert alert-${a} ${l||""}`;return["success","info","warning","danger"].includes(a)||(console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`),a="info"),t.jsx("div",{className:o.trim(),role:"alert",children:i})};function tr(a,i){O.useEffect(()=>{if(!a)return;const l=setInterval(()=>{i()},a);return()=>clearInterval(l)},[a])}const nr=()=>t.jsxs("div",{children:[t.jsx(ae,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),t.jsx(oe,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:t.jsx(z,{children:"Hello"})})]});v.Alert=rr,v.Breadcrumb=ae,v.Button=z,v.Checkbox=Ke,v.Dropdown=ie,v.HelpText=Je,v.Input=Be,v.Modal=Ue,v.Pagination=se,v.ReloadButton=ce,v.SampleComp=nr,v.Tab=Ve,v.Table=ze,v.TableToolbar=Qe,v.Tabs=Le,v.Tbody=Ge,v.Td=He,v.TextArea=er,v.Th=qe,v.Thead=Xe,v.ToolbarContainer=Ye,v.Tr=Ze,v.useIntervalLoader=tr,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.48",
3
+ "version": "0.0.49",
4
4
  "type": "module",
5
5
  "main": "./dist/ovirt-ui-toolkit.umd.js",
6
6
  "module": "./dist/ovirt-ui-toolkit.es.js",