@reportportal/ui-kit 0.0.1-alpha.7 → 0.0.1-alpha.8

package/dist/fieldNumber-46fe79b9.js

@@ -0,0 +1,127 @@
+import { jsxs as K, jsx as l } from "react/jsx-runtime";
+import * as d from "react";
+import { useRef as A, useMemo as B } from "react";
+import { c as T } from "./bind-06a7ff84.js";
+import { K as e } from "./keyCodes-f63c0e11.js";
+import { B as f } from "./baseIconButton-7bc53dec.js";
+const W = (t) => /* @__PURE__ */ d.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" })), v = (t) => /* @__PURE__ */ d.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.31082 7.31081C2.94108 7.30926 2.6426 7.60773 2.64415 7.97748C2.64571 8.34722 2.9467 8.64822 3.31645 8.64977L12.6892 8.68919C13.0589 8.69074 13.3574 8.39227 13.3559 8.02252C13.3543 7.65278 13.0533 7.35178 12.6836 7.35023L3.31082 7.31081Z" })), y = 5, h = 16, S = [
+  e.TAB_KEY_CODE,
+  e.BACKSPACE_KEY_CODE,
+  e.ARROW_LEFT_KEY_CODE,
+  e.ARROW_UP_KEY_CODE,
+  e.ARROW_RIGHT_KEY_CODE,
+  e.ARROW_DOWN_KEY_CODE,
+  e.DELETE_KEY_CODE,
+  e.NUM_LOCK_0_KEY_CODE,
+  e.NUM_LOCK_1_KEY_CODE,
+  e.NUM_LOCK_2_KEY_CODE,
+  e.NUM_LOCK_3_KEY_CODE,
+  e.NUM_LOCK_4_KEY_CODE,
+  e.NUM_LOCK_5_KEY_CODE,
+  e.NUM_LOCK_6_KEY_CODE,
+  e.NUM_LOCK_7_KEY_CODE,
+  e.NUM_LOCK_8_KEY_CODE,
+  e.NUM_LOCK_9_KEY_CODE
+], I = "_disabled_3tc9r_6", b = "_label_3tc9r_10", k = "_sign_3tc9r_21", F = "_error_3tc9r_36", H = "_touched_3tc9r_36", V = "_filled_3tc9r_41", P = "_input_3tc9r_26", j = {
+  "field-number": "_field-number_3tc9r_1",
+  disabled: I,
+  label: b,
+  sign: k,
+  "input-container": "_input-container_3tc9r_26",
+  error: F,
+  touched: H,
+  filled: V,
+  "input-field": "_input-field_3tc9r_48",
+  input: P
+}, r = T.bind(j), z = ({
+  value: t = "",
+  placeholder: D = "0",
+  disabled: c = !1,
+  onChange: i,
+  onFocus: a,
+  onBlur: G,
+  label: O,
+  postfix: s = "",
+  min: o = 0,
+  max: E = Number.MAX_SAFE_INTEGER,
+  title: p,
+  error: m,
+  touched: L = !1,
+  ...N
+}) => {
+  const C = A(null), R = (_) => {
+    let n = _.target.value.replace(/^0(?=\d+|^\d)/g, "");
+    if (n === "") {
+      i("");
+      return;
+    }
+    n = +n, n >= o && n <= E && i(n);
+  }, Y = (_) => {
+    const { keyCode: n } = _;
+    S.includes(n) || (n < e.NUMBER_START_KEY_CODE || n > e.NUMBER_END_KEY_CODE || _.shiftKey) && _.preventDefault();
+  }, w = () => {
+    const _ = +t - 1;
+    _ >= o && _ <= E && i(_);
+  }, g = () => {
+    const _ = +t + 1;
+    _ >= o && _ <= E && i(_);
+  }, u = D + s, M = B(() => {
+    let _ = (String(t) || u).length;
+    return s && !t && (_ += 1), _ > h ? `${h}ch` : `${_ || y}ch`;
+  }, [u, s, t]), U = () => {
+    C && C.current && C.current.focus(), a && a();
+  };
+  return /* @__PURE__ */ K("div", { className: r("field-number", { disabled: c }), children: [
+    O && /* @__PURE__ */ l("span", { className: r("label"), children: O }),
+    /* @__PURE__ */ K(
+      "div",
+      {
+        className: r("input-container", {
+          filled: !!t || t === 0,
+          error: m,
+          disabled: c,
+          touched: L
+        }),
+        title: p,
+        children: [
+          /* @__PURE__ */ l(
+            f,
+            {
+              className: r("sign", "minus"),
+              disabled: c,
+              onClick: w,
+              children: /* @__PURE__ */ l(v, {})
+            }
+          ),
+          /* @__PURE__ */ K("span", { className: r("input-field", { disabled: c }), onClick: U, children: [
+            /* @__PURE__ */ l(
+              "input",
+              {
+                ref: C,
+                className: r("input"),
+                type: "number",
+                value: t,
+                placeholder: u,
+                disabled: c,
+                min: o,
+                max: E,
+                onKeyDown: c ? void 0 : Y,
+                onChange: c ? void 0 : R,
+                onFocus: c ? void 0 : a,
+                style: { width: M },
+                ...N
+              }
+            ),
+            !!s && (t === 0 || !!t) && /* @__PURE__ */ l("span", { children: s.slice(0, 1) })
+          ] }),
+          /* @__PURE__ */ l(f, { className: r("sign", "plus"), disabled: c, onClick: g, children: /* @__PURE__ */ l(W, {}) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  z as F,
+  W as S,
+  v as a
+};

package/dist/fieldNumber.js

@@ -1,10 +1,9 @@
-import { F as m } from "./fieldNumber-27e69676.js";
+import { F as m } from "./fieldNumber-46fe79b9.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
-import "./icon-71262f5c.js";
-import "./clear-4963efcd.js";
+import "./baseIconButton-7bc53dec.js";
 export {
   m as FieldNumber,
   m as default

package/dist/fieldText-65a50d9d.js

@@ -0,0 +1,101 @@
+import { jsx as n, jsxs as t, Fragment as x } from "react/jsx-runtime";
+import * as o from "react";
+import { forwardRef as E } from "react";
+import { c as A } from "./bind-06a7ff84.js";
+import "./baseIconButton-7bc53dec.js";
+const F = (a) => /* @__PURE__ */ o.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("rect", { width: 16.2089, height: 16.1568, rx: 8.07842, fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.14768 5.14645C4.95077 5.34171 4.95077 5.65829 5.14768 5.85355L7.49578 8.18198L5.35655 10.3033C5.15963 10.4986 5.15963 10.8151 5.35655 11.0104C5.55346 11.2057 5.87271 11.2057 6.06962 11.0104L8.20886 8.88909L10.1392 10.8033C10.3361 10.9986 10.6554 10.9986 10.8523 10.8033C11.0492 10.608 11.0492 10.2915 10.8523 10.0962L8.92193 8.18198L11.0612 6.06065C11.2581 5.86539 11.2581 5.54881 11.0612 5.35355C10.8643 5.15828 10.545 5.15828 10.3481 5.35355L8.20886 7.47487L5.86076 5.14645C5.66385 4.95118 5.34459 4.95118 5.14768 5.14645Z", fill: "white" })), R = "_label_18rqf_18", j = "_asterisk_18rqf_27", y = "_disabled_18rqf_33", B = "_field_18rqf_38", S = "_error_18rqf_52", M = "_touched_18rqf_52", Z = "_placeholder_18rqf_63", z = "_input_18rqf_70", D = "_icon_18rqf_1", G = "_text_18rqf_159", H = {
+  "icon-container": "_icon-container_18rqf_1",
+  "icon-container-end": "_icon-container-end_18rqf_1",
+  "icon-container-start": "_icon-container-start_18rqf_1",
+  label: R,
+  asterisk: j,
+  disabled: y,
+  field: B,
+  error: S,
+  touched: M,
+  placeholder: Z,
+  "default-width": "_default-width_18rqf_66",
+  "input-container": "_input-container_18rqf_70",
+  input: z,
+  icon: D,
+  "clear-icon": "_clear-icon_18rqf_116",
+  "additional-content": "_additional-content_18rqf_152",
+  text: G,
+  "error-text": "_error-text_18rqf_167",
+  "help-text": "_help-text_18rqf_171"
+}, e = A.bind(H), Q = E(
+  ({
+    value: a,
+    className: q,
+    error: r,
+    placeholder: _,
+    disabled: c = !1,
+    onChange: N,
+    touched: i = !1,
+    title: u,
+    label: s,
+    helpText: l,
+    defaultWidth: w = !0,
+    startIcon: d,
+    endIcon: f,
+    clearable: C = !1,
+    onClear: p,
+    isRequired: h = !1,
+    hasDoubleMessage: L = !1,
+    type: g = "text",
+    ...k
+  }, v) => {
+    const b = () => {
+      p && p(a);
+    }, m = /* @__PURE__ */ n("span", { className: e("text", "help-text"), children: l });
+    return /* @__PURE__ */ t(x, { children: [
+      s && /* @__PURE__ */ t("span", { className: e("label", { disabled: c }), children: [
+        s,
+        h && /* @__PURE__ */ n("span", { className: e("asterisk"), children: "*" })
+      ] }),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: e("field", q, {
+            error: r,
+            touched: i,
+            disabled: c,
+            "default-width": w
+          }),
+          title: u,
+          children: [
+            d && /* @__PURE__ */ n("span", { className: e("icon-container-start"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: d }) }),
+            /* @__PURE__ */ t("span", { className: e("input-container"), children: [
+              /* @__PURE__ */ n(
+                "input",
+                {
+                  ref: v,
+                  type: g,
+                  className: e("input"),
+                  value: a,
+                  disabled: c,
+                  onChange: N,
+                  ...k
+                }
+              ),
+              _ && !a && /* @__PURE__ */ t("span", { className: e("placeholder"), children: [
+                _,
+                h && !s && /* @__PURE__ */ n("span", { className: e("asterisk") })
+              ] })
+            ] }),
+            f && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: f }) }),
+            C && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("button", { type: "button", className: e("clear-icon", { disabled: c }), onClick: b, children: /* @__PURE__ */ n(F, {}) }) })
+          ]
+        }
+      ),
+      (r && i || l) && /* @__PURE__ */ n("div", { className: e("additional-content", { disabled: c }), children: r && i ? /* @__PURE__ */ t(x, { children: [
+        /* @__PURE__ */ n("span", { className: e("text", "error-text"), children: r }),
+        L && m
+      ] }) : l && m })
+    ] });
+  }
+);
+export {
+  Q as F,
+  F as S
+};

package/dist/fieldText.js

@@ -1,8 +1,8 @@
-import { F as o } from "./fieldText-c7085849.js";
+import { F as o } from "./fieldText-65a50d9d.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
-import "./clear-4963efcd.js";
+import "./baseIconButton-7bc53dec.js";
 export {
   o as FieldText,
   o as default

package/dist/index-2bee4457.js

@@ -0,0 +1,131 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import * as y from "react";
+import { useState as w, useEffect as g, useRef as j } from "react";
+import { Scrollbars as B } from "rc-scrollbars";
+import { AnimatePresence as D, motion as I } from "framer-motion";
+import { c as m } from "./bind-06a7ff84.js";
+import { u as K } from "./useOnClickOutside-c332f7d3.js";
+import { K as F } from "./keyCodes-f63c0e11.js";
+import { B as C } from "./button-497b4d19.js";
+import { B as P } from "./baseIconButton-7bc53dec.js";
+const G = (t) => /* @__PURE__ */ y.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ y.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" })), X = () => {
+  const [t, a] = w({ width: 0, height: 0 });
+  return g(() => {
+    const o = () => {
+      a({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", o), o(), () => window.removeEventListener("resize", o);
+  }, []), t;
+}, Y = {
+  "modal-content": "_modal-content_ojybs_1"
+}, Z = m.bind(Y), b = ({ children: t }) => /* @__PURE__ */ e("div", { className: Z("modal-content"), children: t }), q = {
+  "buttons-block": "_buttons-block_1dgm4_1",
+  "button-container": "_button-container_1dgm4_5",
+  "modal-footer": "_modal-footer_1dgm4_14",
+  "with-extra-node": "_with-extra-node_1dgm4_21",
+  "size-small": "_size-small_1dgm4_25"
+}, c = m.bind(q), J = ({
+  footerNode: t,
+  closeHandler: a,
+  okButton: o,
+  cancelButton: l,
+  size: s
+}) => /* @__PURE__ */ i("div", { className: c("modal-footer", { "with-extra-node": t, [`size-${s}`]: s }), children: [
+  t && t,
+  /* @__PURE__ */ i("div", { className: c("buttons-block"), children: [
+    l && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(
+      C,
+      {
+        variant: "ghost",
+        adjustWidthOn: s === "small" ? "parent" : "content",
+        onClick: a,
+        ...l
+      }
+    ) }),
+    o && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(C, { adjustWidthOn: s === "small" ? "parent" : "content", ...o }) })
+  ] })
+] }), Q = {
+  "modal-header": "_modal-header_11gdx_1",
+  "modal-header-content": "_modal-header-content_11gdx_11",
+  "modal-title": "_modal-title_11gdx_20",
+  "close-modal-icon": "_close-modal-icon_11gdx_28"
+}, r = m.bind(Q), U = ({ title: t, onClose: a, headerNode: o }) => /* @__PURE__ */ i("div", { className: r("modal-header"), children: [
+  /* @__PURE__ */ i("div", { className: r("modal-header-content"), children: [
+    t && /* @__PURE__ */ e("span", { className: r("modal-title"), children: t }),
+    o && o
+  ] }),
+  /* @__PURE__ */ e(P, { className: r("close-modal-icon"), onClick: a, children: /* @__PURE__ */ e(G, {}) })
+] }), V = "_modal_1kzzv_1", ee = {
+  modal: V,
+  "overlay-default": "_overlay-default_1kzzv_11",
+  "overlay-light-cyan": "_overlay-light-cyan_1kzzv_15",
+  "scrolling-content": "_scrolling-content_1kzzv_19",
+  "modal-window": "_modal-window_1kzzv_25",
+  "size-default": "_size-default_1kzzv_42",
+  "size-small": "_size-small_1kzzv_54",
+  "size-large": "_size-large_1kzzv_66"
+}, k = m.bind(ee), te = 0.9, oe = 176, _e = ({
+  title: t,
+  headerNode: a,
+  children: o,
+  footerNode: l,
+  okButton: s,
+  cancelButton: E,
+  className: M,
+  size: _ = "default",
+  onClose: H = () => {
+  },
+  overlay: v = "default",
+  zIndex: L = 2,
+  allowCloseOutside: N = !0,
+  scrollable: A = !1
+}) => {
+  const [O, f] = w(!1), [R, S] = w(0), n = j(null), z = X(), p = z.height, $ = p * te, h = (p - R) / 2, T = $ - oe, d = () => {
+    f(!1);
+  }, x = (u) => {
+    const { keyCode: W } = u;
+    W === F.ESCAPE_KEY_CODE && d();
+  };
+  return g(() => {
+    if (n && n.current) {
+      const { clientHeight: u } = n.current;
+      S(u);
+    }
+  }, [o, z]), g(() => (f(!0), n && n.current && n.current.focus(), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []), K(n, N ? d : void 0), /* @__PURE__ */ e(D, { onExitComplete: H, children: O && /* @__PURE__ */ e("div", { className: k("modal", { [`overlay-${v}`]: v }), style: { zIndex: L }, children: /* @__PURE__ */ i(
+    I.div,
+    {
+      className: k("modal-window", { [`size-${_}`]: _ }, M),
+      ref: n,
+      tabIndex: 0,
+      initial: { opacity: 0, marginTop: -h },
+      animate: { opacity: 1, marginTop: h },
+      exit: { opacity: 0, marginTop: -h },
+      transition: { duration: 0.3 },
+      children: [
+        /* @__PURE__ */ e(U, { title: t, headerNode: a, onClose: d }),
+        A ? /* @__PURE__ */ e(B, { autoHeight: !0, autoHeightMax: T, hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ e(b, { children: o }) }) : /* @__PURE__ */ e(b, { children: o }),
+        /* @__PURE__ */ e(
+          J,
+          {
+            size: _,
+            footerNode: l,
+            okButton: s,
+            cancelButton: E,
+            closeHandler: d
+          }
+        )
+      ]
+    },
+    "modal-window"
+  ) }) });
+};
+export {
+  _e as M,
+  G as S,
+  b as a,
+  U as b,
+  J as c
+};

package/dist/index.js

@@ -1,34 +1,40 @@
-import { B as l } from "./button-d4944dbc.js";
-import { C as b } from "./checkbox-fdc44740.js";
-import { S as F } from "./systemMessage-62c3133d.js";
-import { F as n } from "./fieldText-c7085849.js";
-import { T as c } from "./themeProvider-5800417e.js";
-import { Modal as C } from "./modal.js";
-import { D as I } from "./dropdown-45e7bc7d.js";
-import { T as S } from "./toggle-5b3d8333.js";
-import { I as v } from "./icon-71262f5c.js";
-import { F as y } from "./fieldNumber-27e69676.js";
-import { B as N } from "./bubblesLoader-9bec3797.js";
+import { B as f } from "./button-497b4d19.js";
+import { C as c } from "./checkbox-1e21cf3e.js";
+import { S as B } from "./systemMessage-1ced6079.js";
+import { S as g, F as h } from "./fieldText-65a50d9d.js";
+import { T as w } from "./themeProvider-46c2be7b.js";
+import { S as v, M as I } from "./index-2bee4457.js";
+import { D as A, S as D } from "./dropdown-e07f2a71.js";
+import { T as b } from "./toggle-707ecb74.js";
+import { F as V, a as Z, S as E } from "./fieldNumber-46fe79b9.js";
+import { B as P } from "./bubblesLoader-a7e709d4.js";
+import { B as y } from "./baseIconButton-7bc53dec.js";
+import * as o from "react";
 import "react/jsx-runtime";
-import "react";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
-import "./clear-4963efcd.js";
 import "rc-scrollbars";
 import "framer-motion";
 import "./useOnClickOutside-c332f7d3.js";
-import "react-popper";
+import "@floating-ui/react-dom";
 import "downshift";
+const i = (e) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M9.80051 6.3661C9.95672 6.20989 10.21 6.20989 10.3662 6.3661L10.6338 6.63375C10.7901 6.78996 10.7901 7.04323 10.6338 7.19944L8.83331 8.99996L10.6338 10.8005C10.79 10.9567 10.79 11.2099 10.6338 11.3662L10.3662 11.6338C10.21 11.79 9.95669 11.79 9.80048 11.6338L7.99998 9.8333L6.19953 11.6338C6.04332 11.79 5.79005 11.79 5.63384 11.6338L5.36619 11.3661C5.20998 11.2099 5.20998 10.9566 5.36619 10.8004L7.16665 8.99996L5.36617 7.19949C5.20996 7.04328 5.20996 6.79001 5.36617 6.6338L5.63382 6.36615C5.79003 6.20994 6.04329 6.20994 6.1995 6.36615L7.99998 8.16663L9.80051 6.3661Z", fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.99878 3V2C4.99878 1.44772 5.44649 1 5.99878 1H9.99878C10.5511 1 10.9988 1.44772 10.9988 2V3H14.5C14.7761 3 15 3.22386 15 3.5C15 3.77614 14.7761 4 14.5 4H13.4167L12.6146 13.6246C12.5498 14.402 11.8999 15 11.1198 15H4.8802C4.10007 15 3.45017 14.402 3.38538 13.6246L2.58333 4H1.5C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3H4.99878ZM5.99878 2H9.99878V3H5.99878V2ZM3.5868 4L4.38193 13.5415C4.40352 13.8007 4.62016 14 4.8802 14H11.1198C11.3798 14 11.5965 13.8007 11.6181 13.5415L12.4132 4H3.5868Z", fill: "#A2AAB5" }));
 export {
-  N as BubblesLoader,
-  l as Button,
-  b as Checkbox,
-  I as Dropdown,
-  y as FieldNumber,
-  n as FieldText,
-  v as Icon,
-  C as Modal,
-  F as SystemMessage,
-  c as ThemeProvider,
-  S as Toggle
+  y as BaseIconButton,
+  P as BubblesLoader,
+  f as Button,
+  c as Checkbox,
+  g as ClearIcon,
+  v as CloseIcon,
+  i as DeleteIcon,
+  A as Dropdown,
+  D as DropdownIcon,
+  V as FieldNumber,
+  h as FieldText,
+  Z as MinusIcon,
+  I as Modal,
+  E as PlusIcon,
+  B as SystemMessage,
+  w as ThemeProvider,
+  b as Toggle
 };

package/dist/modal.js

@@ -1,128 +1,16 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useState as w, useEffect as f, useRef as R } from "react";
-import { Scrollbars as T } from "rc-scrollbars";
-import { AnimatePresence as L, motion as W } from "framer-motion";
-import { c as m } from "./bind-06a7ff84.js";
-import { u as D } from "./useOnClickOutside-c332f7d3.js";
-import { K as I } from "./keyCodes-f63c0e11.js";
-import { B as b } from "./button-d4944dbc.js";
-import { I as j } from "./icon-71262f5c.js";
-import "./clear-4963efcd.js";
-const K = () => {
-  const [t, a] = w({ width: 0, height: 0 });
-  return f(() => {
-    const o = () => {
-      a({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    };
-    return window.addEventListener("resize", o), o(), () => window.removeEventListener("resize", o);
-  }, []), t;
-}, F = {
-  "modal-content": "_modal-content_xak18_1"
-}, P = m.bind(F), G = ({ children: t }) => /* @__PURE__ */ e("div", { className: P("modal-content"), children: t }), X = {
-  "buttons-block": "_buttons-block_1dgm4_1",
-  "button-container": "_button-container_1dgm4_5",
-  "modal-footer": "_modal-footer_1dgm4_14",
-  "with-extra-node": "_with-extra-node_1dgm4_21",
-  "size-small": "_size-small_1dgm4_25"
-}, c = m.bind(X), Y = ({
-  footerNode: t,
-  closeHandler: a,
-  okButton: o,
-  cancelButton: s,
-  size: i
-}) => /* @__PURE__ */ l("div", { className: c("modal-footer", { "with-extra-node": t, [`size-${i}`]: i }), children: [
-  t && t,
-  /* @__PURE__ */ l("div", { className: c("buttons-block"), children: [
-    s && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(
-      b,
-      {
-        variant: "ghost",
-        adjustWidthOn: i === "small" ? "parent" : "content",
-        onClick: a,
-        ...s
-      }
-    ) }),
-    o && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(b, { adjustWidthOn: i === "small" ? "parent" : "content", ...o }) })
-  ] })
-] }), q = {
-  "modal-header": "_modal-header_1d7tr_1",
-  "modal-header-content": "_modal-header-content_1d7tr_11",
-  "modal-title": "_modal-title_1d7tr_20",
-  "close-modal-icon": "_close-modal-icon_1d7tr_28"
-}, r = m.bind(q), B = ({ title: t, onClose: a, headerNode: o }) => /* @__PURE__ */ l("div", { className: r("modal-header"), children: [
-  /* @__PURE__ */ l("div", { className: r("modal-header-content"), children: [
-    t && /* @__PURE__ */ e("span", { className: r("modal-title"), children: t }),
-    o && o
-  ] }),
-  /* @__PURE__ */ e(j, { icon: "close", className: r("close-modal-icon"), onClick: a })
-] }), J = "_modal_8a5l_1", Q = {
-  modal: J,
-  "overlay-default": "_overlay-default_8a5l_11",
-  "overlay-light-cyan": "_overlay-light-cyan_8a5l_16",
-  "scrolling-content": "_scrolling-content_8a5l_21",
-  "modal-window": "_modal-window_8a5l_28",
-  "size-default": "_size-default_8a5l_45",
-  "size-small": "_size-small_8a5l_57",
-  "size-large": "_size-large_8a5l_69"
-}, E = m.bind(Q), U = 0.9, V = 176, ce = ({
-  title: t,
-  headerNode: a,
-  children: o,
-  footerNode: s,
-  okButton: i,
-  cancelButton: H,
-  className: M,
-  size: _ = "default",
-  onClose: z = () => {
-  },
-  overlay: g = "default",
-  allowCloseOutside: N = !0
-}) => {
-  const [k, p] = w(!1), [C, O] = w(0), n = R(null), v = K(), y = v.height, $ = y * U, h = (y - C) / 2, A = $ - V, d = () => {
-    p(!1);
-  }, x = (u) => {
-    const { keyCode: S } = u;
-    S === I.ESCAPE_KEY_CODE && d();
-  };
-  return f(() => {
-    if (n && n.current) {
-      const { clientHeight: u } = n.current;
-      O(u);
-    }
-  }, [o, v]), f(() => (p(!0), n && n.current && n.current.focus(), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []), D(n, N ? d : void 0), /* @__PURE__ */ e(L, { onExitComplete: z, children: k && /* @__PURE__ */ e("div", { className: E("modal", { [`overlay-${g}`]: g }), children: /* @__PURE__ */ l(
-    W.div,
-    {
-      className: E("modal-window", { [`size-${_}`]: _ }, M),
-      ref: n,
-      tabIndex: 0,
-      initial: { opacity: 0, marginTop: -h },
-      animate: { opacity: 1, marginTop: h },
-      exit: { opacity: 0, marginTop: -h },
-      transition: { duration: 0.3 },
-      children: [
-        /* @__PURE__ */ e(B, { title: t, headerNode: a, onClose: d }),
-        /* @__PURE__ */ e(T, { autoHeight: !0, autoHeightMax: A, hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ e(G, { children: o }) }),
-        /* @__PURE__ */ e(
-          Y,
-          {
-            size: _,
-            footerNode: s,
-            okButton: i,
-            cancelButton: H,
-            closeHandler: d
-          }
-        )
-      ]
-    },
-    "modal-window"
-  ) }) });
-};
+import { M as s, a as n, c as b, b as c } from "./index-2bee4457.js";
+import "react/jsx-runtime";
+import "react";
+import "rc-scrollbars";
+import "framer-motion";
+import "./bind-06a7ff84.js";
+import "./useOnClickOutside-c332f7d3.js";
+import "./keyCodes-f63c0e11.js";
+import "./button-497b4d19.js";
+import "./baseIconButton-7bc53dec.js";
 export {
-  ce as Modal,
-  G as ModalContent,
-  Y as ModalFooter,
-  B as ModalHeader
+  s as Modal,
+  n as ModalContent,
+  b as ModalFooter,
+  c as ModalHeader
 };