mimir-ui-kit 1.37.4 → 1.37.5

package/dist/components/Accordion/Accordion.d.ts

@@ -1,6 +1,10 @@
 import { ReactNode } from 'react';
 import { EAccordionButtonStyle, EAccordionButtonType, EAccordionIconType, EAccordionSize } from './constants';
 
+type TChildrenProps = {
+    open?: boolean;
+    close?: () => void;
+};
 export type TProps = {
     /** Заголовок аккордеона */
     title: string;
@@ -28,9 +32,12 @@ export type TProps = {
     onlyOpenSubtitleNode?: ReactNode;
     /** Дополнительный класс для контейнера subtitle */
     classNameSubtitleContainer?: string;
+    /** Дополнительный класс для аккордиона с типом link */
+    linkClassName?: string;
     /** Флаг, указывающий, отключен ли аккордеон. */
     disabled?: boolean;
+    /** Контент аккордеона. */
+    children?: ReactNode | ((props: TChildrenProps) => ReactNode);
 };
-export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & {
-    children?: ReactNode | undefined;
-} & import('react').RefAttributes<HTMLElement>>;
+export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
+export {};

package/dist/components/Accordion/Accordion.js

@@ -1,28 +1,28 @@
-import { jsxs as x, Fragment as X, jsx as v } from "react/jsx-runtime";
-import { c as D } from "../../index-DIxK0V-G.js";
-import S, { createContext as F, useRef as oe, Fragment as ne, useReducer as de, useMemo as R, useId as re, useEffect as le, useState as se, useContext as L, forwardRef as pe } from "react";
+import { jsxs as A, Fragment as L, jsx as b } from "react/jsx-runtime";
+import { c as $ } from "../../index-DIxK0V-G.js";
+import v, { createContext as M, useRef as oe, Fragment as ne, useReducer as de, useMemo as O, useId as re, useEffect as le, useState as se, useContext as K, forwardRef as pe } from "react";
 import { AccordionItem as me } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType as w, EAccordionSize as O, EAccordionLinkIconSize as G, EAccordionButtonStyle as fe, EAccordionIconType as J, EAccordionButtonIconSize as Y } from "./constants.js";
+import { EAccordionButtonType as T, EAccordionSize as x, EAccordionLinkIconSize as G, EAccordionButtonStyle as fe, EAccordionIconType as J, EAccordionButtonIconSize as Y } from "./constants.js";
 import { useMediaQuery as _e } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
-import { Icon as ke } from "../../icons/Icon.js";
-import { Link as Se } from "../AnchorLink/Link.js";
-import { M as Z, W as K, y as U, T as Ie, o as $, a as q, H as j, I as ae, $ as be, b as ve, D as ee, u as he, c as N } from "../../keyboard-B0lm_zyn.js";
-import { w as ye } from "../../use-active-press-86hajhdd.js";
+import { Icon as Se } from "../../icons/Icon.js";
+import { Link as ke } from "../AnchorLink/Link.js";
+import { M as Z, W as U, y as q, T as Ie, o as P, a as j, H as W, I as ae, $ as be, b as ve, D as ee, u as ye, c as w } from "../../keyboard-B0lm_zyn.js";
+import { w as he } from "../../use-active-press-86hajhdd.js";
 import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { c as $e, i as M, u as Pe, R as ge, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
+import { c as $e, i as R, u as Pe, R as ge, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
 import { r as Ne } from "../../bugs-diTMAGNw.js";
-import '../../assets/Accordion.css';let Ce = F(() => {
+import '../../assets/Accordion.css';let Be = M(() => {
 });
-function Be({ value: e, children: t }) {
-  return S.createElement(Ce.Provider, { value: e }, t);
+function Ce({ value: e, children: t }) {
+  return v.createElement(Be.Provider, { value: e }, t);
 }
 var te;
-let Ae = (te = S.startTransition) != null ? te : function(e) {
+let Ae = (te = v.startTransition) != null ? te : function(e) {
   e();
 };
 var xe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(xe || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(Oe || {});
-let Re = { 0: (e) => ({ ...e, disclosureState: q(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
+let Re = { 0: (e) => ({ ...e, disclosureState: j(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
   return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
 }, 3(e, t) {
   return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
@@ -30,98 +30,98 @@ let Re = { 0: (e) => ({ ...e, disclosureState: q(e.disclosureState, { 0: 1, 1: 0
   return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
 }, 5(e, t) {
   return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
-} }, W = F(null);
-W.displayName = "DisclosureContext";
-function Q(e) {
-  let t = L(W);
+} }, Q = M(null);
+Q.displayName = "DisclosureContext";
+function V(e) {
+  let t = K(Q);
   if (t === null) {
-    let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(a, Q), a;
+    let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(i, V), i;
   }
   return t;
 }
-let V = F(null);
-V.displayName = "DisclosureAPIContext";
+let z = M(null);
+z.displayName = "DisclosureAPIContext";
 function ce(e) {
-  let t = L(V);
+  let t = K(z);
   if (t === null) {
-    let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(a, ce), a;
+    let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(i, ce), i;
   }
   return t;
 }
-let z = F(null);
-z.displayName = "DisclosurePanelContext";
+let X = M(null);
+X.displayName = "DisclosurePanelContext";
 function Me() {
-  return L(z);
+  return K(X);
 }
 function Fe(e, t) {
-  return q(t.type, Re, e, t);
+  return j(t.type, Re, e, t);
 }
 let He = ne;
 function Le(e, t) {
-  let { defaultOpen: a = !1, ...d } = e, n = oe(null), p = U(t, Ie((c) => {
-    n.current = c;
-  }, e.as === void 0 || e.as === ne)), m = de(Fe, { disclosureState: a ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, k] = m, l = $((c) => {
-    k({ type: 1 });
-    let E = he(n);
-    if (!E || !r) return;
-    let u = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : E.getElementById(r) : E.getElementById(r);
-    u == null || u.focus();
-  }), I = R(() => ({ close: l }), [l]), f = R(() => ({ open: o === 0, close: l }), [o, l]), _ = { ref: p };
-  return S.createElement(W.Provider, { value: m }, S.createElement(V.Provider, { value: I }, S.createElement(Be, { value: l }, S.createElement($e, { value: q(o, { 0: M.Open, 1: M.Closed }) }, j({ ourProps: _, theirProps: d, slot: f, defaultTag: He, name: "Disclosure" })))));
+  let { defaultOpen: i = !1, ...d } = e, s = oe(null), a = q(t, Ie((c) => {
+    s.current = c;
+  }, e.as === void 0 || e.as === ne)), p = de(Fe, { disclosureState: i ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, S] = p, l = P((c) => {
+    S({ type: 1 });
+    let f = ye(s);
+    if (!f || !r) return;
+    let _ = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : f.getElementById(r) : f.getElementById(r);
+    _ == null || _.focus();
+  }), y = O(() => ({ close: l }), [l]), k = O(() => ({ open: o === 0, close: l }), [o, l]), m = { ref: a };
+  return v.createElement(Q.Provider, { value: p }, v.createElement(z.Provider, { value: y }, v.createElement(Ce, { value: l }, v.createElement($e, { value: j(o, { 0: R.Open, 1: R.Closed }) }, W({ ourProps: m, theirProps: d, slot: k, defaultTag: He, name: "Disclosure" })))));
 }
 let Ke = "button";
 function Ue(e, t) {
-  let a = re(), { id: d = `headlessui-disclosure-button-${a}`, disabled: n = !1, autoFocus: p = !1, ...m } = e, [o, r] = Q("Disclosure.Button"), k = Me(), l = k === null ? !1 : k === o.panelId, I = oe(null), f = U(I, t, $((s) => {
-    if (!l) return r({ type: 4, element: s });
-  })), _ = ae();
+  let i = re(), { id: d = `headlessui-disclosure-button-${i}`, disabled: s = !1, autoFocus: a = !1, ...p } = e, [o, r] = V("Disclosure.Button"), S = Me(), l = S === null ? !1 : S === o.panelId, y = oe(null), k = q(y, t, P((n) => {
+    if (!l) return r({ type: 4, element: n });
+  })), m = ae();
   le(() => {
     if (!l) return r({ type: 2, buttonId: d }), () => {
       r({ type: 2, buttonId: null });
     };
   }, [d, r, l]);
-  let c = $((s) => {
-    var T;
+  let c = P((n) => {
+    var E;
     if (l) {
       if (o.disclosureState === 1) return;
-      switch (s.key) {
-        case N.Space:
-        case N.Enter:
-          s.preventDefault(), s.stopPropagation(), r({ type: 0 }), (T = o.buttonElement) == null || T.focus();
+      switch (n.key) {
+        case w.Space:
+        case w.Enter:
+          n.preventDefault(), n.stopPropagation(), r({ type: 0 }), (E = o.buttonElement) == null || E.focus();
           break;
       }
-    } else switch (s.key) {
-      case N.Space:
-      case N.Enter:
-        s.preventDefault(), s.stopPropagation(), r({ type: 0 });
+    } else switch (n.key) {
+      case w.Space:
+      case w.Enter:
+        n.preventDefault(), n.stopPropagation(), r({ type: 0 });
         break;
     }
-  }), E = $((s) => {
-    switch (s.key) {
-      case N.Space:
-        s.preventDefault();
+  }), f = P((n) => {
+    switch (n.key) {
+      case w.Space:
+        n.preventDefault();
         break;
     }
-  }), u = $((s) => {
-    var T;
-    Ne(s.currentTarget) || n || (l ? (r({ type: 0 }), (T = o.buttonElement) == null || T.focus()) : r({ type: 0 }));
-  }), { isFocusVisible: h, focusProps: y } = be({ autoFocus: p }), { isHovered: b, hoverProps: P } = ve({ isDisabled: n }), { pressed: C, pressProps: B } = ye({ disabled: n }), H = R(() => ({ open: o.disclosureState === 0, hover: b, active: C, disabled: n, focus: h, autofocus: p }), [o, b, C, h, n, p]), A = De(e, o.buttonElement), g = l ? ee({ ref: f, type: A, disabled: n || void 0, autoFocus: p, onKeyDown: c, onClick: u }, y, P, B) : ee({ ref: f, id: d, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: n || void 0, autoFocus: p, onKeyDown: c, onKeyUp: E, onClick: u }, y, P, B);
-  return j({ mergeRefs: _, ourProps: g, theirProps: m, slot: H, defaultTag: Ke, name: "Disclosure.Button" });
+  }), _ = P((n) => {
+    var E;
+    Ne(n.currentTarget) || s || (l ? (r({ type: 0 }), (E = o.buttonElement) == null || E.focus()) : r({ type: 0 }));
+  }), { isFocusVisible: h, focusProps: D } = be({ autoFocus: a }), { isHovered: N, hoverProps: I } = ve({ isDisabled: s }), { pressed: g, pressProps: B } = he({ disabled: s }), F = O(() => ({ open: o.disclosureState === 0, hover: N, active: g, disabled: s, focus: h, autofocus: a }), [o, N, g, h, s, a]), C = De(e, o.buttonElement), H = l ? ee({ ref: k, type: C, disabled: s || void 0, autoFocus: a, onKeyDown: c, onClick: _ }, D, I, B) : ee({ ref: k, id: d, type: C, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: s || void 0, autoFocus: a, onKeyDown: c, onKeyUp: f, onClick: _ }, D, I, B);
+  return W({ mergeRefs: m, ourProps: H, theirProps: p, slot: F, defaultTag: Ke, name: "Disclosure.Button" });
 }
 let qe = "div", je = Z.RenderStrategy | Z.Static;
 function We(e, t) {
-  let a = re(), { id: d = `headlessui-disclosure-panel-${a}`, transition: n = !1, ...p } = e, [m, o] = Q("Disclosure.Panel"), { close: r } = ce("Disclosure.Panel"), k = ae(), [l, I] = se(null), f = U(t, $((y) => {
-    Ae(() => o({ type: 5, element: y }));
-  }), I);
+  let i = re(), { id: d = `headlessui-disclosure-panel-${i}`, transition: s = !1, ...a } = e, [p, o] = V("Disclosure.Panel"), { close: r } = ce("Disclosure.Panel"), S = ae(), [l, y] = se(null), k = q(t, P((D) => {
+    Ae(() => o({ type: 5, element: D }));
+  }), y);
   le(() => (o({ type: 3, panelId: d }), () => {
     o({ type: 3, panelId: null });
   }), [d, o]);
-  let _ = Pe(), [c, E] = ge(n, l, _ !== null ? (_ & M.Open) === M.Open : m.disclosureState === 0), u = R(() => ({ open: m.disclosureState === 0, close: r }), [m.disclosureState, r]), h = { ref: f, id: d, ...Te(E) };
-  return S.createElement(we, null, S.createElement(z.Provider, { value: m.panelId }, j({ mergeRefs: k, ourProps: h, theirProps: p, slot: u, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
+  let m = Pe(), [c, f] = ge(s, l, m !== null ? (m & R.Open) === R.Open : p.disclosureState === 0), _ = O(() => ({ open: p.disclosureState === 0, close: r }), [p.disclosureState, r]), h = { ref: k, id: d, ...Te(f) };
+  return v.createElement(we, null, v.createElement(X.Provider, { value: p.panelId }, W({ mergeRefs: S, ourProps: h, theirProps: a, slot: _, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
 }
-let Qe = K(Le), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
-const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", ot = "_open_1k9to_80", nt = "_m_1k9to_106", rt = "_s_1k9to_53", i = {
+let Qe = U(Le), ie = U(Ue), ue = U(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
+const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", ot = "_open_1k9to_80", nt = "_m_1k9to_106", rt = "_s_1k9to_53", u = {
   accordion: ze,
   "is-link": "_is-link_1k9to_9",
   header: Xe,
@@ -142,67 +142,68 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
   ({
     title: e,
     disabled: t,
-    buttonType: a = w.BUTTON,
+    buttonType: i = T.BUTTON,
     children: d,
-    size: n = O.M,
+    linkClassName: s,
+    size: a = x.M,
     titleUppercase: p,
-    buttonStyle: m = fe.CIRCLE,
-    iconType: o = J.ARROW,
-    classNameTitle: r,
-    classNameContent: k,
-    classNameAccordion: l,
-    classNameIconButton: I,
-    subtitleNode: f,
-    onlyOpenSubtitleNode: _,
-    classNameSubtitleContainer: c
-  }, E) => {
-    const [u, h] = se(!1), y = _e(Ee.XS1), b = a === w.LINK, P = {
-      [i["is-link"]]: b
-    }, C = () => {
-      t || h((g) => !g);
-    }, B = n === O.S ? G.S : G.M, H = {
+    buttonStyle: o = fe.CIRCLE,
+    iconType: r = J.ARROW,
+    classNameTitle: S,
+    classNameContent: l,
+    classNameAccordion: y,
+    classNameIconButton: k,
+    subtitleNode: m,
+    onlyOpenSubtitleNode: c,
+    classNameSubtitleContainer: f
+  }, _) => {
+    const [h, D] = se(!1), N = _e(Ee.XS1), I = i === T.LINK, g = {
+      [u["is-link"]]: I
+    }, B = () => {
+      t || D((n) => !n);
+    }, F = a === x.S ? G.S : G.M, C = {
       variant: "anchor",
-      size: y ? "s" : "l",
+      size: N ? "s" : "l",
       rightIcon: {
-        iconName: B,
-        className: D({
-          [i["link-open"]]: u
+        iconName: F,
+        className: $({
+          [u["link-open"]]: h
         })
       }
-    }, A = (g) => {
-      const s = () => o === J.DROPDOWN ? n === O.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : n === O.S ? Y.S : Y.M;
-      switch (a) {
-        case w.LINK:
+    }, H = (n) => {
+      const E = () => r === J.DROPDOWN ? a === x.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === x.S ? Y.S : Y.M;
+      switch (i) {
+        case T.LINK:
           return e;
-        case w.BUTTON:
-          return /* @__PURE__ */ x(X, { children: [
-            /* @__PURE__ */ v(
+        case T.BUTTON:
+          return /* @__PURE__ */ A(L, { children: [
+            /* @__PURE__ */ b(
               "span",
               {
-                className: D(
-                  i.title,
-                  r,
-                  p && i["title-uppercase"]
+                className: $(
+                  u.title,
+                  S,
+                  p && u["title-uppercase"]
                 ),
                 children: e
               }
             ),
-            /* @__PURE__ */ v(
+            /* @__PURE__ */ b(
               "div",
               {
-                className: D(
-                  i["icon-container"],
-                  g && i.open,
-                  t && i.disabled,
-                  i[m],
-                  I
+                className: $(
+                  u["icon-container"],
+                  n && u.open,
+                  t && u.disabled,
+                  u[o],
+                  k
                 ),
                 "data-testid": "accordion-icon-container",
-                children: /* @__PURE__ */ v(
-                  ke,
+                children: /* @__PURE__ */ b(
+                  Se,
                   {
-                    iconName: s(),
-                    className: i.icon,
+                    iconName: E(),
+                    className: u.icon,
                     "data-testid": "accordion-icon"
                   }
                 )
@@ -213,49 +214,53 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
           return null;
       }
     };
-    return /* @__PURE__ */ x(X, { children: [
-      /* @__PURE__ */ v(
+    return /* @__PURE__ */ A(L, { children: [
+      /* @__PURE__ */ b(
         "div",
         {
-          className: D(
-            i.accordion,
-            i[n],
-            P,
-            l
+          className: $(
+            u.accordion,
+            u[a],
+            g,
+            y
           ),
-          children: /* @__PURE__ */ x(Ve, { ref: E, children: [
-            /* @__PURE__ */ v(
+          children: /* @__PURE__ */ b(Ve, { ref: _, children: ({ open: n, close: E }) => /* @__PURE__ */ A(L, { children: [
+            /* @__PURE__ */ b(
               ie,
               {
                 disabled: t,
-                as: b ? Se : w.BUTTON,
-                onClick: C,
-                className: D({
-                  [i.header]: !b,
-                  [i.disabled]: t
+                as: I ? ke : T.BUTTON,
+                onClick: B,
+                className: $({
+                  [u.header]: !I,
+                  [u.disabled]: t,
+                  [s ?? ""]: I && s
                 }),
-                ...b ? H : {},
-                children: A(u)
+                ...I ? C : {},
+                children: H(n)
               }
             ),
-            u && /* @__PURE__ */ v(
+            n && /* @__PURE__ */ b(
               ue,
               {
                 "data-testid": "accordion-panel",
-                className: D(
-                  i.panel,
-                  k,
-                  P
+                className: $(
+                  u.panel,
+                  l,
+                  g
                 ),
-                children: /* @__PURE__ */ v(me, { size: n, children: d })
+                children: /* @__PURE__ */ b(me, { size: a, children: typeof d == "function" ? d({
+                  open: n,
+                  close: E
+                }) : d })
               }
             )
-          ] })
+          ] }) })
         }
       ),
-      (f || _) && /* @__PURE__ */ x("div", { className: c, children: [
-        f,
-        u && _
+      (m || c) && /* @__PURE__ */ A("div", { className: f, children: [
+        m,
+        h && c
       ] })
     ] });
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.37.4",
+  "version": "1.37.5",
   "type": "module",
   "exports": {
     ".": {