@namuna-nur/ui-kit 1.3.1 → 1.3.2

package/lib/shared/TabList.tokens.js

@@ -1,6 +1,6 @@
 import { u as Hn, p as a, y as Gr, x as Yt, U as Dn, P as Ze, z as Ln, v as Gn, J as Wr, q as Nr, _ as kr, a1 as Mr, C as St, e as w, L as ae, a2 as Ee, a3 as Re, a4 as Ce, B as z, a5 as pt, a6 as ht, a7 as vt, A as Wn, k as Qe, a8 as Jt, f as Nn, R as kn, S as ct, h as Kr, H as ft, a as Yr, a9 as Mn, I as Kn, M as Jr, aa as Zr, T as _r } from "./Avatar.tokens.js";
 import * as p from "react";
-import $, { useRef as ve, forwardRef as qe, useState as W, useImperativeHandle as $r, useEffect as qt, Fragment as eo, useMemo as Yn } from "react";
+import $, { useRef as ve, forwardRef as qe, useState as N, useImperativeHandle as $r, useEffect as qt, Fragment as eo, useMemo as Yn } from "react";
 import { a as f, f as Jn } from "./twMerge.js";
 import { Link as Zn, useSearchParams as Zt, NavLink as xt, useNavigate as to } from "react-router-dom";
 import { u as _t } from "./useOption.js";
@@ -2522,7 +2522,7 @@ const ua = ({
     setSelectedItems: d,
     classNames: l
   }, u) => {
-    const [s, c] = W(""), [h, A] = W(!1), g = ve(null);
+    const [s, c] = N(""), [h, A] = N(!1), g = ve(null);
     $r(u, () => ({
       open: () => A(!0),
       close: () => A(!1),
@@ -2767,11 +2767,11 @@ const ua = ({
     classNames: A,
     ...g
   }, q) => {
-    const [v, x] = W(o ?? []), [m, E] = W(i ?? []), [V, C] = W(!1), [I, j] = W(!1), P = no(e, l);
+    const [v, x] = N(o ?? []), [m, E] = N(i ?? []), [V, C] = N(!1), [I, j] = N(!1), P = no(e, l);
     qt(() => {
       C(!!P), u == null || u(P);
     }, [P, u]);
-    const y = de.base, T = de.hover, F = de.focus, { focusWithin: B } = de, M = de.disabled, b = de.input, R = de.button, Q = de.filterIcon, S = de.dropdown, k = de.popover, N = de.emptyPopover, K = (te, ge, Ae) => {
+    const y = de.base, T = de.hover, F = de.focus, { focusWithin: B } = de, M = de.disabled, b = de.input, R = de.button, Q = de.filterIcon, S = de.dropdown, k = de.popover, W = de.emptyPopover, K = (te, ge, Ae) => {
       const le = (et = []) => et.map(
         (Ie) => Ie.id === ge.id && ge.label === ge.label ? { ...Ie, checked: Ae } : Ie
       ), se = te === "status" ? le(v) : v, me = te === "module" ? le(m) : m;
@@ -2928,7 +2928,7 @@ const ua = ({
                       ))
                     }
                   )
-                ] }) : /* @__PURE__ */ a.jsx("div", { className: N.wrapper, children: /* @__PURE__ */ a.jsx(w, { className: N.text, children: "Нет результатов поиска" }) })
+                ] }) : /* @__PURE__ */ a.jsx("div", { className: W.wrapper, children: /* @__PURE__ */ a.jsx(w, { className: W.text, children: "Нет результатов поиска" }) })
               }
             )
           ] })
@@ -3465,7 +3465,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   const d = (b) => {
     const R = b.getDate().toString().padStart(2, "0"), Q = (b.getMonth() + 1).toString().padStart(2, "0"), S = b.getFullYear();
     return `${R}/${Q}/${S}`;
-  }, [l, u] = W(!1), [s, c] = W(e || /* @__PURE__ */ new Date()), [h, A] = W(d(e || /* @__PURE__ */ new Date())), g = ve(null), q = ve(null), v = [
+  }, [l, u] = N(!1), [s, c] = N(e || /* @__PURE__ */ new Date()), [h, A] = N(d(e || /* @__PURE__ */ new Date())), g = ve(null), q = ve(null), v = [
     "Январь",
     "Февраль",
     "Март",
@@ -3479,7 +3479,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "Ноябрь",
     "Декабрь"
   ], x = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"], m = (b) => {
-    const R = b.getFullYear(), Q = b.getMonth(), S = new Date(R, Q, 1), N = new Date(R, Q + 1, 0).getDate();
+    const R = b.getFullYear(), Q = b.getMonth(), S = new Date(R, Q, 1), W = new Date(R, Q + 1, 0).getDate();
     let K = S.getDay();
     K = K === 0 ? 6 : K - 1;
     const oe = [];
@@ -3487,7 +3487,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       const te = new Date(R, Q, 1 - (K - Y));
       oe.push({ date: te, isCurrentMonth: !1 });
     }
-    for (let Y = 1; Y <= N; Y++)
+    for (let Y = 1; Y <= W; Y++)
       oe.push({ date: new Date(R, Q, Y), isCurrentMonth: !0 });
     const ee = 42 - oe.length;
     for (let Y = 1; Y <= ee; Y++)
@@ -3500,10 +3500,10 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     R.length >= 3 && R.length <= 4 ? R = `${R.slice(0, 2)}/${R.slice(2)}` : R.length > 4 && (R = `${R.slice(0, 2)}/${R.slice(2, 4)}/${R.slice(4, 8)}`), R.length > 10 && (R = R.slice(0, 10)), A(R);
     const Q = R.split("/");
     if (Q.length === 3) {
-      const S = parseInt(Q[0]), k = parseInt(Q[1]) - 1, N = parseInt(Q[2]);
-      if (S > 0 && S <= 31 && k >= 0 && k <= 11 && N > 1900) {
-        const K = new Date(N, k, S);
-        K.getDate() === S && K.getMonth() === k && K.getFullYear() === N && (r(K), c(new Date(N, k, 1)));
+      const S = parseInt(Q[0]), k = parseInt(Q[1]) - 1, W = parseInt(Q[2]);
+      if (S > 0 && S <= 31 && k >= 0 && k <= 11 && W > 1900) {
+        const K = new Date(W, k, S);
+        K.getDate() === S && K.getMonth() === k && K.getFullYear() === W && (r(K), c(new Date(W, k, 1)));
       }
     }
   }, C = (b) => {
@@ -3684,12 +3684,12 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             /* @__PURE__ */ a.jsx("div", { className: X.weekHeader, children: x.map((b) => /* @__PURE__ */ a.jsx("div", { className: X.weekDay, children: b }, b)) }),
             /* @__PURE__ */ a.jsx("div", { className: X.calendar, children: m(s).map((b, R) => {
               const { date: Q, isCurrentMonth: S } = b, k = Q.getDate();
-              let N = X.dayButton;
-              return S ? P(Q) ? N += ` ${X.daySelected}` : j(Q) ? N += ` ${X.dayToday}` : y(Q) ? N += ` ${X.dayWeekend}` : N += ` ${X.dayNormal}` : N += ` ${X.dayOutside}`, /* @__PURE__ */ a.jsx(
+              let W = X.dayButton;
+              return S ? P(Q) ? W += ` ${X.daySelected}` : j(Q) ? W += ` ${X.dayToday}` : y(Q) ? W += ` ${X.dayWeekend}` : W += ` ${X.dayNormal}` : W += ` ${X.dayOutside}`, /* @__PURE__ */ a.jsx(
                 "button",
                 {
                   onClick: () => E(Q),
-                  className: N,
+                  className: W,
                   children: k
                 },
                 R
@@ -3957,7 +3957,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   icon: d,
   iconSizes: l
 }) => {
-  const [u, s] = W(!1), h = _t(n)(i), A = Qt.base, g = Qt.disabled.trigger, q = Qt.disabled.triggerText, v = ({
+  const [u, s] = N(!1), h = _t(n)(i), A = Qt.base, g = Qt.disabled.trigger, q = Qt.disabled.triggerText, v = ({
     className: x,
     text: m = ""
   }) => /* @__PURE__ */ a.jsx(
@@ -4415,7 +4415,7 @@ const Ba = ({
   onChange: t,
   classNames: n
 }) => {
-  const [o, i] = W(!1), d = ve(null), l = (u) => {
+  const [o, i] = N(!1), d = ve(null), l = (u) => {
     t(u), i(!1);
   };
   return /* @__PURE__ */ a.jsx(
@@ -5017,7 +5017,7 @@ var Ke = function(e) {
             Q = F, S = F + k;
           }
           v.value !== b ? v.options = v.fallbackOptions : v.fallbackOptions = v.options;
-          var N = v.options, K = n({ inputType: M, previousValue: b, previousOptions: N, value: T, addedValue: R, changeStart: Q, changeEnd: S, selectionStart: F, selectionEnd: B }), oe = K.options, ee = Ja(K, Za);
+          var W = v.options, K = n({ inputType: M, previousValue: b, previousOptions: W, value: T, addedValue: R, changeStart: Q, changeEnd: S, selectionStart: F, selectionEnd: B }), oe = K.options, ee = Ja(K, Za);
           i.value = ee.value, i.setSelectionRange(ee.selectionStart, ee.selectionEnd), v.value = ee.value, v.options = oe, m.selectionStart = ee.selectionStart, m.selectionEnd = ee.selectionEnd, (P = i._valueTracker) === null || P === void 0 || (y = P.setValue) === null || y === void 0 || y.call(P, b);
         } catch (Y) {
           if (i.value = m.value, i.setSelectionRange(m.selectionStart, m.selectionEnd), j.preventDefault(), j.stopPropagation(), Y.name !== "SyntheticChangeError") throw Y;
@@ -5079,20 +5079,20 @@ var Hr = function(e) {
       }
       P && (P = ke(P, { replacementChars: T, replacement: x, separate: E }));
       var M = yr(j + u + P, { mask: v, replacement: x, separate: E, showMask: m }), b = function(R) {
-        var Q, S, k, N = R.inputType, K = R.value, oe = R.addedValue, ee = R.beforeChangeValue, Y = R.mask, te = R.replacement, ge = R.separate, Ae = Tr(K, { mask: Y, replacement: te }).filter(function(Ie) {
+        var Q, S, k, W = R.inputType, K = R.value, oe = R.addedValue, ee = R.beforeChangeValue, Y = R.mask, te = R.replacement, ge = R.separate, Ae = Tr(K, { mask: Y, replacement: te }).filter(function(Ie) {
           var Vn = Ie.type;
           return Vn === "input" || ge && Vn === "replacement";
         }), le = (Q = Ae[ee.length + oe.length - 1]) === null || Q === void 0 ? void 0 : Q.index, se = (S = Ae[ee.length - 1]) === null || S === void 0 ? void 0 : S.index, me = (k = Ae[ee.length + oe.length]) === null || k === void 0 ? void 0 : k.index;
-        if (N === "insert") {
+        if (W === "insert") {
           if (le !== void 0) return le + 1;
           if (me !== void 0) return me;
           if (se !== void 0) return se + 1;
         }
-        if (N === "deleteForward") {
+        if (W === "deleteForward") {
           if (me !== void 0) return me;
           if (se !== void 0) return se + 1;
         }
-        if (N === "deleteBackward") {
+        if (W === "deleteBackward") {
           if (se !== void 0) return se + 1;
           if (me !== void 0) return me;
         }
@@ -5136,7 +5136,7 @@ const lt = {
   classNames: u,
   ...s
 }) => {
-  const c = $a(lt), [h, A] = W(
+  const c = $a(lt), [h, A] = N(
     () => Me(String(e), lt)
   );
   qt(() => {
@@ -5196,60 +5196,61 @@ const lt = {
   ({
     title: e,
     data: r,
-    statusValue: t,
-    flatType: n,
-    statusOptions: o,
-    actions: i = null,
-    className: d,
-    ...l
-  }, u) => {
-    const [s, c] = W(t || ""), h = l.disabled || !1, A = De.base, g = De.pressed, q = De.hover, v = De.disabled, x = De.content;
+    statusValue: t = "",
+    onStatusChange: n = () => "",
+    flatType: o,
+    statusOptions: i,
+    actions: d = null,
+    className: l,
+    ...u
+  }, s) => {
+    const c = u.disabled || !1, h = De.base, A = De.pressed, g = De.hover, q = De.disabled, v = De.content;
     return /* @__PURE__ */ a.jsxs(
       el,
       {
-        ref: u,
+        ref: s,
         className: f(
+          h,
           A,
-          g,
-          !h && q,
-          h && v,
-          d
+          !c && g,
+          c && q,
+          l
         ),
-        ...l,
+        ...u,
         children: [
-          /* @__PURE__ */ a.jsxs("div", { className: x.header, "data-testid": "plate", children: [
+          /* @__PURE__ */ a.jsxs("div", { className: v.header, "data-testid": "plate", children: [
             /* @__PURE__ */ a.jsx(
               w,
               {
                 className: f(
-                  x.title,
-                  h && x.disabled
+                  v.title,
+                  c && v.disabled
                 ),
                 children: e
               }
             ),
-            /* @__PURE__ */ a.jsxs("div", { className: x.actions, children: [
-              !!o && /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsxs("div", { className: v.actions, children: [
+              !!i && /* @__PURE__ */ a.jsx(
                 Lr,
                 {
-                  options: o,
-                  value: s,
-                  onChange: c,
-                  disabled: h
+                  options: i,
+                  value: t,
+                  onChange: n,
+                  disabled: c
                 }
               ),
-              !!i && /* @__PURE__ */ a.jsxs(Ee, { children: [
-                /* @__PURE__ */ a.jsx(Re, { onClick: (m) => m.stopPropagation(), asChild: !0, children: /* @__PURE__ */ a.jsx(
+              !!d && /* @__PURE__ */ a.jsxs(Ee, { children: [
+                /* @__PURE__ */ a.jsx(Re, { onClick: (x) => x.stopPropagation(), asChild: !0, children: /* @__PURE__ */ a.jsx(
                   z,
                   {
                     variant: "text",
                     classNames: {
-                      base: x.button
+                      base: v.button
                     },
                     children: /* @__PURE__ */ a.jsx(
                       bo,
                       {
-                        className: x.icon,
+                        className: v.icon,
                         width: 15,
                         height: 15,
                         viewBox: "0 0 6 24"
@@ -5257,34 +5258,34 @@ const lt = {
                     )
                   }
                 ) }),
-                /* @__PURE__ */ a.jsx(Ce, { className: x.popup, children: i })
+                /* @__PURE__ */ a.jsx(Ce, { className: v.popup, children: d })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ a.jsx("div", { className: x.flatType, children: !!n && /* @__PURE__ */ a.jsx(ct, { text: n, variant: "warning" }) }),
-          /* @__PURE__ */ a.jsx("div", { className: x.flexWrapper, children: r.map((m) => /* @__PURE__ */ a.jsxs(w, { className: x.typography, children: [
-            m.label,
+          /* @__PURE__ */ a.jsx("div", { className: v.flatType, children: !!o && /* @__PURE__ */ a.jsx(ct, { text: o, variant: "warning" }) }),
+          /* @__PURE__ */ a.jsx("div", { className: v.flexWrapper, children: r.map((x) => /* @__PURE__ */ a.jsxs(w, { className: v.typography, children: [
+            x.label,
             ":",
-            m.href ? /* @__PURE__ */ a.jsx(
+            x.href ? /* @__PURE__ */ a.jsx(
               Rt,
               {
                 weight: "font-semibold",
                 isIconVisible: !1,
-                href: m.href,
-                className: x.link,
-                children: m.value
+                href: x.href,
+                className: v.link,
+                children: x.value
               }
             ) : /* @__PURE__ */ a.jsx(
               "span",
               {
                 className: f(
-                  x.amount,
-                  h && x.disabled
+                  v.amount,
+                  c && v.disabled
                 ),
-                children: m.value
+                children: x.value
               }
             )
-          ] }, m.value)) })
+          ] }, x.value)) })
         ]
       }
     );
@@ -5301,7 +5302,7 @@ const lt = {
     flatType: "flex flex-s mb-2.5",
     link: "inline bg-gray-40 rounded-xl pb-1.5 pt-1 px-3 text-dark-10",
     flexWrapper: "flex flex-col gap-1",
-    typography: "text-sm text-dark-10/[.40] text-start font-medium",
+    typography: "text-sm text-dark-10/[.40] text-start font-medium flex gap-1",
     button: "p-0 flex items-center justify-center",
     icon: "fill-secondary-10/[.40]",
     popup: "flex flex-col px-3 py-2 w-auto items-start gap-2.5",
@@ -5573,7 +5574,7 @@ const lt = {
   label: n,
   classNames: o
 }) => {
-  const [i, d] = W(e || /* @__PURE__ */ new Date()), l = ve(null), u = [
+  const [i, d] = N(e || /* @__PURE__ */ new Date()), l = ve(null), u = [
     "Январь",
     "Февраль",
     "Март",
@@ -6096,7 +6097,7 @@ const lt = {
     value: i
   }, d) => {
     var E;
-    const [l, u] = W(!1), c = _t(n)(i), h = ve(null), A = Le.base, g = Le.options, q = Le.disabled.trigger, v = Le.disabled.triggerText, x = (E = n.find((V) => V.value === i)) == null ? void 0 : E.status, m = ({
+    const [l, u] = N(!1), c = _t(n)(i), h = ve(null), A = Le.base, g = Le.options, q = Le.disabled.trigger, v = Le.disabled.triggerText, x = (E = n.find((V) => V.value === i)) == null ? void 0 : E.status, m = ({
       className: V,
       text: C = ""
     }) => /* @__PURE__ */ a.jsx(
@@ -6591,7 +6592,7 @@ const al = {
   value: "text-sm text-dark-30 font-semibold"
 }, ll = qe(
   ({ classNames: e, disabled: r, onChange: t, placeholder: n = "Choose", value: o, label: i }, d) => {
-    const [l, u] = W(!1), [s, c] = W([]), [h, A] = W(""), [g, q] = W(""), [v, x] = W(null), E = _t(s)(o), V = Ge.base, C = Ge.options, I = Ge.disabled.trigger, j = Ge.disabled.triggerText, P = ({
+    const [l, u] = N(!1), [s, c] = N([]), [h, A] = N(""), [g, q] = N(""), [v, x] = N(null), E = _t(s)(o), V = Ge.base, C = Ge.options, I = Ge.disabled.trigger, j = Ge.disabled.triggerText, P = ({
       className: b,
       text: R = ""
     }) => /* @__PURE__ */ a.jsx(
@@ -7004,7 +7005,7 @@ const Ge = {
   onSelectChat: r,
   classNames: t
 }) => {
-  const [n, o] = W(null), [i, d] = W(""), l = (u) => {
+  const [n, o] = N(null), [i, d] = N(""), l = (u) => {
     o(u), r == null || r(u);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: f(Sn.wrapper, t == null ? void 0 : t.wrapper), children: [
@@ -7241,7 +7242,7 @@ const Ge = {
     text: "Удалить"
   }
 ], _l = ({ trigger: e, onClick: r }) => {
-  const [t, n] = W(!1), o = (c) => {
+  const [t, n] = N(!1), o = (c) => {
     c.preventDefault(), n(!0);
   }, i = (c) => {
     r(c), n(!1);

package/lib/src/molecules/Plate/Plate.types.d.ts

@@ -29,6 +29,7 @@ export type PlateProps = {
     className?: string;
     data: PlateDataTypes[];
     statusValue?: string;
+    onStatusChange?: (status: string) => void;
     actions?: React.ReactNode;
     flatType?: string;
     statusOptions?: StatusSelectOptionsType[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namuna-nur/ui-kit",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "UI Kit for Namuna NUR",
   "type": "module",
   "main": "lib/index.js",