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

package/dist/fieldText-df070a3c.js

@@ -0,0 +1,135 @@
+import { jsx as e, jsxs as c, Fragment as F } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as T, useState as U } from "react";
+import { c as V } from "./bind-06a7ff84.js";
+import { S as W } from "./clear-53660571.js";
+import { S as X } from "./spinLoader-c4a53718.js";
+const Y = "_collapsed_px1y8_13", Z = "_label_px1y8_21", $ = "_asterisk_px1y8_30", q = "_disabled_px1y8_36", v = "_field_px1y8_41", nn = "_placeholder_px1y8_62", en = "_error_px1y8_69", tn = "_touched_px1y8_69", sn = "_input_px1y8_84", cn = "_icon_px1y8_1", an = "_text_px1y8_175", on = {
+  "icon-container": "_icon-container_px1y8_1",
+  "icon-container-end": "_icon-container-end_px1y8_1",
+  "icon-container-start": "_icon-container-start_px1y8_1",
+  collapsed: Y,
+  label: Z,
+  asterisk: $,
+  disabled: q,
+  field: v,
+  "default-width": "_default-width_px1y8_53",
+  placeholder: nn,
+  error: en,
+  touched: tn,
+  "input-container": "_input-container_px1y8_84",
+  input: sn,
+  icon: cn,
+  "start-icon": "_start-icon_px1y8_131",
+  "clear-icon": "_clear-icon_px1y8_132",
+  "additional-content": "_additional-content_px1y8_168",
+  text: an,
+  "max-length-display": "_max-length-display_px1y8_176",
+  "error-text": "_error-text_px1y8_193",
+  "help-text": "_help-text_px1y8_197"
+}, rn = (t) => typeof t == "number" && Number.isFinite(t) && Number.isInteger(t) && t > 0, n = V.bind(on), mn = Q(
+  ({
+    value: t = "",
+    className: _,
+    classNameHelpText: w,
+    error: o,
+    placeholder: d,
+    disabled: a = !1,
+    onChange: S,
+    touched: x = !1,
+    title: R,
+    label: i,
+    helpText: r,
+    defaultWidth: j = !0,
+    startIcon: m,
+    endIcon: u,
+    clearable: B = !1,
+    onClear: h,
+    isRequired: f = !1,
+    hasDoubleMessage: C = !1,
+    type: E = "text",
+    displayError: H = !0,
+    collapsible: I = !1,
+    loading: L = !1,
+    maxLengthDisplay: y,
+    onFocus: M = () => {
+    },
+    onBlur: P = () => {
+    },
+    ...z
+  }, A) => {
+    const D = T(null), l = A || D, [N, b] = U(!1), G = rn(y), J = (s) => {
+      b(!0), M(s);
+    }, K = (s) => {
+      b(!1), P(s);
+    }, O = () => {
+      var s;
+      h && (h(t), (s = l.current) == null || s.focus());
+    }, g = H && o && x, k = /* @__PURE__ */ e("span", { className: n("text", "help-text", w), children: r });
+    return /* @__PURE__ */ c(F, { children: [
+      i && /* @__PURE__ */ c("span", { className: n("label", { disabled: a }), children: [
+        i,
+        f && /* @__PURE__ */ e("span", { className: n("asterisk"), children: "*" })
+      ] }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: n("field", _, {
+            error: o,
+            touched: x,
+            disabled: a,
+            "default-width": j,
+            collapsed: I && !N && !t
+          }),
+          title: R,
+          children: [
+            L ? /* @__PURE__ */ e(X, {}) : m && /* @__PURE__ */ e(
+              "span",
+              {
+                className: n("icon-container-start"),
+                onClick: () => {
+                  var p;
+                  (p = l.current) == null || p.focus();
+                },
+                children: /* @__PURE__ */ e("span", { className: n("icon", { "start-icon": !N }), children: m })
+              }
+            ),
+            /* @__PURE__ */ c("span", { className: n("input-container"), children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: l,
+                  type: E,
+                  className: n("input"),
+                  value: t,
+                  disabled: a,
+                  onChange: S,
+                  onFocus: J,
+                  onBlur: K,
+                  ...z
+                }
+              ),
+              d && !t && /* @__PURE__ */ c("span", { className: n("placeholder"), children: [
+                d,
+                f && !i && /* @__PURE__ */ e("span", { className: n("asterisk") })
+              ] })
+            ] }),
+            G && /* @__PURE__ */ c("span", { className: n("max-length-display"), children: [
+              t.length,
+              "/",
+              y
+            ] }),
+            u && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: u }) }),
+            B && t.length > 0 && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("button", { type: "button", className: n("clear-icon", { disabled: a }), onClick: O, children: /* @__PURE__ */ e(W, {}) }) })
+          ]
+        }
+      ),
+      (g || r) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: a }), children: g ? /* @__PURE__ */ c(F, { children: [
+        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: o }),
+        C && k
+      ] }) : r && k })
+    ] });
+  }
+);
+export {
+  mn as F
+};

package/dist/fieldText.js

@@ -1,8 +1,9 @@
-import { F as o } from "./fieldText-65e4c614.js";
+import { F as o } from "./fieldText-df070a3c.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
-import "./baseIconButton-b6adc843.js";
+import "./clear-53660571.js";
+import "./spinLoader-c4a53718.js";
 export {
   o as FieldText,
   o as default

package/dist/icons.js

@@ -0,0 +1,32 @@
+import { S as c } from "./clear-53660571.js";
+import { S as L } from "./close-4b33d7c1.js";
+import { a as h, S as v } from "./minus-660ea0d6.js";
+import * as e from "react";
+import { S as g } from "./dropdown-0260bb66.js";
+import { a as f, S as x } from "./prevChapter-ebd5a3a7.js";
+import { S as M, a as E } from "./arrowUp-4a5caee7.js";
+import { S as B, a as u } from "./calendar-f154eb78.js";
+import { b as V, S as H, a as Z } from "./error-4f493850.js";
+const t = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.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__ */ e.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" })), l = (C) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 3, viewBox: "0 0 14 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.30811 2.47803C1.72868 2.47803 2.05339 2.36206 2.28223 2.13013C2.51107 1.89819 2.62549 1.60596 2.62549 1.25342C2.62549 0.894694 2.51107 0.596273 2.28223 0.358154C2.05339 0.120036 1.72868 0.000976562 1.30811 0.000976562C0.893717 0.000976562 0.572103 0.120036 0.343262 0.358154C0.114421 0.596273 0 0.894694 0 1.25342C0 1.61214 0.117513 1.90592 0.352539 2.13477C0.587565 2.36361 0.906087 2.47803 1.30811 2.47803ZM6.61475 2.47803C7.03532 2.47803 7.36003 2.36206 7.58887 2.13013C7.81771 1.89819 7.93213 1.60596 7.93213 1.25342C7.93213 0.894694 7.81771 0.596273 7.58887 0.358154C7.36003 0.120036 7.03532 0.000976562 6.61475 0.000976562C6.20036 0.000976562 5.87874 0.120036 5.6499 0.358154C5.42106 0.596273 5.30664 0.894694 5.30664 1.25342C5.30664 1.61214 5.42415 1.90592 5.65918 2.13477C5.89421 2.36361 6.21273 2.47803 6.61475 2.47803ZM12.8955 2.13013C12.6667 2.36206 12.342 2.47803 11.9214 2.47803C11.5194 2.47803 11.2008 2.36361 10.9658 2.13477C10.7308 1.90592 10.6133 1.61214 10.6133 1.25342C10.6133 0.894694 10.7277 0.596273 10.9565 0.358154C11.1854 0.120036 11.507 0.000976562 11.9214 0.000976562C12.342 0.000976562 12.6667 0.120036 12.8955 0.358154C13.1243 0.596273 13.2388 0.894694 13.2388 1.25342C13.2388 1.60596 13.1243 1.89819 12.8955 2.13013Z", fill: "#A2AAB5" })), o = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 7C13 8.47663 12.4666 9.82867 11.5819 10.874L12.3288 11.6208C12.663 11.5307 13.0348 11.6168 13.2971 11.8792L14.7113 13.2934C15.1019 13.6839 15.1019 14.3171 14.7113 14.7076C14.3208 15.0981 13.6877 15.0981 13.2971 14.7076L11.8829 13.2934C11.622 13.0325 11.5354 12.6632 11.6231 12.3304L10.8743 11.5816C9.829 12.4665 8.47681 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7ZM2.00071 7C2.00071 9.76103 4.23897 11.9993 7 11.9993C9.76103 11.9993 11.9993 9.76103 11.9993 7C11.9993 4.23897 9.76103 2.00071 7 2.00071C4.23897 2.00071 2.00071 4.23897 2.00071 7Z", fill: "#CFCFCF" })), n = (C) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 15, height: 14, viewBox: "0 0 15 14", fill: "none", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2817 1.08596L8.58993 6.67232C8.43153 6.85569 8.33732 7.08554 8.33732 7.33504V12.9126L6.66254 12V7.69689C6.66254 7.22695 6.49186 6.76969 6.17611 6.39374L1.71829 1.08596L13.2817 1.08596ZM13.2817 0H1.71829C0.716181 0 0.144162 1.02163 0.745424 1.73753L5.20324 7.04531C5.36112 7.23329 5.44646 7.46192 5.44646 7.69689V12C5.44646 12.4113 5.7067 12.7874 6.11869 12.9713L7.79347 13.884C8.60204 14.245 9.5534 13.7199 9.5534 12.9126V7.33504L14.2546 1.73753C14.8558 1.02163 14.2838 0 13.2817 0Z", fill: "#A2AAB5" })), r = (C) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...C }, /* @__PURE__ */ e.createElement("path", { d: "M6.82255 13.5148L6.84059 13.5228L6.85794 13.5323L8.51335 14.4344C8.76171 14.5391 9.02975 14.512 9.23505 14.3987C9.44387 14.2834 9.5534 14.103 9.5534 13.9126V8.33504V8.15292L9.67052 8.01347L14.3717 2.41597C14.3717 2.41597 14.3717 2.41597 14.3717 2.41597C14.5301 2.22732 14.5313 2.01991 14.4331 1.84458C14.3308 1.66184 14.1067 1.5 13.7817 1.5H2.21829C1.89331 1.5 1.66918 1.66184 1.56686 1.84457C1.46869 2.01991 1.46986 2.22732 1.6283 2.41597L6.08612 7.72374C6.31597 7.99742 6.44646 8.3387 6.44646 8.69689V13C6.44646 13.1908 6.56846 13.4013 6.82255 13.5148Z", fill: "#009DBB", stroke: "#009DBB" })), a = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { d: "M8.35343 1.64645C8.23928 1.5323 8.08367 1.48488 7.93508 1.50419C7.84679 1.51567 7.76098 1.5507 7.68781 1.60929C7.67171 1.62216 7.65643 1.636 7.64204 1.65073L4.64633 4.64645C4.45106 4.84171 4.45106 5.15829 4.64633 5.35355C4.84159 5.54882 5.15817 5.54882 5.35343 5.35355L7.49979 3.2072L7.49979 9.99996C7.49979 10.2761 7.72365 10.5 7.99979 10.5C8.27593 10.5 8.49979 10.2761 8.49979 9.99996L8.49979 3.20701L10.6463 5.35355C10.8416 5.54881 11.1582 5.54881 11.3534 5.35355C11.5487 5.15829 11.5487 4.84171 11.3534 4.64644L8.35343 1.64645Z", fill: "#00829B" }), /* @__PURE__ */ e.createElement("path", { d: "M2 9.99996C2 9.72381 1.77614 9.49996 1.5 9.49996C1.22386 9.49996 1 9.72381 1 9.99996V13.1666C1 13.6529 1.19315 14.1192 1.53697 14.463C1.88079 14.8068 2.3471 15 2.83333 15H13.1667C13.6529 15 14.1192 14.8068 14.463 14.463C14.8068 14.1192 15 13.6529 15 13.1666V9.99996C15 9.72381 14.7761 9.49996 14.5 9.49996C14.2239 9.49996 14 9.72381 14 9.99996V13.1666C14 13.3876 13.9122 13.5996 13.7559 13.7559C13.5996 13.9122 13.3877 14 13.1667 14H2.83333C2.61232 14 2.40036 13.9122 2.24408 13.7559C2.0878 13.5996 2 13.3876 2 13.1666V9.99996Z", fill: "#00829B" }));
+export {
+  M as ArrowDownIcon,
+  E as ArrowUpIcon,
+  B as CalendarArrowIcon,
+  u as CalendarIcon,
+  c as ClearIcon,
+  L as CloseIcon,
+  t as DeleteIcon,
+  g as DropdownIcon,
+  V as ErrorIcon,
+  a as ExportIcon,
+  r as FilterFilledIcon,
+  n as FilterOutlineIcon,
+  H as InfoIcon,
+  l as MeatballMenuIcon,
+  h as MinusIcon,
+  v as PlusIcon,
+  f as PrevChapterIcon,
+  x as PrevPageIcon,
+  o as SearchIcon,
+  Z as SuccessIcon
+};

package/dist/index.js

@@ -1,30 +1,35 @@
-import { B as K } from "./button-33c88abf.js";
-import { C as W } from "./checkbox-9a6c7ce1.js";
-import { S as Y } from "./systemMessage-1ced6079.js";
-import { a as e1, F as t1, S as o1 } from "./fieldText-65e4c614.js";
-import { T as l1 } from "./themeProvider-46c2be7b.js";
-import { S as d } from "./index-54e3bfc2.js";
-import { M as n1 } from "./index-54e3bfc2.js";
-import { D as C1, S as i1 } from "./dropdown-b9c6dc2f.js";
-import { T as m1 } from "./toggle-1a3aacb5.js";
-import { F as d1, a as w1, S as f1 } from "./fieldNumber-1f286b40.js";
-import { B as v1 } from "./bubblesLoader-a7e709d4.js";
-import { F as L1 } from "./fieldTextFlex-5bddf46a.js";
-import { R as u1 } from "./radio-bccc84f2.js";
-import { Tooltip as M1 } from "./tooltip.js";
-import { Popover as I1 } from "./popover.js";
-import { P as S1, a as _1, S as Z1 } from "./pagination-4ae395bd.js";
-import { S as F1, a as A1, T as H1 } from "./table-9bf4ddab.js";
-import { D as b1 } from "./datePicker-89394dc8.js";
-import { D as N1 } from "./datePicker-68379fe1.js";
-import { D as O1 } from "./date2-9273411e.js";
-import { R as U1 } from "./reactDatePicker2-a31b070e.js";
-import { jsxs as w, jsx as o } from "react/jsx-runtime";
-import * as t from "react";
-import { useEffect as f } from "react";
-import { c as h } from "./bind-06a7ff84.js";
-import { B as y1 } from "./baseIconButton-b6adc843.js";
-import { S as z1, a as G1 } from "./calendar-f154eb78.js";
+import { B as l } from "./button-33c88abf.js";
+import { B as S } from "./baseIconButton-b6adc843.js";
+import { C as F } from "./checkbox-9a6c7ce1.js";
+import { S as P } from "./systemMessage-1ced6079.js";
+import { F as b } from "./fieldText-df070a3c.js";
+import { T as C } from "./themeProvider-46c2be7b.js";
+import { Modal as w } from "./modal.js";
+import { D as M } from "./dropdown-5225df5e.js";
+import { T as v } from "./toggle-1a3aacb5.js";
+import { F as k } from "./fieldNumber-6a5fdd15.js";
+import { B as E } from "./bubblesLoader-a7e709d4.js";
+import { S as R } from "./spinLoader-c4a53718.js";
+import { F as O } from "./fieldTextFlex-5bddf46a.js";
+import { R as j } from "./radio-bccc84f2.js";
+import { Tooltip as z } from "./tooltip.js";
+import { Popover as H } from "./popover.js";
+import { P as K } from "./pagination-38898dc9.js";
+import { T as V } from "./table-32fc8c70.js";
+import { D as X } from "./datePicker-81d77983.js";
+import { SystemAlert as Z } from "./systemAlert.js";
+import { S as $ } from "./clear-53660571.js";
+import { S as ro } from "./close-4b33d7c1.js";
+import { a as to, S as ao } from "./minus-660ea0d6.js";
+import { DeleteIcon as mo, ExportIcon as so, FilterFilledIcon as no, FilterOutlineIcon as xo, MeatballMenuIcon as fo, SearchIcon as co } from "./icons.js";
+import { S as lo } from "./dropdown-0260bb66.js";
+import { a as So, S as Fo } from "./prevChapter-ebd5a3a7.js";
+import { S as Po, a as To } from "./arrowUp-4a5caee7.js";
+import { S as Bo, a as Co } from "./calendar-f154eb78.js";
+import { b as wo, S as go, a as Mo } from "./error-4f493850.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
 import "rc-scrollbars";
 import "framer-motion";
@@ -33,92 +38,45 @@ import "@floating-ui/react-dom";
 import "downshift";
 import "@floating-ui/react";
 import "react-datepicker";
-const O = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.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__ */ t.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" })), k = (e) => /* @__PURE__ */ t.createElement("svg", { width: 14, height: 3, viewBox: "0 0 14 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.30811 2.47803C1.72868 2.47803 2.05339 2.36206 2.28223 2.13013C2.51107 1.89819 2.62549 1.60596 2.62549 1.25342C2.62549 0.894694 2.51107 0.596273 2.28223 0.358154C2.05339 0.120036 1.72868 0.000976562 1.30811 0.000976562C0.893717 0.000976562 0.572103 0.120036 0.343262 0.358154C0.114421 0.596273 0 0.894694 0 1.25342C0 1.61214 0.117513 1.90592 0.352539 2.13477C0.587565 2.36361 0.906087 2.47803 1.30811 2.47803ZM6.61475 2.47803C7.03532 2.47803 7.36003 2.36206 7.58887 2.13013C7.81771 1.89819 7.93213 1.60596 7.93213 1.25342C7.93213 0.894694 7.81771 0.596273 7.58887 0.358154C7.36003 0.120036 7.03532 0.000976562 6.61475 0.000976562C6.20036 0.000976562 5.87874 0.120036 5.6499 0.358154C5.42106 0.596273 5.30664 0.894694 5.30664 1.25342C5.30664 1.61214 5.42415 1.90592 5.65918 2.13477C5.89421 2.36361 6.21273 2.47803 6.61475 2.47803ZM12.8955 2.13013C12.6667 2.36206 12.342 2.47803 11.9214 2.47803C11.5194 2.47803 11.2008 2.36361 10.9658 2.13477C10.7308 1.90592 10.6133 1.61214 10.6133 1.25342C10.6133 0.894694 10.7277 0.596273 10.9565 0.358154C11.1854 0.120036 11.507 0.000976562 11.9214 0.000976562C12.342 0.000976562 12.6667 0.120036 12.8955 0.358154C13.1243 0.596273 13.2388 0.894694 13.2388 1.25342C13.2388 1.60596 13.1243 1.89819 12.8955 2.13013Z", fill: "#A2AAB5" })), U = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 7C13 8.47663 12.4666 9.82867 11.5819 10.874L12.3288 11.6208C12.663 11.5307 13.0348 11.6168 13.2971 11.8792L14.7113 13.2934C15.1019 13.6839 15.1019 14.3171 14.7113 14.7076C14.3208 15.0981 13.6877 15.0981 13.2971 14.7076L11.8829 13.2934C11.622 13.0325 11.5354 12.6632 11.6231 12.3304L10.8743 11.5816C9.829 12.4665 8.47681 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7ZM2.00071 7C2.00071 9.76103 4.23897 11.9993 7 11.9993C9.76103 11.9993 11.9993 9.76103 11.9993 7C11.9993 4.23897 9.76103 2.00071 7 2.00071C4.23897 2.00071 2.00071 4.23897 2.00071 7Z", fill: "#CFCFCF" })), j = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 15, height: 14, viewBox: "0 0 15 14", fill: "none", ...e }, /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2817 1.08596L8.58993 6.67232C8.43153 6.85569 8.33732 7.08554 8.33732 7.33504V12.9126L6.66254 12V7.69689C6.66254 7.22695 6.49186 6.76969 6.17611 6.39374L1.71829 1.08596L13.2817 1.08596ZM13.2817 0H1.71829C0.716181 0 0.144162 1.02163 0.745424 1.73753L5.20324 7.04531C5.36112 7.23329 5.44646 7.46192 5.44646 7.69689V12C5.44646 12.4113 5.7067 12.7874 6.11869 12.9713L7.79347 13.884C8.60204 14.245 9.5534 13.7199 9.5534 12.9126V7.33504L14.2546 1.73753C14.8558 1.02163 14.2838 0 13.2817 0Z", fill: "#A2AAB5" })), y = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M6.82255 13.5148L6.84059 13.5228L6.85794 13.5323L8.51335 14.4344C8.76171 14.5391 9.02975 14.512 9.23505 14.3987C9.44387 14.2834 9.5534 14.103 9.5534 13.9126V8.33504V8.15292L9.67052 8.01347L14.3717 2.41597C14.3717 2.41597 14.3717 2.41597 14.3717 2.41597C14.5301 2.22732 14.5313 2.01991 14.4331 1.84458C14.3308 1.66184 14.1067 1.5 13.7817 1.5H2.21829C1.89331 1.5 1.66918 1.66184 1.56686 1.84457C1.46869 2.01991 1.46986 2.22732 1.6283 2.41597L6.08612 7.72374C6.31597 7.99742 6.44646 8.3387 6.44646 8.69689V13C6.44646 13.1908 6.56846 13.4013 6.82255 13.5148Z", fill: "#009DBB", stroke: "#009DBB" })), v = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", ...e }, /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.2 9.99999C17.2 13.9764 13.9765 17.2 10 17.2C6.0236 17.2 2.80005 13.9764 2.80005 9.99999C2.80005 6.02354 6.0236 2.79999 10 2.79999C13.9765 2.79999 17.2 6.02354 17.2 9.99999ZM11 6.59999C11 7.15227 10.5523 7.59999 10 7.59999C9.44776 7.59999 9.00005 7.15227 9.00005 6.59999C9.00005 6.0477 9.44776 5.59999 10 5.59999C10.5523 5.59999 11 6.0477 11 6.59999ZM10.8 13.6C10.8 14.0418 10.4419 14.4 10 14.4C9.55822 14.4 9.20005 14.0418 9.20005 13.6L9.20005 9.19999C9.20005 8.75816 9.55822 8.39999 10 8.39999C10.4419 8.39999 10.8 8.75816 10.8 9.19999V13.6Z", fill: "white" })), g = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", ...e }, /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.2 9.99999C17.2 13.9764 13.9765 17.2 10 17.2C6.0236 17.2 2.80005 13.9764 2.80005 9.99999C2.80005 6.02354 6.0236 2.79999 10 2.79999C13.9765 2.79999 17.2 6.02354 17.2 9.99999ZM13.8146 8.11216C14.0975 7.77273 14.0516 7.26828 13.7122 6.98543C13.3728 6.70258 12.8683 6.74844 12.5855 7.08786L9.14629 11.2149L7.36573 9.43432C7.05331 9.1219 6.54678 9.1219 6.23436 9.43432C5.92194 9.74674 5.92194 10.2533 6.23436 10.5657L8.63436 12.9657C8.7933 13.1246 9.01176 13.2094 9.2363 13.1992C9.46084 13.189 9.67073 13.0848 9.81463 12.9122L13.8146 8.11216Z", fill: "white" })), L = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", ...e }, /* @__PURE__ */ t.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0449 3.41275C10.5805 2.59573 9.41952 2.59573 8.95513 3.41275L2.16344 15.3617C1.69905 16.1787 2.27954 17.2 3.20832 17.2H16.7917C17.7205 17.2 18.3009 16.1787 17.8366 15.3617L11.0449 3.41275ZM10.9325 6.41163C10.9391 6.18625 10.7582 5.99999 10.5327 5.99999H9.46161C9.236 5.99999 9.05502 6.18647 9.06179 6.41198L9.24768 12.612C9.25416 12.8281 9.43125 13 9.6475 13H10.3523C10.5686 13 10.7458 12.8279 10.7521 12.6116L10.9325 6.41163ZM10 16C10.5523 16 11 15.5523 11 15C11 14.4477 10.5523 14 10 14C9.44771 14 9 14.4477 9 15C9 15.5523 9.44771 16 10 16Z", fill: "white" })), q = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M8.35343 1.64645C8.23928 1.5323 8.08367 1.48488 7.93508 1.50419C7.84679 1.51567 7.76098 1.5507 7.68781 1.60929C7.67171 1.62216 7.65643 1.636 7.64204 1.65073L4.64633 4.64645C4.45106 4.84171 4.45106 5.15829 4.64633 5.35355C4.84159 5.54882 5.15817 5.54882 5.35343 5.35355L7.49979 3.2072L7.49979 9.99996C7.49979 10.2761 7.72365 10.5 7.99979 10.5C8.27593 10.5 8.49979 10.2761 8.49979 9.99996L8.49979 3.20701L10.6463 5.35355C10.8416 5.54881 11.1582 5.54881 11.3534 5.35355C11.5487 5.15829 11.5487 4.84171 11.3534 4.64644L8.35343 1.64645Z", fill: "#00829B" }), /* @__PURE__ */ t.createElement("path", { d: "M2 9.99996C2 9.72381 1.77614 9.49996 1.5 9.49996C1.22386 9.49996 1 9.72381 1 9.99996V13.1666C1 13.6529 1.19315 14.1192 1.53697 14.463C1.88079 14.8068 2.3471 15 2.83333 15H13.1667C13.6529 15 14.1192 14.8068 14.463 14.463C14.8068 14.1192 15 13.6529 15 13.1666V9.99996C15 9.72381 14.7761 9.49996 14.5 9.49996C14.2239 9.49996 14 9.72381 14 9.99996V13.1666C14 13.3876 13.9122 13.5996 13.7559 13.7559C13.5996 13.9122 13.3877 14 13.1667 14H2.83333C2.61232 14 2.40036 13.9122 2.24408 13.7559C2.0878 13.5996 2 13.3876 2 13.1666V9.99996Z", fill: "#00829B" }));
-var n = /* @__PURE__ */ ((e) => (e.INFO = "info", e.SUCCESS = "success", e.ERROR = "error", e))(n || {});
-const x = "_error_14lm6_11", u = "_success_14lm6_14", E = "_info_14lm6_17", M = "_title_14lm6_32", R = {
-  "system-alert": "_system-alert_14lm6_1",
-  error: x,
-  success: u,
-  info: E,
-  "icon-wrapper": "_icon-wrapper_14lm6_20",
-  "content-wrapper": "_content-wrapper_14lm6_26",
-  title: M,
-  "close-button": "_close-button_14lm6_45"
-}, r = h.bind(R), I = 7e3, B = 4e3, z = ({
-  title: e,
-  onClose: l,
-  icon: C = null,
-  type: s = n.INFO,
-  duration: i = B,
-  className: c
-}) => {
-  const a = s === n.ERROR ? I : i;
-  f(() => {
-    const p = setTimeout(() => {
-      l();
-    }, a);
-    return () => clearTimeout(p);
-  }, [a, l]);
-  const m = () => {
-    switch (s) {
-      case "info":
-        return /* @__PURE__ */ o(v, {});
-      case "success":
-        return /* @__PURE__ */ o(g, {});
-      case "error":
-        return /* @__PURE__ */ o(L, {});
-      default:
-        return C;
-    }
-  };
-  return /* @__PURE__ */ w("div", { className: r("system-alert", s, c), children: [
-    /* @__PURE__ */ o("div", { className: r("icon-wrapper"), children: m() }),
-    /* @__PURE__ */ o("div", { className: r("content-wrapper"), children: /* @__PURE__ */ o("h2", { className: r("title"), children: e }) }),
-    /* @__PURE__ */ o("button", { className: r("close-button"), onClick: l, "aria-label": "close system alert", children: /* @__PURE__ */ o(d, {}) })
-  ] });
-};
 export {
-  F1 as ArrowDownIcon,
-  A1 as ArrowUpIcon,
-  y1 as BaseIconButton,
-  v1 as BubblesLoader,
-  K as Button,
-  z1 as CalendarArrowIcon,
-  G1 as CalendarIcon,
-  W as Checkbox,
-  e1 as ClearIcon,
-  d as CloseIcon,
-  O1 as Date2,
-  b1 as DatePicker,
-  N1 as DatePicker1,
-  O as DeleteIcon,
-  C1 as Dropdown,
-  i1 as DropdownIcon,
-  L as ErrorIcon,
-  q as ExportIcon,
-  d1 as FieldNumber,
-  t1 as FieldText,
-  L1 as FieldTextFlex,
-  y as FilterFilledIcon,
-  j as FilterOutlineIcon,
-  v as InfoIcon,
-  k as MeatballMenuIcon,
-  w1 as MinusIcon,
-  n1 as Modal,
-  S1 as Pagination,
-  f1 as PlusIcon,
-  I1 as Popover,
-  _1 as PrevChapterIcon,
-  Z1 as PrevPageIcon,
-  u1 as Radio,
-  U1 as ReactDatePicker2,
-  U as SearchIcon,
-  o1 as SpinLoader,
-  g as SuccessIcon,
-  z as SystemAlert,
-  Y as SystemMessage,
-  H1 as Table,
-  l1 as ThemeProvider,
-  m1 as Toggle,
-  M1 as Tooltip
+  Po as ArrowDownIcon,
+  To as ArrowUpIcon,
+  S as BaseIconButton,
+  E as BubblesLoader,
+  l as Button,
+  Bo as CalendarArrowIcon,
+  Co as CalendarIcon,
+  F as Checkbox,
+  $ as ClearIcon,
+  ro as CloseIcon,
+  X as DatePicker,
+  mo as DeleteIcon,
+  M as Dropdown,
+  lo as DropdownIcon,
+  wo as ErrorIcon,
+  so as ExportIcon,
+  k as FieldNumber,
+  b as FieldText,
+  O as FieldTextFlex,
+  no as FilterFilledIcon,
+  xo as FilterOutlineIcon,
+  go as InfoIcon,
+  fo as MeatballMenuIcon,
+  to as MinusIcon,
+  w as Modal,
+  K as Pagination,
+  ao as PlusIcon,
+  H as Popover,
+  So as PrevChapterIcon,
+  Fo as PrevPageIcon,
+  j as Radio,
+  co as SearchIcon,
+  R as SpinLoader,
+  Mo as SuccessIcon,
+  Z as SystemAlert,
+  P as SystemMessage,
+  V as Table,
+  C as ThemeProvider,
+  v as Toggle,
+  z as Tooltip
 };

package/dist/minus-660ea0d6.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.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" })), C = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.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" }));
+export {
+  l as S,
+  C as a
+};

package/dist/modal.js

@@ -1,16 +1,146 @@
-import { M as s, a as n, c as b, b as c } from "./index-54e3bfc2.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-33c88abf.js";
-import "./baseIconButton-b6adc843.js";
+import { jsx as e, jsxs as c, Fragment as W } from "react/jsx-runtime";
+import { useState as b, useEffect as g, 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 B } from "./useOnClickOutside-c332f7d3.js";
+import { K as q } from "./keyCodes-f63c0e11.js";
+import { B as N } from "./button-33c88abf.js";
+import { B as Y } from "./baseIconButton-b6adc843.js";
+import { S as F } from "./close-4b33d7c1.js";
+const U = () => {
+  const [o, n] = b({ width: 0, height: 0 });
+  return g(() => {
+    const l = () => {
+      n({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
+  }, []), o;
+}, X = "_scrollable_qziry_12", J = {
+  "modal-content": "_modal-content_qziry_1",
+  scrollable: X
+}, Q = u.bind(J), O = ({ scrollable: o = !1, children: n }) => /* @__PURE__ */ e("div", { className: Q("modal-content", { scrollable: o }), 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), Z = ({
+  footerNode: o,
+  closeHandler: n,
+  okButton: l,
+  cancelButton: r,
+  size: a
+}) => /* @__PURE__ */ c("div", { className: m("modal-footer", { "with-extra-node": o, [`size-${a}`]: a }), children: [
+  o && o,
+  /* @__PURE__ */ c("div", { className: m("buttons-block"), children: [
+    r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
+      N,
+      {
+        variant: "ghost",
+        adjustWidthOn: a === "small" ? "parent" : "content",
+        onClick: n,
+        ...r
+      }
+    ) }),
+    l && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(N, { adjustWidthOn: a === "small" ? "parent" : "content", ...l }) })
+  ] })
+] }), ee = {
+  "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(ee), te = ({ title: o, onClose: n, withDescription: l = !1 }) => /* @__PURE__ */ c("div", { className: _("modal-header", { "width-description": l }), children: [
+  /* @__PURE__ */ e("div", { className: _("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: _("modal-title"), children: o }) }),
+  /* @__PURE__ */ e(Y, { className: _("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(F, {}) })
+] }), oe = "_modal_f3ckb_1", ne = "_description_f3ckb_43", le = "_scrollable_f3ckb_53", ae = {
+  modal: oe,
+  "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: ne,
+  scrollable: le,
+  "size-default": "_size-default_f3ckb_57",
+  "size-small": "_size-small_f3ckb_69",
+  "size-large": "_size-large_f3ckb_81"
+}, h = u.bind(ae), se = 0.9, ie = 32 + 24, ce = 32 + 8, de = 36 + 16, re = 32 * 2, ye = ({
+  title: o,
+  children: n,
+  footerNode: l,
+  okButton: r,
+  cancelButton: a,
+  className: z,
+  size: f = "default",
+  onClose: A = () => {
+  },
+  overlay: p = "default",
+  zIndex: C = 2,
+  allowCloseOutside: D = !0,
+  scrollable: v = !1,
+  withoutFooter: y = !1,
+  createFooter: H = null,
+  description: s = null
+}) => {
+  const [S, k] = b(!1), [T, I] = b(0), i = j(null), E = U(), x = E.height, L = x * se, w = (x - T) / 2, $ = () => {
+    let t = L - re;
+    return y || (t = t - de), s ? t = t - ce : t = t - ie, t;
+  }, d = () => {
+    k(!1);
+  }, M = (t) => {
+    const { keyCode: R } = t;
+    R === q.ESCAPE_KEY_CODE && d();
+  };
+  return g(() => {
+    if (i && i.current) {
+      const { clientHeight: t } = i.current;
+      I(t);
+    }
+  }, [n, E]), g(() => (k(!0), document.addEventListener("keydown", M, !1), () => document.removeEventListener("keydown", M, !1)), []), B(i, D ? d : void 0), /* @__PURE__ */ e(K, { onExitComplete: A, children: S && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${p}`]: p }), style: { zIndex: C }, children: /* @__PURE__ */ c(
+    P.div,
+    {
+      className: h("modal-window", { [`size-${f}`]: f }, z),
+      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 t;
+        return (t = i.current) == null ? void 0 : t.focus();
+      },
+      children: [
+        /* @__PURE__ */ e(te, { title: o, 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(O, { scrollable: !0, children: n })
+        ] }) : /* @__PURE__ */ c(W, { children: [
+          s && /* @__PURE__ */ e("span", { className: h("description"), children: s }),
+          /* @__PURE__ */ e(O, { children: n })
+        ] }),
+        !y && (H ? H(d) : /* @__PURE__ */ e(
+          Z,
+          {
+            size: f,
+            footerNode: l,
+            okButton: r,
+            cancelButton: a,
+            closeHandler: d
+          }
+        ))
+      ]
+    },
+    "modal-window"
+  ) }) });
+};
 export {
-  s as Modal,
-  n as ModalContent,
-  b as ModalFooter,
-  c as ModalHeader
+  ye as Modal,
+  O as ModalContent,
+  Z as ModalFooter,
+  te as ModalHeader
 };