triafly-ui-kit 1.0.24 → 1.0.25

package/dist/components/Ui/Table/MemoizedRow/MemoizedRow.js

@@ -1,79 +1,50 @@
-import { jsx as l } from "react/jsx-runtime";
-import b from "react";
-import { g } from "../../../../_commonjsHelpers-C6fGbg64.js";
-import { c as s } from "../../../../index-2QXL0WYc.js";
-var p, c;
-function y() {
-  return c || (c = 1, p = function r(t, e) {
-    if (t === e) return !0;
-    if (t && e && typeof t == "object" && typeof e == "object") {
-      if (t.constructor !== e.constructor) return !1;
-      var o, n, u;
-      if (Array.isArray(t)) {
-        if (o = t.length, o != e.length) return !1;
-        for (n = o; n-- !== 0; )
-          if (!r(t[n], e[n])) return !1;
-        return !0;
-      }
-      if (t.constructor === RegExp) return t.source === e.source && t.flags === e.flags;
-      if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === e.valueOf();
-      if (t.toString !== Object.prototype.toString) return t.toString() === e.toString();
-      if (u = Object.keys(t), o = u.length, o !== Object.keys(e).length) return !1;
-      for (n = o; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(e, u[n])) return !1;
-      for (n = o; n-- !== 0; ) {
-        var f = u[n];
-        if (!r(t[f], e[f])) return !1;
-      }
-      return !0;
-    }
-    return t !== t && e !== e;
-  }), p;
-}
-var O = y();
-const i = /* @__PURE__ */ g(O), S = b.memo(
+import { jsx as p } from "react/jsx-runtime";
+import c from "react";
+import m from "../../../../_virtual/index2.js";
+import d from "../../../../_virtual/index.js";
+const h = c.memo(
   ({
-    record: r,
-    columns: t,
-    rowKey: e,
-    rowClassName: o,
-    index: n,
-    stickyLeft: u,
-    onClickTr: f,
-    bordered: m
+    record: t,
+    columns: _,
+    rowKey: a,
+    rowClassName: n,
+    index: l,
+    stickyLeft: r,
+    onClickTr: b,
+    bordered: i
   }) => {
-    const d = (a) => {
-      !a.target.closest("[data-no-bubble]") && f && f(r);
+    const s = (e) => {
+      !e.target.closest("[data-no-bubble]") && b && b(t);
     };
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ p(
       "tr",
       {
-        className: s(
+        className: d(
           "table-component__wrapper__table__tbody__tr",
-          o == null ? void 0 : o(r, n),
+          n == null ? void 0 : n(t, l),
           {
-            "table-component__wrapper__table__tbody__tr--hoverable": !!f
+            "table-component__wrapper__table__tbody__tr--hoverable": !!b
           }
         ),
-        onClick: d,
-        children: t.map((a, _) => /* @__PURE__ */ l(
+        onClick: s,
+        children: _.map((e, o) => /* @__PURE__ */ p(
           "td",
           {
-            className: s("table-component__wrapper__table__tbody__td", a.className, {
-              "table-component__wrapper__table__tbody__td--bordered": m,
-              "table-component__wrapper__table__tbody__td--sticky-left": u && _ === 0
+            className: d("table-component__wrapper__table__tbody__td", e.className, {
+              "table-component__wrapper__table__tbody__td--bordered": i,
+              "table-component__wrapper__table__tbody__td--sticky-left": r && o === 0
             }),
-            align: a.align,
-            children: a.render ? a.render(r[a.dataIndex], r) : String(r[a.dataIndex] ?? "")
+            align: e.align,
+            children: e.render ? e.render(t[e.dataIndex], t) : String(t[e.dataIndex] ?? "")
           },
-          `${a.key}-${_}`
+          `${e.key}-${o}`
         ))
       },
-      typeof e == "function" ? e(r) : String(r[e])
+      typeof a == "function" ? a(t) : String(t[a])
     );
   },
-  (r, t) => i(r.columns, t.columns) && i(r.record, t.record)
+  (t, _) => m(t.columns, _.columns) && m(t.record, _.record)
 );
 export {
-  S as MemoizedRow
+  h as MemoizedRow
 };

package/dist/components/Ui/Table/Table.js

@@ -1,10 +1,11 @@
 import { jsx as t, jsxs as _ } from "react/jsx-runtime";
 import U, { useState as N, useEffect as q, useCallback as d } from "react";
-import { c as o } from "../../../index-2QXL0WYc.js";
+import o from "../../../_virtual/index.js";
+import '../../../assets/src/components/Ui/Table/Table.css';/* empty css                                          */
 import { IconCaretDown as w, IconCaretUp as F } from "../Icons/Icons.js";
 import { MemoizedRow as G } from "./MemoizedRow/MemoizedRow.js";
 import { Loader as H } from "../Loader/Loader.js";
-import '../../../assets/Table.css';const y = {
+const y = {
   asc: /* @__PURE__ */ t(w, { viewBox: "0 -6 24 24", "aria-hidden": "true" }),
   desc: /* @__PURE__ */ t(F, { viewBox: "0 -4 24 24", "aria-hidden": "true" }),
   default: /* @__PURE__ */ t(w, { viewBox: "0 -6 24 24", "aria-hidden": "true" })
@@ -154,7 +155,7 @@ function J({
     }
   ) });
 }
-const Z = U.memo(J);
+const K = U.memo(J);
 export {
-  Z as Table
+  K as Table
 };

package/dist/components/Ui/Tabs/Tabs.js

@@ -1,15 +1,16 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { useState as v } from "react";
-import '../../../assets/Tabs.css';const f = ({ items: s, defaultActiveKey: t, onChange: d }) => {
+import '../../../assets/src/components/Ui/Tabs/Tabs.css';/* empty css                                        */
+const f = ({ items: s, defaultActiveKey: t, onChange: d }) => {
   var c, b;
-  const [l, i] = v(t || ((c = s[0]) == null ? void 0 : c.key)), n = (a) => {
+  const [l, i] = v(t || ((c = s[0]) == null ? void 0 : c.key)), o = (a) => {
     s.some((r) => r.key === a && !r.disabled) && (i(a), d == null || d(a));
   };
-  return /* @__PURE__ */ o("div", { className: "tabs", children: [
+  return /* @__PURE__ */ n("div", { className: "tabs", children: [
     /* @__PURE__ */ e("div", { className: "tabs-bar", children: s.map((a) => /* @__PURE__ */ e(
       "button",
       {
-        onClick: () => !a.disabled && n(a.key),
+        onClick: () => !a.disabled && o(a.key),
         className: `tab-button ${l === a.key ? "active" : ""} ${a.disabled ? "disabled" : ""}`,
         disabled: a.disabled,
         children: a.label

package/dist/components/Ui/TextInput/TextInput.js

@@ -1,10 +1,11 @@
-import { jsxs as m, jsx as e, Fragment as b } from "react/jsx-runtime";
+import { jsxs as d, jsx as e, Fragment as b } from "react/jsx-runtime";
 import { forwardRef as g, useState as A } from "react";
+import '../../../assets/src/components/Ui/TextInput/TextInput.css';/* empty css                                                  */
 import { IconX as F, IconCheck as R, IconSearch as T, IconLock as X, IconAt as q } from "../Icons/Icons.js";
 import { Loader as B } from "../Loader/Loader.js";
-import '../../../assets/TextInput.css';const D = g(
+const D = g(
   ({
-    label: t,
+    label: s,
     placeholder: h = "",
     value: n,
     // Значение из пропсов
@@ -24,11 +25,11 @@ import '../../../assets/TextInput.css';const D = g(
     onKeyDown: z,
     onBlur: $
   }, w) => {
-    const [C, o] = A(""), s = n !== void 0, u = s ? n : C, j = (d) => {
-      const V = d.target.value;
-      s || o(V), a && a(d);
+    const [C, o] = A(""), t = n !== void 0, u = t ? n : C, j = (m) => {
+      const V = m.target.value;
+      t || o(V), a && a(m);
     }, L = () => {
-      s && a ? a({ target: { value: "" } }) : o("");
+      t && a ? a({ target: { value: "" } }) : o("");
     }, S = () => {
       switch (c) {
         case "email":
@@ -43,7 +44,7 @@ import '../../../assets/TextInput.css';const D = g(
           return /* @__PURE__ */ e(b, {});
       }
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ d(
       "div",
       {
         className: `text-input 
@@ -51,8 +52,8 @@ import '../../../assets/TextInput.css';const D = g(
         ${N && "invalid"}
         ${r && "clearable"}`,
         children: [
-          t && /* @__PURE__ */ e("label", { children: t }),
-          /* @__PURE__ */ m("div", { className: `input-container ${c ? `has-icon icon-${c}` : ""}`, children: [
+          s && /* @__PURE__ */ e("label", { children: s }),
+          /* @__PURE__ */ d("div", { className: `input-container ${c ? `has-icon icon-${c}` : ""}`, children: [
             /* @__PURE__ */ e(
               "input",
               {

package/dist/components/Ui/TextareaInput/TextareaInput.js

@@ -1,12 +1,13 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { forwardRef as C, useState as V } from "react";
-import { c as $ } from "../../../index-2QXL0WYc.js";
+import '../../../assets/src/components/Ui/TextareaInput/TextareaInput.css';/* empty css                                                          */
+import $ from "../../../_virtual/index.js";
 import { IconX as b } from "../Icons/Icons.js";
-import '../../../assets/TextareaInput.css';const g = C(
+const g = C(
   ({
     label: c,
-    name: f = "TextareaInput",
-    placeholder: p,
+    name: p = "TextareaInput",
+    placeholder: f,
     errorMessage: i,
     hasError: u = !1,
     isDisabled: x,
@@ -18,15 +19,15 @@ import '../../../assets/TextareaInput.css';const g = C(
     isClearable: d,
     spellCheck: N = !1
   }, h) => {
-    const [I, m] = V(""), s = o !== void 0, t = s ? o : I, w = (z) => {
-      const n = z.target.value;
-      (!a || n.length <= a) && (s || m(n), l && l(n));
+    const [I, m] = V(""), t = o !== void 0, s = t ? o : I, w = (z) => {
+      const r = z.target.value;
+      (!a || r.length <= a) && (t || m(r), l && l(r));
     }, T = () => {
-      s && l ? l("") : m("");
+      t && l ? l("") : m("");
     }, j = $({
       "no-resize": !v
     });
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ n(
       "div",
       {
         className: `textarea-input 
@@ -34,24 +35,24 @@ import '../../../assets/TextareaInput.css';const g = C(
       ${d && "clearable"}`,
         children: [
           c && /* @__PURE__ */ e("label", { children: c }),
-          /* @__PURE__ */ r("div", { className: "textarea-wrapper", children: [
+          /* @__PURE__ */ n("div", { className: "textarea-wrapper", children: [
             /* @__PURE__ */ e(
               "textarea",
               {
                 ref: h,
                 className: j,
-                value: t,
+                value: s,
                 onChange: w,
-                name: f,
-                placeholder: p,
+                name: p,
+                placeholder: f,
                 disabled: x,
                 spellCheck: N
               }
             ),
-            d && t && /* @__PURE__ */ e("div", { className: "clear-value", onClick: T, children: /* @__PURE__ */ e(b, { size: 20 }) })
+            d && s && /* @__PURE__ */ e("div", { className: "clear-value", onClick: T, children: /* @__PURE__ */ e(b, { size: 20 }) })
           ] }),
-          a && /* @__PURE__ */ r("p", { className: "char-limit", children: [
-            t.length,
+          a && /* @__PURE__ */ n("p", { className: "char-limit", children: [
+            s.length,
             "/",
             a
           ] }),

package/dist/components/Ui/Tooltip/Tooltip.js

@@ -1,6 +1,7 @@
 import { jsxs as I, jsx as O } from "react/jsx-runtime";
 import { useState as g, useRef as C, useCallback as u, useEffect as m } from "react";
-import '../../../assets/Tooltip2.css';const V = ({
+import '../../../assets/src/components/Ui/Tooltip/Tooltip.css';/* empty css                                              */
+const W = ({
   content: E,
   children: y,
   position: n = "top",
@@ -88,5 +89,5 @@ import '../../../assets/Tooltip2.css';const V = ({
   ] });
 };
 export {
-  V as Tooltip
+  W as Tooltip
 };

package/dist/components/Ui/Tooltip/Tooltip.stories.js

@@ -1,12 +1,7 @@
 import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import t from "../../../src/components/Ui/Tooltip/Tooltip.stories.module.css.js";
 import { Tooltip as o } from "./Tooltip.js";
-import '../../../assets/Tooltip.css';const c = "_container_193w2_1", r = "_trigger_193w2_14", n = "_clickTrigger_193w2_29 _trigger_193w2_14", l = "_positionsContainer_193w2_38", s = "_positionGroup_193w2_42", t = {
-  container: c,
-  trigger: r,
-  clickTrigger: n,
-  positionsContainer: l,
-  positionGroup: s
-}, d = {
+const n = {
   title: "UIKit/Tooltip",
   component: o,
   tags: ["autodocs"],
@@ -24,7 +19,7 @@ import '../../../assets/Tooltip.css';const c = "_container_193w2_1", r = "_trigg
       options: ["toggle", "show", "hide"]
     }
   }
-}, p = {
+}, s = {
   render: () => /* @__PURE__ */ e("div", { className: t.container, children: [
     /* @__PURE__ */ i(o, { content: "Top-left tooltip", className: "white", position: "top", children: /* @__PURE__ */ i("div", { className: t.trigger, children: "Top-left (hover)" }) }),
     /* @__PURE__ */ i(o, { content: "Top-right tooltip", position: "top", trigger: "click", clickBehavior: "toggle", children: /* @__PURE__ */ i("div", { className: t.clickTrigger, children: "Top-right (click toggle)" }) }),
@@ -32,7 +27,7 @@ import '../../../assets/Tooltip.css';const c = "_container_193w2_1", r = "_trigg
     /* @__PURE__ */ i(o, { content: "Bottom-left tooltip", position: "left", trigger: "click", clickBehavior: "show", children: /* @__PURE__ */ i("div", { className: t.clickTrigger, children: "Bottom-left (click show)" }) }),
     /* @__PURE__ */ i(o, { content: "Bottom-right tooltip", position: "right", trigger: "mixed", clickBehavior: "hide", children: /* @__PURE__ */ i("div", { className: t.mixedTrigger, children: "Bottom-right (hover + click hide)" }) })
   ] })
-}, a = {
+}, h = {
   render: () => /* @__PURE__ */ e("div", { className: t.positionsContainer, children: [
     /* @__PURE__ */ i("h3", { children: "Hover Triggers" }),
     /* @__PURE__ */ e("div", { className: t.positionGroup, children: [
@@ -76,7 +71,7 @@ import '../../../assets/Tooltip.css';const c = "_container_193w2_1", r = "_trigg
       )
     ] })
   ] })
-}, m = {
+}, g = {
   args: {
     content: "Interactive tooltip content",
     children: /* @__PURE__ */ i("button", { style: { padding: "8px 16px" }, type: "button", children: "Hover or click me" }),
@@ -85,8 +80,8 @@ import '../../../assets/Tooltip.css';const c = "_container_193w2_1", r = "_trigg
   }
 };
 export {
-  a as AllPositions,
-  p as EdgeCases,
-  m as InteractiveExample,
-  d as default
+  h as AllPositions,
+  s as EdgeCases,
+  g as InteractiveExample,
+  n as default
 };

package/dist/context/ToastContext/ToastContext.js

@@ -1,40 +1,38 @@
 import { jsxs as v, jsx as d } from "react/jsx-runtime";
-import { createContext as f, useState as h, useCallback as u, useMemo as _, useContext as w } from "react";
-import C from "react-dom";
-import '../../assets/ToastContext.css';const P = "_Wrapper_12sk9_1", W = "_Toast_12sk9_11", m = {
-  Wrapper: P,
-  Toast: W
-}, T = f(void 0), g = () => {
-  const o = w(T);
-  if (!o)
+import { createContext as f, useState as h, useCallback as u, useMemo as w, useContext as C } from "react";
+import P from "react-dom";
+import m from "../../src/context/ToastContext/ToastContext.module.scss.js";
+const l = f(void 0), y = () => {
+  const e = C(l);
+  if (!e)
     throw new Error("useToast must be used within a ToastProvider");
-  return o;
-}, j = ({ children: o }) => {
-  const [l, r] = h([]), p = 3, n = 4e3, c = u((t) => {
-    r((s) => s.filter((e) => e.id !== t));
+  return e;
+}, M = ({ children: e }) => {
+  const [T, a] = h([]), p = 3, n = 4e3, c = u((t) => {
+    a((o) => o.filter((s) => s.id !== t));
   }, []), i = u(
     (t) => {
-      const s = {
+      const o = {
         id: Date.now(),
         message: t,
         duration: n
       };
-      r((e) => {
-        const a = [...e, s];
-        return a.length > p ? a.slice(1) : a;
-      }), setTimeout(() => c(s.id), n);
+      a((s) => {
+        const r = [...s, o];
+        return r.length > p ? r.slice(1) : r;
+      }), setTimeout(() => c(o.id), n);
     },
     [c]
-  ), x = _(() => ({ addToast: i }), [i]);
-  return /* @__PURE__ */ v(T.Provider, { value: x, children: [
-    o,
-    C.createPortal(
-      /* @__PURE__ */ d("div", { className: m.Wrapper, children: l.map((t) => /* @__PURE__ */ d("div", { className: m.Toast, children: t.message }, t.id)) }),
+  ), x = w(() => ({ addToast: i }), [i]);
+  return /* @__PURE__ */ v(l.Provider, { value: x, children: [
+    e,
+    P.createPortal(
+      /* @__PURE__ */ d("div", { className: m.Wrapper, children: T.map((t) => /* @__PURE__ */ d("div", { className: m.Toast, children: t.message }, t.id)) }),
       document.body
     )
   ] });
 };
 export {
-  j as ToastProvider,
-  g as useToast
+  M as ToastProvider,
+  y as useToast
 };

package/dist/main.d.ts

@@ -132,20 +132,6 @@ export declare type Column<T extends object = Record<string, unknown>> = {
 
 export declare const CustomLink: default_2.FC<LinkProps>;
 
-export declare const DatePicker: default_2.FC<DatePickerProps>;
-
-declare interface DatePickerProps {
-    name?: string;
-    value?: Date | null;
-    onChange?: (date: Date | null) => void;
-    placeholder?: string;
-    className?: string;
-    inputClassName?: string;
-    calendarClassName?: string;
-    minDate?: Date;
-    maxDate?: Date;
-}
-
 export declare const DropdownInput: default_2.FC<DropdownInputProps>;
 
 declare type DropdownInputProps = {