@reportportal/ui-kit 0.0.1-alpha.4 → 0.0.1-alpha.41

package/dist/index-54e3bfc2.js

@@ -0,0 +1,147 @@
+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
+};

package/dist/index.js

@@ -1,20 +1,307 @@
-import { B as x } from "./button-d4944dbc.js";
-import { C as f } from "./checkbox-7736509c.js";
-import { S as T } from "./systemMessage-62c3133d.js";
-import { F as l } from "./fieldText-9621b0b7.js";
-import { T as C } from "./themeProvider-5800417e.js";
-import { Modal as M } from "./modal.js";
-import "react/jsx-runtime";
-import "react";
-import "./bind-06a7ff84.js";
-import "./key-codes-abbe7725.js";
+import { B as O1 } from "./button-33c88abf.js";
+import { C as $1 } from "./checkbox-9a6c7ce1.js";
+import { S as G1 } from "./systemMessage-1ced6079.js";
+import { F as y } from "./fieldText-65e4c614.js";
+import { a as q1, S as z1 } from "./fieldText-65e4c614.js";
+import { T as K1 } from "./themeProvider-46c2be7b.js";
+import { S as O } from "./index-54e3bfc2.js";
+import { M as X1 } from "./index-54e3bfc2.js";
+import { D as H } from "./dropdown-9f4d1928.js";
+import { S as t9 } from "./dropdown-9f4d1928.js";
+import { T as n9 } from "./toggle-1a3aacb5.js";
+import { F as l9, a as a9, S as s9 } from "./fieldNumber-1f286b40.js";
+import { B as i9 } from "./bubblesLoader-a7e709d4.js";
+import { F as C9 } from "./fieldTextFlex-5bddf46a.js";
+import { R as p9 } from "./radio-bccc84f2.js";
+import { Tooltip as h9 } from "./tooltip.js";
+import { Popover as g9 } from "./popover.js";
+import { P as _9, a as v9, S as x9 } from "./pagination-f087f454.js";
+import { S as b9, a as M9, T as E9 } from "./table-9bf4ddab.js";
+import { D as R9 } from "./datePicker-a005ebc6.js";
+import { D as B9 } from "./datePicker-e85bee1d.js";
+import { jsxs as b, Fragment as U, jsx as o } from "react/jsx-runtime";
+import $ from "react-datepicker";
+import { c as N } from "./bind-06a7ff84.js";
+import * as t from "react";
+import { useMemo as T, useRef as Y, useEffect as G } from "react";
+import { B as N9 } from "./baseIconButton-b6adc843.js";
+import { S as V, a as W } from "./calendar-f154eb78.js";
+import { D as Z9 } from "./date2-9273411e.js";
+import "./keyCodes-f63c0e11.js";
 import "rc-scrollbars";
 import "framer-motion";
+import "./useOnClickOutside-c332f7d3.js";
+import "@floating-ui/react-dom";
+import "downshift";
+import "@floating-ui/react";
+const F1 = (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" })), Z1 = (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" })), j1 = (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" })), H1 = (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" })), T1 = (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" })), q = (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" })), z = (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" })), J = (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" })), V1 = (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" })), K = (e, l = 20) => {
+  const i = e + l;
+  return new Array(i - e).fill(void 0).map((c, n) => e - n);
+}, Q = "_header_a3cjx_1", X = "_disabled_a3cjx_25", e1 = "_dropdown_a3cjx_8", t1 = {
+  header: Q,
+  "dropdowns-wrapper": "_dropdowns-wrapper_a3cjx_8",
+  "button-prev": "_button-prev_a3cjx_13",
+  "button-next": "_button-next_a3cjx_14",
+  disabled: X,
+  dropdown: e1,
+  "month-dropdown": "_month-dropdown_a3cjx_44",
+  "toggle-button": "_toggle-button_a3cjx_47"
+}, s = N.bind(t1), o1 = ({
+  date: e = /* @__PURE__ */ new Date(),
+  changeYear: l = () => {
+  },
+  changeMonth: i = () => {
+  },
+  decreaseMonth: c = () => {
+  },
+  increaseMonth: n = () => {
+  },
+  prevMonthButtonDisabled: r = !1,
+  nextMonthButtonDisabled: d = !1,
+  headerNodes: m = null,
+  customClassName: p = "",
+  yearsOptions: h = [],
+  locale: M
+}) => {
+  const w = e.getFullYear(), E = e.getMonth(), x = T(() => {
+    const a = Array(12).keys(), C = new Intl.DateTimeFormat(M, {
+      month: "long"
+    }), u = (g) => C.format(new Date(w, g));
+    return Array.from(a, u).reduce((g, L, B) => g.concat({
+      value: B,
+      label: L
+    }), []);
+  }, []), S = T(() => (h.length > 0 ? h : K(w)).reduce(
+    (C, u) => C.concat({ value: u, label: `${u}` }),
+    []
+  ), [h]), R = (a) => {
+    i(a);
+  }, I = (a) => {
+    l(a);
+  };
+  return /* @__PURE__ */ b(U, { children: [
+    m && /* @__PURE__ */ o("div", { className: s(p), children: m }),
+    /* @__PURE__ */ b("div", { className: s("header"), children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          "aria-label": "Previous Months",
+          disabled: r,
+          onClick: c,
+          className: s("button-prev", { disabled: r }),
+          children: /* @__PURE__ */ o(V, {})
+        }
+      ),
+      /* @__PURE__ */ b("div", { className: s("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ o(
+          H,
+          {
+            options: x,
+            value: E,
+            onChange: R,
+            transparentBackground: !0,
+            className: s("dropdown", "month-dropdown"),
+            toggleButtonClassName: s("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ o(
+          H,
+          {
+            options: S,
+            value: w,
+            onChange: I,
+            transparentBackground: !0,
+            className: s("dropdown"),
+            toggleButtonClassName: s("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          "aria-label": "Next Months",
+          disabled: d,
+          onClick: n,
+          className: s("button-next", { disabled: d }),
+          children: /* @__PURE__ */ o(V, {})
+        }
+      )
+    ] })
+  ] });
+}, n1 = "_calendar_1jr94_5", r1 = "_date_1jr94_90", l1 = "_disabled_1jr94_202", a1 = "_popper_1jr94_210", s1 = "_input_1jr94_214", c1 = {
+  calendar: n1,
+  "current-date": "_current-date_1jr94_89",
+  date: r1,
+  "selected-range": "_selected-range_1jr94_119",
+  "end-date": "_end-date_1jr94_119",
+  disabled: l1,
+  popper: a1,
+  input: s1
+}, _ = N.bind(c1), i1 = "en", D = "MM-dd-yyyy", D1 = ({
+  onChange: e = () => {
+  },
+  disabled: l = !1,
+  onBlur: i = () => {
+  },
+  onFocus: c = () => {
+  },
+  endDate: n = void 0,
+  startDate: r = void 0,
+  headerNodes: d = null,
+  customClassName: m = "",
+  customTimeInput: p = void 0,
+  shouldCloseOnSelect: h = !0,
+  popperClassName: M = "",
+  calendarClassName: w = "",
+  fixedHeight: E = !1,
+  language: x = i1,
+  yearsOptions: S = [],
+  placeholder: R = D.toUpperCase(),
+  dateFormat: I = D,
+  selects: a = "start",
+  value: C = null
+}) => {
+  const u = Y(null), F = r == null ? void 0 : r.toDateString(), g = n == null ? void 0 : n.toDateString(), L = n && r && n > r, B = (f) => {
+    const Z = f.toDateString(), P = Z === F, j = L && Z === g, k = r && n && f > r && f < n;
+    return _("date", {
+      "current-date": P,
+      "selected-range": k && !j,
+      "end-date": j && L,
+      disabled: l
+    });
+  };
+  return /* @__PURE__ */ o(
+    $,
+    {
+      customInput: /* @__PURE__ */ o(
+        y,
+        {
+          className: _("input"),
+          defaultWidth: !1,
+          endIcon: /* @__PURE__ */ o(W, {}),
+          ref: u
+        }
+      ),
+      placeholderText: R,
+      selected: C,
+      startDate: r,
+      endDate: n,
+      minDate: a === "end" ? r : void 0,
+      disabled: l,
+      shouldCloseOnSelect: h,
+      fixedHeight: E,
+      locale: x,
+      showPopperArrow: !1,
+      dayClassName: B,
+      calendarClassName: _(w, "calendar"),
+      renderCustomHeader: (f) => /* @__PURE__ */ o(
+        o1,
+        {
+          ...f,
+          headerNodes: d,
+          customClassName: m,
+          yearsOptions: S,
+          locale: x
+        }
+      ),
+      onChange: e,
+      onBlur: i,
+      onFocus: c,
+      customTimeInput: p,
+      showTimeInput: !!p,
+      popperClassName: _(M, "popper"),
+      dateFormat: I,
+      selectsStart: a === "start",
+      selectsEnd: a === "end",
+      className: _("datepicker")
+    }
+  );
+};
+var A = /* @__PURE__ */ ((e) => (e.INFO = "info", e.SUCCESS = "success", e.ERROR = "error", e))(A || {});
+const d1 = "_error_14lm6_11", C1 = "_success_14lm6_14", m1 = "_info_14lm6_17", p1 = "_title_14lm6_32", u1 = {
+  "system-alert": "_system-alert_14lm6_1",
+  error: d1,
+  success: C1,
+  info: m1,
+  "icon-wrapper": "_icon-wrapper_14lm6_20",
+  "content-wrapper": "_content-wrapper_14lm6_26",
+  title: p1,
+  "close-button": "_close-button_14lm6_45"
+}, v = N.bind(u1), h1 = 7e3, w1 = 4e3, P1 = ({
+  title: e,
+  onClose: l,
+  icon: i = null,
+  type: c = A.INFO,
+  duration: n = w1,
+  className: r
+}) => {
+  const d = c === A.ERROR ? h1 : n;
+  G(() => {
+    const p = setTimeout(() => {
+      l();
+    }, d);
+    return () => clearTimeout(p);
+  }, [d, l]);
+  const m = () => {
+    switch (c) {
+      case "info":
+        return /* @__PURE__ */ o(q, {});
+      case "success":
+        return /* @__PURE__ */ o(z, {});
+      case "error":
+        return /* @__PURE__ */ o(J, {});
+      default:
+        return i;
+    }
+  };
+  return /* @__PURE__ */ b("div", { className: v("system-alert", c, r), children: [
+    /* @__PURE__ */ o("div", { className: v("icon-wrapper"), children: m() }),
+    /* @__PURE__ */ o("div", { className: v("content-wrapper"), children: /* @__PURE__ */ o("h2", { className: v("title"), children: e }) }),
+    /* @__PURE__ */ o("button", { className: v("close-button"), onClick: l, "aria-label": "close system alert", children: /* @__PURE__ */ o(O, {}) })
+  ] });
+};
 export {
-  x as Button,
-  f as Checkbox,
-  l as FieldText,
-  M as Modal,
-  T as SystemMessage,
-  C as ThemeProvider
+  b9 as ArrowDownIcon,
+  M9 as ArrowUpIcon,
+  N9 as BaseIconButton,
+  i9 as BubblesLoader,
+  O1 as Button,
+  V as CalendarArrowIcon,
+  W as CalendarIcon,
+  $1 as Checkbox,
+  q1 as ClearIcon,
+  O as CloseIcon,
+  Z9 as Date2,
+  R9 as DatePicker,
+  B9 as DatePicker1,
+  D1 as DatePicker2,
+  F1 as DeleteIcon,
+  H as Dropdown,
+  t9 as DropdownIcon,
+  J as ErrorIcon,
+  V1 as ExportIcon,
+  l9 as FieldNumber,
+  y as FieldText,
+  C9 as FieldTextFlex,
+  T1 as FilterFilledIcon,
+  H1 as FilterOutlineIcon,
+  q as InfoIcon,
+  Z1 as MeatballMenuIcon,
+  a9 as MinusIcon,
+  X1 as Modal,
+  _9 as Pagination,
+  s9 as PlusIcon,
+  g9 as Popover,
+  v9 as PrevChapterIcon,
+  x9 as PrevPageIcon,
+  p9 as Radio,
+  j1 as SearchIcon,
+  z1 as SpinLoader,
+  z as SuccessIcon,
+  P1 as SystemAlert,
+  G1 as SystemMessage,
+  E9 as Table,
+  K1 as ThemeProvider,
+  n9 as Toggle,
+  h9 as Tooltip
 };

package/dist/keyCodes-f63c0e11.js

@@ -0,0 +1,4 @@
+var E = /* @__PURE__ */ ((_) => (_[_.BACKSPACE_KEY_CODE = 8] = "BACKSPACE_KEY_CODE", _[_.TAB_KEY_CODE = 9] = "TAB_KEY_CODE", _[_.ENTER_KEY_CODE = 13] = "ENTER_KEY_CODE", _[_.ESCAPE_KEY_CODE = 27] = "ESCAPE_KEY_CODE", _[_.SPACE_KEY_CODE = 32] = "SPACE_KEY_CODE", _[_.ARROW_LEFT_KEY_CODE = 37] = "ARROW_LEFT_KEY_CODE", _[_.ARROW_UP_KEY_CODE = 38] = "ARROW_UP_KEY_CODE", _[_.ARROW_RIGHT_KEY_CODE = 39] = "ARROW_RIGHT_KEY_CODE", _[_.ARROW_DOWN_KEY_CODE = 40] = "ARROW_DOWN_KEY_CODE", _[_.DELETE_KEY_CODE = 46] = "DELETE_KEY_CODE", _[_.NUMBER_START_KEY_CODE = 48] = "NUMBER_START_KEY_CODE", _[_.NUMBER_END_KEY_CODE = 57] = "NUMBER_END_KEY_CODE", _[_.NUM_LOCK_0_KEY_CODE = 96] = "NUM_LOCK_0_KEY_CODE", _[_.NUM_LOCK_1_KEY_CODE = 97] = "NUM_LOCK_1_KEY_CODE", _[_.NUM_LOCK_2_KEY_CODE = 98] = "NUM_LOCK_2_KEY_CODE", _[_.NUM_LOCK_3_KEY_CODE = 99] = "NUM_LOCK_3_KEY_CODE", _[_.NUM_LOCK_4_KEY_CODE = 100] = "NUM_LOCK_4_KEY_CODE", _[_.NUM_LOCK_5_KEY_CODE = 101] = "NUM_LOCK_5_KEY_CODE", _[_.NUM_LOCK_6_KEY_CODE = 102] = "NUM_LOCK_6_KEY_CODE", _[_.NUM_LOCK_7_KEY_CODE = 103] = "NUM_LOCK_7_KEY_CODE", _[_.NUM_LOCK_8_KEY_CODE = 104] = "NUM_LOCK_8_KEY_CODE", _[_.NUM_LOCK_9_KEY_CODE = 105] = "NUM_LOCK_9_KEY_CODE", _))(E || {});
+export {
+  E as K
+};

package/dist/modal.js

@@ -1,137 +1,16 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import * as z from "react";
-import { useEffect as m, useState as g, useRef as $ } from "react";
-import { Scrollbars as A } from "rc-scrollbars";
-import { AnimatePresence as T, motion as D } from "framer-motion";
-import { c as _ } from "./bind-06a7ff84.js";
-import { K as W } from "./key-codes-abbe7725.js";
-import { B as x } from "./button-d4944dbc.js";
-function j(e, n) {
-  m(() => {
-    if (!n)
-      return;
-    const t = (a) => {
-      e && e.current && !e.current.contains(a.target) && n(a);
-    };
-    return document.addEventListener("pointerdown", t), () => {
-      document.removeEventListener("pointerdown", t);
-    };
-  }, [e, n]);
-}
-const K = () => {
-  const [e, n] = g({ width: 0, height: 0 });
-  return m(() => {
-    const t = () => {
-      n({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    };
-    return window.addEventListener("resize", t), t(), () => window.removeEventListener("resize", t);
-  }, []), e;
-}, I = {
-  "modal-content": "_modal-content_xak18_1"
-}, F = _.bind(I), P = ({ children: e }) => /* @__PURE__ */ o("div", { className: F("modal-content"), children: e }), B = {
-  "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 = _.bind(B), G = ({
-  footerNode: e,
-  closeHandler: n,
-  okButton: t,
-  cancelButton: a,
-  size: s
-}) => /* @__PURE__ */ l("div", { className: c("modal-footer", { "with-extra-node": e, [`size-${s}`]: s }), children: [
-  e && e,
-  /* @__PURE__ */ l("div", { className: c("buttons-block"), children: [
-    a && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(
-      x,
-      {
-        variant: "ghost",
-        adjustWidthOn: s === "small" ? "parent" : "content",
-        onClick: n,
-        ...a
-      }
-    ) }),
-    t && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(x, { adjustWidthOn: s === "small" ? "parent" : "content", ...t }) })
-  ] })
-] }), X = (e) => /* @__PURE__ */ z.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ z.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732184 15.2698C0.330645 14.8683 0.330646 14.2172 0.732185 13.8157L6.54859 7.99928L0.732185 2.18288C0.330646 1.78134 0.330645 1.13031 0.732184 0.728774C1.13372 0.327234 1.78475 0.327234 2.18629 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327228 14.8717 0.327227 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.18629 15.2698C1.78475 15.6713 1.13372 15.6713 0.732184 15.2698Z" })), Y = {
-  "modal-header": "_modal-header_12y1g_1",
-  "modal-header-content": "_modal-header-content_12y1g_11",
-  "modal-title": "_modal-title_12y1g_20",
-  "close-modal-icon": "_close-modal-icon_12y1g_28"
-}, r = _.bind(Y), Z = ({ title: e, onClose: n, headerNode: t }) => /* @__PURE__ */ l("div", { className: r("modal-header"), children: [
-  /* @__PURE__ */ l("div", { className: r("modal-header-content"), children: [
-    e && /* @__PURE__ */ o("span", { className: r("modal-title"), children: e }),
-    t && t
-  ] }),
-  /* @__PURE__ */ o("span", { className: r("close-modal-icon"), onClick: n, children: /* @__PURE__ */ o(X, {}) })
-] }), q = "_modal_10zov_1", J = {
-  modal: q,
-  "overlay-default": "_overlay-default_10zov_11",
-  "overlay-light-cyan": "_overlay-light-cyan_10zov_16",
-  "scrolling-content": "_scrolling-content_10zov_21",
-  "modal-window": "_modal-window_10zov_28",
-  "size-default": "_size-default_10zov_45",
-  "size-small": "_size-small_10zov_57",
-  "size-large": "_size-large_10zov_69"
-}, E = _.bind(J), Q = 0.9, U = 176, se = ({
-  title: e,
-  headerNode: n,
-  children: t,
-  footerNode: a,
-  okButton: s,
-  cancelButton: b,
-  className: L,
-  size: h = "default",
-  onClose: H = () => {
-  },
-  overlay: v = "default",
-  allowCloseOutside: M = !0
-}) => {
-  const [N, f] = g(!1), [k, O] = g(0), i = $(null), p = K(), y = p.height, R = y * Q, u = (y - k) / 2, S = R - U, d = () => {
-    f(!1);
-  }, C = (w) => {
-    w.keyCode === W.ESCAPE_KEY_CODE && d();
-  };
-  return m(() => {
-    if (i && i.current) {
-      const { clientHeight: w } = i.current;
-      O(w);
-    }
-  }, [t, p]), m(() => (f(!0), i && i.current && i.current.focus(), document.addEventListener("keydown", C, !1), () => document.removeEventListener("keydown", C, !1)), []), j(i, M ? d : void 0), /* @__PURE__ */ o(T, { onExitComplete: H, children: N && /* @__PURE__ */ o("div", { className: E("modal", { [`overlay-${v}`]: v }), children: /* @__PURE__ */ l(
-    D.div,
-    {
-      className: E("modal-window", { [`size-${h}`]: h }, L),
-      ref: i,
-      tabIndex: 0,
-      initial: { opacity: 0, marginTop: -u },
-      animate: { opacity: 1, marginTop: u },
-      exit: { opacity: 0, marginTop: -u },
-      transition: { duration: 0.3 },
-      children: [
-        /* @__PURE__ */ o(Z, { title: e, headerNode: n, onClose: d }),
-        /* @__PURE__ */ o(A, { autoHeight: !0, autoHeightMax: S, hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ o(P, { children: t }) }),
-        /* @__PURE__ */ o(
-          G,
-          {
-            size: h,
-            footerNode: a,
-            okButton: s,
-            cancelButton: b,
-            closeHandler: d
-          }
-        )
-      ]
-    },
-    "modal-window"
-  ) }) });
-};
+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";
 export {
-  se as Modal,
-  P as ModalContent,
-  G as ModalFooter,
-  Z as ModalHeader
+  s as Modal,
+  n as ModalContent,
+  b as ModalFooter,
+  c as ModalHeader
 };