@reportportal/ui-kit 0.0.1-alpha.46 → 0.0.1-alpha.47

package/dist/dropdown-b9c6dc2f.js

@@ -1,264 +0,0 @@
-import { jsxs as f, jsx as d, Fragment as S } from "react/jsx-runtime";
-import * as V from "react";
-import { forwardRef as le, useState as $, useRef as oe } from "react";
-import { c as q } from "./bind-06a7ff84.js";
-import { useFloating as ce, offset as _e, flip as he } from "@floating-ui/react-dom";
-import { useSelect as k } from "downshift";
-import { Scrollbars as fe } from "rc-scrollbars";
-import { u as ge } from "./useOnClickOutside-c332f7d3.js";
-import { K as y } from "./keyCodes-f63c0e11.js";
-import { B as ye } from "./baseIconButton-b6adc843.js";
-import { C as ue } from "./checkbox-9a6c7ce1.js";
-const pe = (r) => /* @__PURE__ */ V.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ V.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" })), me = "_disabled_t3cjj_12", Ce = "_hidden_t3cjj_16", we = "_hover_t3cjj_22", Oe = {
-  "dropdown-option": "_dropdown-option_t3cjj_1",
-  disabled: me,
-  hidden: Ce,
-  hover: we,
-  "single-option": "_single-option_t3cjj_35",
-  "sub-option": "_sub-option_t3cjj_42"
-}, U = q.bind(Oe), Z = le(
-  (r, e) => {
-    const {
-      option: { value: n, disabled: l, hidden: D, label: u, title: c, groupRef: a },
-      selected: A,
-      onChange: p,
-      render: m,
-      highlightHovered: C,
-      onMouseEnter: v,
-      multiSelect: w,
-      isPartiallyChecked: K = !1
-    } = r, x = (O) => {
-      (O.target instanceof HTMLDivElement || O.target instanceof HTMLInputElement) && (p == null || p(n));
-    };
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        className: U("dropdown-option", {
-          disabled: l,
-          hidden: D,
-          hover: C
-        }),
-        title: c,
-        onClick: x,
-        ref: e,
-        onMouseEnter: v,
-        children: [
-          w && /* @__PURE__ */ d(ue, { value: !!A, partiallyChecked: K }),
-          /* @__PURE__ */ d("div", { className: U("single-option", { "sub-option": !!a }), children: m ? m(r) : u })
-        ]
-      }
-    );
-  }
-), be = [
-  y.ENTER_KEY_CODE,
-  y.SPACE_KEY_CODE,
-  y.ARROW_DOWN_KEY_CODE
-], Ee = [y.ESCAPE_KEY_CODE, y.TAB_KEY_CODE];
-var g = /* @__PURE__ */ ((r) => (r.ON_KEY_DOWN = "onKeyDown", r.ON_CLICK = "onClick", r))(g || {});
-const Ne = (r, e) => {
-  const n = Array.isArray(e) ? e : [e];
-  return r.findIndex(({ value: l }) => n.includes(l));
-}, De = (r, e) => (r % e + e) % e, j = (r, e = 0, n = 1) => {
-  if (!r[e].disabled)
-    return e;
-  const l = r.length;
-  return j(
-    r,
-    De(e + n, l),
-    n
-  );
-}, Ae = (r, e) => j(r, e), ve = (r, e) => j(r, e, -1), Ke = "_container_1yr7u_1", xe = "_icon_1yr7u_7", Ie = "_arrow_1yr7u_13", ke = "_dropdown_1yr7u_19", je = "_disabled_1yr7u_36", Le = "_value_1yr7u_43", Pe = "_error_1yr7u_46", Re = "_touched_1yr7u_46", Ye = "_opened_1yr7u_50", Te = "_placeholder_1yr7u_83", He = "_ghost_1yr7u_118", Me = "_divider_1yr7u_132", We = {
-  container: Ke,
-  icon: xe,
-  arrow: Ie,
-  dropdown: ke,
-  "transparent-background": "_transparent-background_1yr7u_33",
-  disabled: je,
-  value: Le,
-  error: Pe,
-  touched: Re,
-  opened: Ye,
-  placeholder: Te,
-  "mobile-disabled": "_mobile-disabled_1yr7u_87",
-  "select-list": "_select-list_1yr7u_92",
-  "limited-width": "_limited-width_1yr7u_109",
-  "options-container": "_options-container_1yr7u_113",
-  ghost: He,
-  divider: Me
-}, o = q.bind(We), Fe = ({
-  multiSelect: r = !1,
-  value: e = r ? [] : "",
-  options: n = [],
-  disabled: l = !1,
-  error: D,
-  onChange: u,
-  onFocus: c,
-  onBlur: a,
-  mobileDisabled: A,
-  title: p,
-  touched: m = !1,
-  icon: C,
-  variant: v,
-  placeholder: w = "",
-  renderOption: K,
-  transparentBackground: x = !1,
-  className: O,
-  toggleButtonClassName: z,
-  isListWidthLimited: G = !1,
-  optionAll: L = { value: "all", label: "All" },
-  isOptionAllVisible: P = !1,
-  onSelectAll: J = () => {
-  },
-  footer: R
-}) => {
-  const [_, h] = $(!1), Y = oe(null), [Q, b] = $(null), I = r && Array.isArray(e) ? n.filter((t) => e.includes(t.value)) : null, { refs: T, floatingStyles: X } = ce({
-    middleware: [
-      _e(5),
-      he({
-        fallbackPlacements: ["bottom", "top"]
-      })
-    ]
-  }), F = () => {
-    if (P && Array.isArray(e)) {
-      const t = n.map((s) => s.value);
-      u(e.length === n.length ? [] : t), J();
-    }
-  };
-  ge(Y, () => {
-    _ && (h(!1), a == null || a());
-  });
-  const H = (t) => {
-    if (!t.disabled) {
-      if (r) {
-        const s = Array.isArray(e) ? [...e] : [], i = s.indexOf(t.value);
-        i === -1 ? s.push(t.value) : s.splice(i, 1), u(s);
-      } else
-        u(t.value);
-      h((s) => r || !s);
-    }
-  }, B = () => n.find(({ value: t }) => t === e), M = Ne(n, e), {
-    getToggleButtonProps: ee,
-    getMenuProps: te,
-    getItemProps: re,
-    setHighlightedIndex: E,
-    highlightedIndex: W,
-    selectedItem: N
-  } = k({
-    items: n,
-    itemToString: (t) => (t != null && t.label ? String(t.label) : w) || "",
-    selectedItem: B(),
-    isOpen: _,
-    circularNavigation: !0,
-    defaultHighlightedIndex: M,
-    onHighlightedIndexChange: (t) => {
-      switch (t.type) {
-        case k.stateChangeTypes.MenuKeyDownArrowUp:
-          return b(g.ON_KEY_DOWN), E(ve(n, t.highlightedIndex)), t;
-        case k.stateChangeTypes.MenuKeyDownArrowDown:
-          return b(g.ON_KEY_DOWN), E(Ae(n, t.highlightedIndex)), t;
-        default:
-          return t;
-      }
-    }
-  }), ne = () => {
-    l || (h((t) => !t), _ ? a == null || a() : c == null || c(), b(g.ON_CLICK));
-  }, se = () => !e && e !== !1 && e !== 0 || Array.isArray(e) && !e.length ? w : r && Array.isArray(e) && n.length === e.length ? L.label : n.reduce((s, i) => ((Array.isArray(e) && e.includes(i.value) || i.value === e) && s.push(i.label), s), []).join(", "), ae = (t) => {
-    const { keyCode: s } = t;
-    be.includes(s) && !_ && (t.preventDefault(), E(M), h(!0), c == null || c(), b(g.ON_KEY_DOWN));
-  }, de = (t) => {
-    const { keyCode: s } = t;
-    if (s === y.ENTER_KEY_CODE) {
-      const i = n[W];
-      H(i), r || (h(!1), a == null || a());
-      return;
-    }
-    Ee.includes(s) && (t.stopPropagation(), h(!1), a == null || a());
-  }, ie = () => /* @__PURE__ */ f("div", { className: o("options-container"), children: [
-    r && P && Array.isArray(e) && /* @__PURE__ */ f(S, { children: [
-      /* @__PURE__ */ d(
-        Z,
-        {
-          option: L,
-          selected: e.length === n.length,
-          onChange: F,
-          multiSelect: r,
-          isPartiallyChecked: !!e.length
-        }
-      ),
-      /* @__PURE__ */ d("div", { className: o("divider") }),
-      " "
-    ] }),
-    n.map((t, s) => /* @__PURE__ */ d(
-      Z,
-      {
-        ...re({
-          item: t,
-          index: s
-        }),
-        multiSelect: r,
-        selected: r ? I == null ? void 0 : I.some((i) => i.value === t.value) : t.value === ((N == null ? void 0 : N.value) ?? N),
-        option: { title: t.label, ...t },
-        highlightHovered: W === s && Q !== g.ON_CLICK,
-        render: K,
-        onChange: t.disabled ? null : () => H(t),
-        onMouseEnter: () => E(s)
-      },
-      t.value
-    )),
-    R && /* @__PURE__ */ f(S, { children: [
-      /* @__PURE__ */ d("div", { className: o("divider") }),
-      R
-    ] })
-  ] });
-  return /* @__PURE__ */ f("div", { ref: Y, className: o("container", O), title: p, children: [
-    /* @__PURE__ */ f(
-      "button",
-      {
-        disabled: l,
-        ...ee({
-          className: o("dropdown", v, z, {
-            "transparent-background": x,
-            opened: _,
-            disabled: l,
-            error: D,
-            touched: m,
-            "mobile-disabled": A
-          }),
-          onClick: ne,
-          onKeyDown: ae,
-          ref: T.setReference
-        }),
-        type: "button",
-        children: [
-          C && /* @__PURE__ */ d("span", { className: o("icon"), children: C }),
-          /* @__PURE__ */ d(
-            "span",
-            {
-              className: o("value", {
-                placeholder: !e || Array.isArray(e) && !e.length
-              }),
-              children: se()
-            }
-          ),
-          /* @__PURE__ */ d(ye, { className: o("arrow"), tabIndex: -1, children: /* @__PURE__ */ d(pe, {}) })
-        ]
-      }
-    ),
-    _ && /* @__PURE__ */ d(
-      "div",
-      {
-        style: X,
-        className: o("select-list", { opened: _, "limited-width": G }),
-        ...te({
-          onKeyDown: de,
-          ref: T.setFloating
-        }),
-        children: /* @__PURE__ */ d(fe, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: ie() })
-      }
-    )
-  ] });
-};
-export {
-  Fe as D,
-  pe as S
-};

package/dist/fieldNumber-1f286b40.js

@@ -1,127 +0,0 @@
-import { jsxs as w, jsx as l } from "react/jsx-runtime";
-import * as u 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 O } from "./baseIconButton-b6adc843.js";
-const W = (n) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ u.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 = (n) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ u.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, f = 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_wswgu_6", b = "_label_wswgu_10", k = "_sign_wswgu_21", F = "_error_wswgu_36", H = "_touched_wswgu_36", V = "_filled_wswgu_44", P = "_input_wswgu_26", j = {
-  "field-number": "_field-number_wswgu_1",
-  disabled: I,
-  label: b,
-  sign: k,
-  "input-container": "_input-container_wswgu_26",
-  error: F,
-  touched: H,
-  filled: V,
-  "input-field": "_input-field_wswgu_51",
-  input: P
-}, i = T.bind(j), z = ({
-  value: n = "",
-  placeholder: h = "0",
-  disabled: s = !1,
-  onChange: o,
-  onFocus: d,
-  onBlur: G,
-  label: K,
-  postfix: c = "",
-  min: r = 0,
-  max: E = Number.MAX_SAFE_INTEGER,
-  title: D,
-  error: p,
-  touched: g = !1,
-  ...m
-}) => {
-  const C = A(null), L = (_) => {
-    let t = _.target.value.replace(/^0(?=\d+|^\d)/g, "");
-    if (t === "") {
-      o("");
-      return;
-    }
-    t = +t, t >= r && t <= E && o(t);
-  }, N = (_) => {
-    const { keyCode: t } = _;
-    S.includes(t) || (t < e.NUMBER_START_KEY_CODE || t > e.NUMBER_END_KEY_CODE || _.shiftKey) && _.preventDefault();
-  }, R = () => {
-    const _ = +n - 1;
-    _ >= r && _ <= E && o(_);
-  }, Y = () => {
-    const _ = +n + 1;
-    _ >= r && _ <= E && o(_);
-  }, a = h + c, M = B(() => {
-    let _ = (String(n) || a).length;
-    return c && !n && (_ += 1), _ > f ? `${f}ch` : `${_ || y}ch`;
-  }, [a, c, n]), U = () => {
-    C && C.current && C.current.focus(), d && d();
-  };
-  return /* @__PURE__ */ w("div", { className: i("field-number", { disabled: s }), children: [
-    K && /* @__PURE__ */ l("span", { className: i("label"), children: K }),
-    /* @__PURE__ */ w(
-      "div",
-      {
-        className: i("input-container", {
-          filled: !!n || n === 0,
-          error: p,
-          disabled: s,
-          touched: g
-        }),
-        title: D,
-        children: [
-          /* @__PURE__ */ l(
-            O,
-            {
-              className: i("sign", "minus"),
-              disabled: s,
-              onClick: R,
-              children: /* @__PURE__ */ l(v, {})
-            }
-          ),
-          /* @__PURE__ */ w("span", { className: i("input-field", { disabled: s }), onClick: U, children: [
-            /* @__PURE__ */ l(
-              "input",
-              {
-                ref: C,
-                className: i("input"),
-                type: "number",
-                value: n,
-                placeholder: a,
-                disabled: s,
-                min: r,
-                max: E,
-                onKeyDown: s ? void 0 : N,
-                onChange: s ? void 0 : L,
-                onFocus: s ? void 0 : d,
-                style: { width: M },
-                ...m
-              }
-            ),
-            !!c && (n === 0 || !!n) && /* @__PURE__ */ l("span", { children: c.slice(0, 1) })
-          ] }),
-          /* @__PURE__ */ l(O, { className: i("sign", "plus"), disabled: s, onClick: Y, children: /* @__PURE__ */ l(W, {}) })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  z as F,
-  W as S,
-  v as a
-};

package/dist/fieldText-65e4c614.js

@@ -1,134 +0,0 @@
-import { jsx as e, jsxs as s, Fragment as w } from "react/jsx-runtime";
-import * as k from "react";
-import { forwardRef as K, useRef as O, useState as P } from "react";
-import { c as C } from "./bind-06a7ff84.js";
-import "./baseIconButton-b6adc843.js";
-const Q = (t) => /* @__PURE__ */ k.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ k.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 8C1 4.14001 4.14001 1 8 1C11.86 1 15 4.14001 15 8C15 11.8595 11.86 15 8 15C4.14001 15 1 11.8595 1 8ZM5 5.54545L5.54545 5L8 7.45455L10.4545 5L11 5.54545L8.54545 8L11 10.4545L10.4545 11L8 8.54545L5.54545 11L5 10.4545L7.45455 8L5 5.54545Z", fill: "#A2AAB5" })), T = "_collapsed_7ag8j_13", U = "_label_7ag8j_21", V = "_asterisk_7ag8j_30", W = "_disabled_7ag8j_36", X = "_field_7ag8j_41", Y = "_placeholder_7ag8j_62", I = "_error_7ag8j_69", nn = "_touched_7ag8j_69", en = "_input_7ag8j_84", tn = "_icon_7ag8j_1", an = "_text_7ag8j_175", sn = {
-  "icon-container": "_icon-container_7ag8j_1",
-  "icon-container-end": "_icon-container-end_7ag8j_1",
-  "icon-container-start": "_icon-container-start_7ag8j_1",
-  collapsed: T,
-  label: U,
-  asterisk: V,
-  disabled: W,
-  field: X,
-  "default-width": "_default-width_7ag8j_53",
-  placeholder: Y,
-  error: I,
-  touched: nn,
-  "input-container": "_input-container_7ag8j_84",
-  input: en,
-  icon: tn,
-  "start-icon": "_start-icon_7ag8j_131",
-  "clear-icon": "_clear-icon_7ag8j_132",
-  "additional-content": "_additional-content_7ag8j_168",
-  text: an,
-  "error-text": "_error-text_7ag8j_183",
-  "help-text": "_help-text_7ag8j_187"
-}, cn = "_spinner_qn4ih_8", on = "_spin_qn4ih_1", ln = {
-  "spin-loader": "_spin-loader_qn4ih_1",
-  spinner: cn,
-  spin: on,
-  "color-topaz": "_color-topaz_qn4ih_20"
-}, v = C.bind(ln), rn = ({ color: t = "topaz", className: o }) => /* @__PURE__ */ e("div", { className: v("spin-loader", o), children: /* @__PURE__ */ e("div", { className: v("spinner", { [`color-${t}`]: t }) }) }), n = C.bind(sn), un = K(
-  ({
-    value: t = "",
-    className: o,
-    error: i,
-    placeholder: p,
-    disabled: c = !1,
-    onChange: F,
-    touched: h = !1,
-    title: R,
-    label: l,
-    helpText: r,
-    defaultWidth: b = !0,
-    startIcon: u,
-    endIcon: f,
-    clearable: B = !1,
-    onClear: m,
-    isRequired: g = !1,
-    hasDoubleMessage: E = !1,
-    type: S = "text",
-    displayError: q = !0,
-    collapsible: y = !1,
-    loading: z = !1,
-    onFocus: A = () => {
-    },
-    onBlur: $ = () => {
-    },
-    ...H
-  }, M) => {
-    const Z = O(null), _ = M || Z, [j, x] = P(!1), D = (a) => {
-      x(!0), A(a);
-    }, G = (a) => {
-      x(!1), $(a);
-    }, J = () => {
-      var a;
-      m && (m(t), (a = _.current) == null || a.focus());
-    }, N = q && i && h, L = /* @__PURE__ */ e("span", { className: n("text", "help-text"), children: r });
-    return /* @__PURE__ */ s(w, { children: [
-      l && /* @__PURE__ */ s("span", { className: n("label", { disabled: c }), children: [
-        l,
-        g && /* @__PURE__ */ e("span", { className: n("asterisk"), children: "*" })
-      ] }),
-      /* @__PURE__ */ s(
-        "div",
-        {
-          className: n("field", o, {
-            error: i,
-            touched: h,
-            disabled: c,
-            "default-width": b,
-            collapsed: y && !j && !t
-          }),
-          title: R,
-          children: [
-            z ? /* @__PURE__ */ e(rn, {}) : u && /* @__PURE__ */ e(
-              "span",
-              {
-                className: n("icon-container-start"),
-                onClick: () => {
-                  var d;
-                  (d = _.current) == null || d.focus();
-                },
-                children: /* @__PURE__ */ e("span", { className: n("icon", { "start-icon": !j }), children: u })
-              }
-            ),
-            /* @__PURE__ */ s("span", { className: n("input-container"), children: [
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  ref: _,
-                  type: S,
-                  className: n("input"),
-                  value: t,
-                  disabled: c,
-                  onChange: F,
-                  onFocus: D,
-                  onBlur: G,
-                  ...H
-                }
-              ),
-              p && !t && /* @__PURE__ */ s("span", { className: n("placeholder"), children: [
-                p,
-                g && !l && /* @__PURE__ */ e("span", { className: n("asterisk") })
-              ] })
-            ] }),
-            f && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: f }) }),
-            B && t.length > 0 && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("button", { type: "button", className: n("clear-icon", { disabled: c }), onClick: J, children: /* @__PURE__ */ e(Q, {}) }) })
-          ]
-        }
-      ),
-      (N || r) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: c }), children: N ? /* @__PURE__ */ s(w, { children: [
-        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: i }),
-        E && L
-      ] }) : r && L })
-    ] });
-  }
-);
-export {
-  un as F,
-  rn as S,
-  Q as a
-};

package/dist/index-54e3bfc2.js

@@ -1,147 +0,0 @@
-import { jsx as e, jsxs as c, Fragment as B } from "react/jsx-runtime";
-import * as M from "react";
-import { useState as g, useEffect as b, useRef as j } from "react";
-import { Scrollbars as G } from "rc-scrollbars";
-import { AnimatePresence as K, motion as P } from "framer-motion";
-import { c as u } from "./bind-06a7ff84.js";
-import { u as q } from "./useOnClickOutside-c332f7d3.js";
-import { K as Y } from "./keyCodes-f63c0e11.js";
-import { B as L } from "./button-33c88abf.js";
-import { B as F } from "./baseIconButton-b6adc843.js";
-const U = (t) => /* @__PURE__ */ M.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ M.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, n] = g({ width: 0, height: 0 });
-  return b(() => {
-    const l = () => {
-      n({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    };
-    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
-  }, []), t;
-}, Z = "_scrollable_qziry_12", J = {
-  "modal-content": "_modal-content_qziry_1",
-  scrollable: Z
-}, Q = u.bind(J), A = ({ scrollable: t = !1, children: n }) => /* @__PURE__ */ e("div", { className: Q("modal-content", { scrollable: t }), children: n }), V = {
-  "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"
-}, m = u.bind(V), ee = ({
-  footerNode: t,
-  closeHandler: n,
-  okButton: l,
-  cancelButton: r,
-  size: a
-}) => /* @__PURE__ */ c("div", { className: m("modal-footer", { "with-extra-node": t, [`size-${a}`]: a }), children: [
-  t && t,
-  /* @__PURE__ */ c("div", { className: m("buttons-block"), children: [
-    r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
-      L,
-      {
-        variant: "ghost",
-        adjustWidthOn: a === "small" ? "parent" : "content",
-        onClick: n,
-        ...r
-      }
-    ) }),
-    l && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(L, { adjustWidthOn: a === "small" ? "parent" : "content", ...l }) })
-  ] })
-] }), te = {
-  "modal-header": "_modal-header_68lru_1",
-  "width-description": "_width-description_68lru_10",
-  "modal-header-content": "_modal-header-content_68lru_14",
-  "modal-title": "_modal-title_68lru_20",
-  "close-modal-icon": "_close-modal-icon_68lru_29"
-}, _ = u.bind(te), oe = ({ title: t, onClose: n, withDescription: l = !1 }) => /* @__PURE__ */ c("div", { className: _("modal-header", { "width-description": l }), children: [
-  /* @__PURE__ */ e("div", { className: _("modal-header-content"), children: t && /* @__PURE__ */ e("div", { className: _("modal-title"), children: t }) }),
-  /* @__PURE__ */ e(F, { className: _("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(U, {}) })
-] }), ne = "_modal_f3ckb_1", le = "_description_f3ckb_43", ae = "_scrollable_f3ckb_53", se = {
-  modal: ne,
-  "overlay-default": "_overlay-default_f3ckb_12",
-  "overlay-light-cyan": "_overlay-light-cyan_f3ckb_16",
-  "scrolling-content": "_scrolling-content_f3ckb_20",
-  "modal-window": "_modal-window_f3ckb_26",
-  description: le,
-  scrollable: ae,
-  "size-default": "_size-default_f3ckb_57",
-  "size-small": "_size-small_f3ckb_69",
-  "size-large": "_size-large_f3ckb_81"
-}, h = u.bind(se), ie = 0.9, ce = 32 + 24, de = 32 + 8, re = 36 + 16, me = 32 * 2, ye = ({
-  title: t,
-  children: n,
-  footerNode: l,
-  okButton: r,
-  cancelButton: a,
-  className: N,
-  size: f = "default",
-  onClose: O = () => {
-  },
-  overlay: p = "default",
-  zIndex: z = 2,
-  allowCloseOutside: D = !0,
-  scrollable: v = !1,
-  withoutFooter: y = !1,
-  createFooter: C = null,
-  description: s = null
-}) => {
-  const [R, E] = g(!1), [S, T] = g(0), i = j(null), H = X(), k = H.height, I = k * ie, w = (k - S) / 2, $ = () => {
-    let o = I - me;
-    return y || (o = o - re), s ? o = o - de : o = o - ce, o;
-  }, d = () => {
-    E(!1);
-  }, x = (o) => {
-    const { keyCode: W } = o;
-    W === Y.ESCAPE_KEY_CODE && d();
-  };
-  return b(() => {
-    if (i && i.current) {
-      const { clientHeight: o } = i.current;
-      T(o);
-    }
-  }, [n, H]), b(() => (E(!0), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []), q(i, D ? d : void 0), /* @__PURE__ */ e(K, { onExitComplete: O, children: R && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${p}`]: p }), style: { zIndex: z }, children: /* @__PURE__ */ c(
-    P.div,
-    {
-      className: h("modal-window", { [`size-${f}`]: f }, N),
-      ref: i,
-      tabIndex: 0,
-      initial: { opacity: 0, marginTop: -w },
-      animate: { opacity: 1, marginTop: w },
-      exit: { opacity: 0, marginTop: -w },
-      transition: { duration: 0.3 },
-      onAnimationStart: () => {
-        var o;
-        return (o = i.current) == null ? void 0 : o.focus();
-      },
-      children: [
-        /* @__PURE__ */ e(oe, { title: t, onClose: d, withDescription: !!s }),
-        v ? /* @__PURE__ */ c(G, { autoHeight: !0, autoHeightMax: $(), hideTracksWhenNotNeeded: !0, children: [
-          s && /* @__PURE__ */ e("span", { className: h("description", { scrollable: v }), children: s }),
-          /* @__PURE__ */ e(A, { scrollable: !0, children: n })
-        ] }) : /* @__PURE__ */ c(B, { children: [
-          s && /* @__PURE__ */ e("span", { className: h("description"), children: s }),
-          /* @__PURE__ */ e(A, { children: n })
-        ] }),
-        !y && (C ? C(d) : /* @__PURE__ */ e(
-          ee,
-          {
-            size: f,
-            footerNode: l,
-            okButton: r,
-            cancelButton: a,
-            closeHandler: d
-          }
-        ))
-      ]
-    },
-    "modal-window"
-  ) }) });
-};
-export {
-  ye as M,
-  U as S,
-  A as a,
-  oe as b,
-  ee as c
-};