triafly-ui-kit 1.0.24 → 1.0.25

package/dist/components/Ui/CliTextareaInput/CliTextareaInput.js

@@ -1,6 +1,7 @@
 import { jsxs as y, jsx as n } from "react/jsx-runtime";
 import { forwardRef as A, useState as C, useRef as d, useCallback as g, useEffect as p } from "react";
-import { c as F } from "../../../index-2QXL0WYc.js";
+import '../../../assets/src/components/Ui/CliTextareaInput/CliTextareaInput.css';/* empty css                                                                */
+import F from "../../../_virtual/index.js";
 import { highlightSyntax as $ } from "./utils/highlightSyntax/highlightSyntax.js";
 import { useHistoryNavigation as q } from "./utils/hooks/useHistoryNavigation/useHistoryNavigation.js";
 import { useTextCoursore as B } from "./utils/hooks/useTextCoursore/useTextCoursore.js";
@@ -8,22 +9,22 @@ import { useLineNumbers as G } from "./utils/hooks/useLineNumbers/useLineNumbers
 import { useScrollSync as J } from "./utils/hooks/useScrollSync/useScrollSync.js";
 import { useTextActions as O } from "./utils/hooks/useTextActions/useTextActions.js";
 import { useKeyHandlers as Q } from "./utils/hooks/useKeyHandlers/useKeyHandlers.js";
-import '../../../assets/CliTextareaInput.css';const W = A(
+const W = A(
   ({
     name: c,
     spellCheck: T = !1,
     isDisabled: b = !1,
     onChange: s,
-    value: o,
+    value: i,
     resize: H = !1,
-    format: i,
+    format: l,
     onSubmit: L,
     onError: R,
     history: I,
     numberColl: K = !1,
     showPrompt: u = !1
-  }, l) => {
-    const [a, m] = C(o), r = d(null), S = d(null), N = d(null);
+  }, o) => {
+    const [a, m] = C(i), r = d(null), S = d(null), N = d(null);
     J(r, S, N, a);
     const { saveSelectionCoursore: h, restoreSelectionCoursore: v } = B(r), { visibleLines: M } = G(r, a), f = g(
       (e) => {
@@ -47,12 +48,12 @@ import '../../../assets/CliTextareaInput.css';const W = A(
       },
       [s, c]
     ), { handleFormat: w, handleSubmit: D } = O({
-      value: o,
-      format: i,
+      value: i,
+      format: l,
       onChange: f,
       onSubmit: L,
       onError: R
-    }), { navigate: E } = q(I, i, j), U = Q({
+    }), { navigate: E } = q(I, l, j), U = Q({
       navigate: E,
       handleFormat: w,
       handleSubmit: D,
@@ -61,13 +62,13 @@ import '../../../assets/CliTextareaInput.css';const W = A(
       showPrompt: u
     });
     p(() => {
-      m(o), v();
-    }, [o, v]), p(() => {
+      m(i), v();
+    }, [i, v]), p(() => {
       const e = r.current;
       e && e.selectionStart < 3 && e.setSelectionRange(3, 3);
     }, [a]), p(() => {
-      typeof l == "function" ? l(r.current) : l && (l.current = r.current);
-    }, [l]);
+      typeof o == "function" ? o(r.current) : o && (o.current = r.current);
+    }, [o]);
     const V = F({
       "no-resize": !H
     }), _ = (e) => {
@@ -105,9 +106,9 @@ import '../../../assets/CliTextareaInput.css';const W = A(
           "pre",
           {
             ref: S,
-            className: `formatted-content ${i}`,
+            className: `formatted-content ${l}`,
             dangerouslySetInnerHTML: {
-              __html: $(a || "", i) || "&nbsp;"
+              __html: $(a || "", l) || "&nbsp;"
             }
           }
         )

package/dist/components/Ui/CustomLink/CustomLink.js

@@ -1,14 +1,15 @@
 import { jsxs as p, jsx as c } from "react/jsx-runtime";
 import { Link as x } from "react-router-dom";
-import '../../../assets/CustomLink.css';const u = ({
+import '../../../assets/src/components/Ui/CustomLink/CustomLink.css';/* empty css                                                    */
+const j = ({
   href: s,
-  children: a,
+  children: t,
   target: $ = "_self",
   className: r = "",
-  style: t = {},
+  style: a = {},
   onClick: l,
-  ariaLabel: e,
-  title: o,
+  ariaLabel: o,
+  title: e,
   icon: n
 }) => {
   const i = !!(s != null && s.startsWith("http://")), m = `link ${r} ${i ? "external" : ""}`;
@@ -19,13 +20,13 @@ import '../../../assets/CustomLink.css';const u = ({
       target: $,
       rel: "noopener noreferrer",
       className: `${m} ${r}`,
-      style: t,
+      style: a,
       onClick: l,
-      "aria-label": e,
-      title: o,
+      "aria-label": o,
+      title: e,
       children: [
         n && /* @__PURE__ */ c("span", { className: "icon", children: n }),
-        a
+        t
       ]
     }
   ) : /* @__PURE__ */ p(
@@ -33,17 +34,17 @@ import '../../../assets/CustomLink.css';const u = ({
     {
       to: s,
       className: `${m} ${r}`,
-      style: t,
+      style: a,
       onClick: l,
-      "aria-label": e,
-      title: o,
+      "aria-label": o,
+      title: e,
       children: [
         n && /* @__PURE__ */ c("span", { className: "icon", children: n }),
-        a
+        t
       ]
     }
   );
 };
 export {
-  u as CustomLink
+  j as CustomLink
 };

package/dist/components/Ui/DatePicker/DatePicker.js

@@ -1,7 +1,8 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { useState as w, useRef as $, useEffect as N } from "react";
+import '../../../assets/src/components/Ui/DatePicker/DatePicker.css';/* empty css                                                    */
 import { IconCalendarBlank as A, IconCaretUpDown as G, IconCaretLeft as I, IconCaretRight as S } from "../Icons/Icons.js";
-import '../../../assets/DatePicker.css';const H = [
+const H = [
   "Январь",
   "Февраль",
   "Март",
@@ -14,7 +15,7 @@ import '../../../assets/DatePicker.css';const H = [
   "Октябрь",
   "Ноябрь",
   "Декабрь"
-], X = ({
+], Z = ({
   name: O = "date",
   value: r = null,
   onChange: x = () => {
@@ -115,11 +116,18 @@ import '../../../assets/DatePicker.css';const H = [
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ i("div", { className: `datepicker-input ${T}`, onClick: () => g(!F), children: [
-      /* @__PURE__ */ n(A, {}),
-      /* @__PURE__ */ n("span", { className: "placeholder", children: c ? j(c) : L }),
-      /* @__PURE__ */ n(G, { className: "caret" })
-    ] }),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: `datepicker-input ${T}`,
+        onClick: () => g(!F),
+        children: [
+          /* @__PURE__ */ n(A, {}),
+          /* @__PURE__ */ n("span", { className: "placeholder", children: c ? j(c) : L }),
+          /* @__PURE__ */ n(G, { className: "caret" })
+        ]
+      }
+    ),
     F && /* @__PURE__ */ i("div", { className: `datepicker-calendar ${E}`, children: [
       /* @__PURE__ */ i("div", { className: "calendar-controls", children: [
         /* @__PURE__ */ i("div", { className: "month-control", children: [
@@ -171,5 +179,5 @@ import '../../../assets/DatePicker.css';const H = [
   ] });
 };
 export {
-  X as DatePicker
+  Z as default
 };

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

@@ -1,9 +1,9 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import l from "react";
-import { DatePicker as r } from "./DatePicker.js";
-const m = {
+import n from "./DatePicker.js";
+const d = {
   title: "UIKit/DatePicker",
-  component: r,
+  component: n,
   tags: ["autodocs"],
   argTypes: {
     value: {
@@ -39,27 +39,27 @@ const m = {
       description: "Максимальная доступная дата"
     }
   }
-}, u = {
+}, m = {
   args: {
     placeholder: "Любая дата"
   }
-}, x = {
+}, p = {
   args: {
     value: new Date(2023, 5, 15),
     placeholder: "Выберите дату"
   }
-}, h = {
+}, u = {
   args: {
     minDate: new Date(2023, 0, 1),
     maxDate: new Date(2023, 11, 31)
   }
-}, g = {
+}, x = {
   args: {
     inputClassName: "custom-input",
     calendarClassName: "custom-calendar"
   },
   decorators: [
-    (o) => /* @__PURE__ */ a("div", { children: [
+    (t) => /* @__PURE__ */ a("div", { children: [
       /* @__PURE__ */ e("style", { children: `
           .custom-input {
             border: 2px solid #6366f1;
@@ -75,40 +75,46 @@ const m = {
             background-color: #6366f1;
           }
         ` }),
-      /* @__PURE__ */ e(o, {})
+      /* @__PURE__ */ e(t, {})
     ] })
   ]
-}, D = {
-  render: function() {
-    const [t, n] = l.useState(null);
+}, h = {
+  render: () => {
+    const [t, o] = l.useState(null);
     return /* @__PURE__ */ a("div", { style: { maxWidth: "300px" }, children: [
-      /* @__PURE__ */ e(r, { value: t, onChange: n, placeholder: "Контролируемый выбор" }),
+      /* @__PURE__ */ e(
+        n,
+        {
+          value: t,
+          onChange: o,
+          placeholder: "Контролируемый выбор"
+        }
+      ),
       /* @__PURE__ */ a("div", { style: { marginTop: "16px", fontSize: "14px" }, children: [
         "Выбрано: ",
         t ? t.toLocaleDateString("ru-RU") : "дата не выбрана"
       ] })
     ] });
   }
-}, f = {
-  render: function() {
-    const [t, n] = l.useState(null);
-    return /* @__PURE__ */ a("form", { onSubmit: (i) => {
-      i.preventDefault(), alert(`Выбрана дата: ${t == null ? void 0 : t.toLocaleDateString("ru-RU")}`);
-    }, style: { maxWidth: "300px" }, children: [
-      /* @__PURE__ */ a("div", { style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ e("label", { style: { display: "block", marginBottom: "4px" }, children: "Дата события:" }),
-        /* @__PURE__ */ e(r, { name: "eventDate", value: t, onChange: n })
-      ] }),
-      /* @__PURE__ */ e("button", { type: "submit", children: "Отправить" })
-    ] });
-  }
+}, g = {
+  render: () => /* @__PURE__ */ a("form", { onSubmit: (o) => {
+    o.preventDefault();
+    const r = new FormData(o.target);
+    alert(`Выбрана дата: ${r.get("eventDate")}`);
+  }, style: { maxWidth: "300px" }, children: [
+    /* @__PURE__ */ a("div", { style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ e("label", { style: { display: "block", marginBottom: "4px" }, children: "Дата события:" }),
+      /* @__PURE__ */ e(n, { name: "eventDate" })
+    ] }),
+    /* @__PURE__ */ e("button", { type: "submit", children: "Отправить" })
+  ] })
 };
 export {
-  D as Controlled,
-  g as CustomStyled,
-  u as Default,
-  f as InForm,
-  h as WithDateRange,
-  x as WithInitialDate,
-  m as default
+  h as Controlled,
+  x as CustomStyled,
+  m as Default,
+  g as InForm,
+  u as WithDateRange,
+  p as WithInitialDate,
+  d as default
 };

package/dist/components/Ui/DropdownInput/DropdownInput.js

@@ -1,7 +1,8 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { useState as m, useRef as O, useEffect as g } from "react";
+import '../../../assets/src/components/Ui/DropdownInput/DropdownInput.css';/* empty css                                                          */
 import { IconCaretUpDown as E, IconWarningCircle as P } from "../Icons/Icons.js";
-import '../../../assets/DropdownInput.css';const j = ({
+const j = ({
   label: v,
   options: i,
   value: o,
@@ -13,10 +14,10 @@ import '../../../assets/DropdownInput.css';const j = ({
   className: k = ""
 }) => {
   var w;
-  const [u, p] = m(!1), [s, N] = m(o || ""), [I, x] = m(!1), t = O(null);
+  const [p, u] = m(!1), [t, N] = m(o || ""), [I, x] = m(!1), s = O(null);
   g(() => {
     const e = (l) => {
-      t.current && !t.current.contains(l.target) && p(!1);
+      s.current && !s.current.contains(l.target) && u(!1);
     };
     return document.addEventListener("click", e), () => {
       document.removeEventListener("click", e);
@@ -25,21 +26,21 @@ import '../../../assets/DropdownInput.css';const j = ({
     N(o || "");
   }, [o]);
   const b = (e) => {
-    N(e), p(!1), f && f(e);
+    N(e), u(!1), f && f(e);
   }, $ = (e) => {
     var l;
-    if (e.stopPropagation(), !u) {
-      const a = (l = t.current) == null ? void 0 : l.getBoundingClientRect(), D = window.innerHeight - ((a == null ? void 0 : a.bottom) || 0);
+    if (e.stopPropagation(), !p) {
+      const a = (l = s.current) == null ? void 0 : l.getBoundingClientRect(), D = window.innerHeight - ((a == null ? void 0 : a.bottom) || 0);
       x(D < 304);
     }
-    p((a) => !a);
+    u((a) => !a);
   };
-  return /* @__PURE__ */ c("div", { className: `dropdown-input ${k}`, ref: t, children: [
+  return /* @__PURE__ */ c("div", { className: `dropdown-input ${k}`, ref: s, children: [
     /* @__PURE__ */ c(
       "select",
       {
         name: C,
-        value: s,
+        value: t,
         onChange: (e) => b(e.target.value),
         className: "dropdown-input__native",
         disabled: h,
@@ -54,23 +55,23 @@ import '../../../assets/DropdownInput.css';const j = ({
       "div",
       {
         className: `input-box 
-          ${u ? "opened" : ""} 
+          ${p ? "opened" : ""} 
           ${h ? "disabled" : ""} 
           ${d ? "invalid" : ""}`,
         onClick: $,
         children: [
-          /* @__PURE__ */ n("span", { className: "input-value", children: s === void 0 ? (
+          /* @__PURE__ */ n("span", { className: "input-value", children: t === void 0 ? (
             // Если значение не передано
             /* @__PURE__ */ n("span", { className: "placeholder", children: r })
-          ) : ((w = i.find((e) => e.value === s)) == null ? void 0 : w.label) || /* @__PURE__ */ n("span", { className: "placeholder", children: r }) }),
+          ) : ((w = i.find((e) => e.value === t)) == null ? void 0 : w.label) || /* @__PURE__ */ n("span", { className: "placeholder", children: r }) }),
           /* @__PURE__ */ n(E, { className: "caret" }),
-          u && /* @__PURE__ */ n("ul", { className: `options ${I ? "above" : ""}`, children: i.map((e) => /* @__PURE__ */ n(
+          p && /* @__PURE__ */ n("ul", { className: `options ${I ? "above" : ""}`, children: i.map((e) => /* @__PURE__ */ n(
             "li",
             {
               onClick: (l) => {
                 l.stopPropagation(), b(e.value);
               },
-              className: s === e.value ? "option--selected" : "",
+              className: t === e.value ? "option--selected" : "",
               children: e.label
             },
             e.value

package/dist/components/Ui/DropdownMenu/DropdownMenu.js

@@ -1,6 +1,7 @@
 import { jsxs as R, jsx as h } from "react/jsx-runtime";
 import { useState as a, useRef as b, useLayoutEffect as C } from "react";
-import '../../../assets/DropdownMenu.css';const O = ({
+import '../../../assets/src/components/Ui/DropdownMenu/DropdownMenu.css';/* empty css                                                        */
+const W = ({
   content: m,
   horizontalPosition: s = "right",
   verticalPosition: c = "bottom",
@@ -78,6 +79,6 @@ import '../../../assets/DropdownMenu.css';const O = ({
   ] });
 };
 export {
-  O as DropdownMenu,
-  O as default
+  W as DropdownMenu,
+  W as default
 };