mimir-ui-kit 1.35.2 → 1.35.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -1 +1 @@
1
- ._input_1uohj_2{padding-right:var(--mimir-space-3xl)}._input-wrapper_1uohj_6{flex:1}._date-wrapper_1uohj_10{position:relative;width:100%}._date-wrapper_1uohj_10 ._inputBorderControl_1uohj_14{border:transparent}._date-wrapper_1uohj_10:hover ._input-wrapper_1uohj_6{background-color:var(--input-bg-color-hover)}._date-wrapper_1uohj_10:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._date-wrapper_1uohj_10._editable_1uohj_27:before{display:none}._date-wrapper_1uohj_10 svg{cursor:pointer}[data-disabled=true] ._date-wrapper_1uohj_10:before{cursor:auto}[data-disabled=true] ._date-wrapper_1uohj_10 ._input-wrapper_1uohj_6{background:var(--black-20)}[data-disabled=true] ._date-wrapper_1uohj_10 ._input-wrapper_1uohj_6 label,[data-disabled=true] ._date-wrapper_1uohj_10 ._input-wrapper_1uohj_6 input{color:var(--white)}[data-disabled=true] ._button-wrapper_1uohj_44 svg{color:var(--white);cursor:default;fill:var(--white)}._wrapper_1uohj_50{position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._wrapper_1uohj_50._active_1uohj_56{border-bottom:1px solid var(--citrine-100)}._button-wrapper_1uohj_44{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1uohj_44{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._field-overlow_1uohj_78{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3}._calendar-block_1uohj_84{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:16px;font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);font-style:normal;line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_1uohj_84 ._h_1uohj_107{display:flex;width:100%;color:var(--black-100)}._calendar-block_1uohj_84 ._b_1uohj_44{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_1uohj_84 ._d_1uohj_10{display:flex;flex:1;gap:4px;align-items:center;justify-content:center;color:var(--black-100);cursor:pointer}._calendar-block_1uohj_84 ._m_1uohj_128,._calendar-block_1uohj_84 ._a_1uohj_56,._calendar-block_1uohj_84 ._prev_1uohj_130{width:auto;height:48px;overflow:hidden}._calendar-block_1uohj_84 ._m_1uohj_128{display:flex;align-items:center;justify-content:center;color:var(--disabled)}._calendar-block_1uohj_84 ._m_1uohj_128 b{font-weight:var(--mimir-font-weight-text-regular)}._calendar-block_1uohj_84 ._orange_1uohj_146{color:var(--citrine-100)}._calendar-block_1uohj_84 ._a_1uohj_56{color:var(--black-100);border-radius:var(--mimir-control-radius-s)}._calendar-block_1uohj_84 ._a_1uohj_56 b{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:var(--mimir-font-weight-text-regular);cursor:pointer}._calendar-block_1uohj_84 ._a_1uohj_56 b:hover{background:var(--black-10)}._calendar-block_1uohj_84 ._a_1uohj_56 b:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_1uohj_84 ._current_1uohj_171{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_1uohj_84 ._monthGrid_1uohj_176{display:grid;grid-template-columns:repeat(3,1fr)}
1
+ ._input_yyf2c_2{padding-right:var(--mimir-space-3xl)}._input-wrapper_yyf2c_6{flex:1}._date-wrapper_yyf2c_10{position:relative;width:100%}._date-wrapper_yyf2c_10 ._inputBorderControl_yyf2c_14{border:transparent}._date-wrapper_yyf2c_10:hover ._input-wrapper_yyf2c_6{background-color:var(--input-bg-color-hover)}._date-wrapper_yyf2c_10:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._date-wrapper_yyf2c_10._editable_yyf2c_27:before{display:none}._date-wrapper_yyf2c_10 svg{cursor:pointer}[data-disabled=true] ._date-wrapper_yyf2c_10:before{cursor:auto}[data-disabled=true] ._date-wrapper_yyf2c_10 ._input-wrapper_yyf2c_6{background:var(--black-20)}[data-disabled=true] ._date-wrapper_yyf2c_10 ._input-wrapper_yyf2c_6 label,[data-disabled=true] ._date-wrapper_yyf2c_10 ._input-wrapper_yyf2c_6 input{color:var(--white)}[data-disabled=true] ._button-wrapper_yyf2c_44 svg{color:var(--white);cursor:default;fill:var(--white)}._wrapper_yyf2c_50{position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._wrapper_yyf2c_50._active_yyf2c_56{border-bottom:1px solid var(--citrine-100)}._button-wrapper_yyf2c_44{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_yyf2c_44{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_yyf2c_78{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_yyf2c_78 ._h_yyf2c_100{display:flex;width:100%;color:var(--black-100)}._calendar-block_yyf2c_78 ._b_yyf2c_44{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_yyf2c_78 ._d_yyf2c_10{display:flex;flex:1;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_yyf2c_78 ._m_yyf2c_122,._calendar-block_yyf2c_78 ._a_yyf2c_56,._calendar-block_yyf2c_78 ._prev_yyf2c_124{width:auto;height:48px;overflow:hidden}._calendar-block_yyf2c_78 ._m_yyf2c_122{display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_yyf2c_78 ._orange_yyf2c_138{color:var(--citrine-100)}._calendar-block_yyf2c_78 ._a_yyf2c_56{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_yyf2c_78 ._a_yyf2c_56:hover{background:var(--black-10)}._calendar-block_yyf2c_78 ._a_yyf2c_56:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_yyf2c_78 ._current_yyf2c_155{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_yyf2c_78 ._monthGrid_yyf2c_160{display:grid;grid-template-columns:repeat(3,1fr)}
@@ -4,8 +4,6 @@ import { EAccordionButtonStyle, EAccordionButtonType, EAccordionIconType, EAccor
4
4
  export type TProps = {
5
5
  /** Заголовок аккордеона */
6
6
  title: string;
7
- /** Содержимое аккордеона */
8
- children: ReactNode;
9
7
  /** Размер аккордеона */
10
8
  size?: EAccordionSize | `${EAccordionSize}`;
11
9
  /** Преобразование заголовка в верхний регистр */
@@ -30,5 +28,9 @@ export type TProps = {
30
28
  onlyOpenSubtitleNode?: ReactNode;
31
29
  /** Дополнительный класс для контейнера subtitle */
32
30
  classNameSubtitleContainer?: string;
31
+ /** Флаг, указывающий, отключен ли аккордеон. */
32
+ disabled?: boolean;
33
33
  };
34
- export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
34
+ export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & {
35
+ children?: ReactNode | undefined;
36
+ } & import('react').RefAttributes<HTMLElement>>;
@@ -1,24 +1,24 @@
1
- import { jsxs as R, Fragment as X, jsx as P } from "react/jsx-runtime";
2
- import { c as E } from "../../index-DIxK0V-G.js";
3
- import h, { createContext as F, useRef as B, Fragment as U, useReducer as ue, useMemo as x, useId as oe, useEffect as re, useContext as H, forwardRef as de, useState as pe } from "react";
1
+ import { jsxs as A, Fragment as X, jsx as h } from "react/jsx-runtime";
2
+ import { c as D } from "../../index-DIxK0V-G.js";
3
+ import k, { createContext as F, useRef as O, Fragment as oe, useReducer as ue, useMemo as M, useId as re, useEffect as le, useContext as H, forwardRef as de, useState as pe } from "react";
4
4
  import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
5
- import { EAccordionButtonType as C, EAccordionSize as A, EAccordionButtonStyle as me, EAccordionIconType as J, EAccordionLinkIconSize as Y, EAccordionButtonIconSize as Z } from "./constants.js";
5
+ import { EAccordionButtonType as T, EAccordionSize as B, EAccordionLinkIconSize as J, EAccordionButtonStyle as me, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
6
6
  import { useMediaQuery as _e } from "../../hooks/useMediaQuery/useMediaQuery.js";
7
7
  import { EMediaQuery as Ie } from "../../hooks/useMediaQuery/constants.js";
8
- import { Icon as Se } from "../../icons/Icon.js";
9
- import { Link as Pe } from "../AnchorLink/Link.js";
10
- import { M as ee, W as q, y as K, T as ke, o as O, a as V, H as W, I as le, $ as ve, b as he, D as ne, u as ye, c as g } from "../../keyboard-B0lm_zyn.js";
11
- import { w as Ee } from "../../use-active-press-86hajhdd.js";
12
- import { T as be } from "../../use-resolve-button-type-BAxjHhds.js";
13
- import { c as De, i as M, u as $e, V as ge, A as Te, s as we } from "../../open-closed-Cy6VDfYc.js";
8
+ import { Icon as Pe } from "../../icons/Icon.js";
9
+ import { Link as Se } from "../AnchorLink/Link.js";
10
+ import { M as ee, W as K, y as q, T as ke, o as x, a as V, H as W, I as se, $ as ve, b as ye, D as ne, u as Ee, c as w } from "../../keyboard-B0lm_zyn.js";
11
+ import { w as he } from "../../use-active-press-86hajhdd.js";
12
+ import { T as De } from "../../use-resolve-button-type-BAxjHhds.js";
13
+ import { c as $e, i as L, u as be, V as ge, A as Te, s as we } from "../../open-closed-Cy6VDfYc.js";
14
14
  import { r as Ne } from "../../bugs-diTMAGNw.js";
15
15
  import '../../assets/Accordion.css';let Re = F(() => {
16
16
  });
17
17
  function Ce({ value: e, children: n }) {
18
- return h.createElement(Re.Provider, { value: e }, n);
18
+ return k.createElement(Re.Provider, { value: e }, n);
19
19
  }
20
20
  var te;
21
- let Ae = (te = h.startTransition) != null ? te : function(e) {
21
+ let Ae = (te = k.startTransition) != null ? te : function(e) {
22
22
  e();
23
23
  };
24
24
  var Be = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Be || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.LinkPanel = 4] = "LinkPanel", e[e.UnlinkPanel = 5] = "UnlinkPanel", e))(Oe || {});
@@ -35,18 +35,18 @@ j.displayName = "DisclosureContext";
35
35
  function Q(e) {
36
36
  let n = H(j);
37
37
  if (n === null) {
38
- let c = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
39
- throw Error.captureStackTrace && Error.captureStackTrace(c, Q), c;
38
+ let s = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
39
+ throw Error.captureStackTrace && Error.captureStackTrace(s, Q), s;
40
40
  }
41
41
  return n;
42
42
  }
43
43
  let z = F(null);
44
44
  z.displayName = "DisclosureAPIContext";
45
- function se(e) {
45
+ function ae(e) {
46
46
  let n = H(z);
47
47
  if (n === null) {
48
- let c = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
49
- throw Error.captureStackTrace && Error.captureStackTrace(c, se), c;
48
+ let s = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
49
+ throw Error.captureStackTrace && Error.captureStackTrace(s, ae), s;
50
50
  }
51
51
  return n;
52
52
  }
@@ -55,71 +55,71 @@ G.displayName = "DisclosurePanelContext";
55
55
  function Me() {
56
56
  return H(G);
57
57
  }
58
- function Fe(e, n) {
58
+ function Le(e, n) {
59
59
  return V(n.type, xe, e, n);
60
60
  }
61
- let Le = U;
61
+ let Fe = oe;
62
62
  function Ue(e, n) {
63
- let { defaultOpen: c = !1, ...o } = e, l = B(null), p = K(n, ke((a) => {
64
- l.current = a;
65
- }, e.as === void 0 || e.as === U)), d = B(null), t = B(null), r = ue(Fe, { disclosureState: c ? 0 : 1, linkedPanel: !1, buttonRef: t, panelRef: d, buttonId: null, panelId: null }), [{ disclosureState: m, buttonId: s }, _] = r, i = O((a) => {
63
+ let { defaultOpen: s = !1, ...p } = e, o = O(null), f = q(n, ke((r) => {
64
+ o.current = r;
65
+ }, e.as === void 0 || e.as === oe)), u = O(null), t = O(null), l = ue(Le, { disclosureState: s ? 0 : 1, linkedPanel: !1, buttonRef: t, panelRef: u, buttonId: null, panelId: null }), [{ disclosureState: m, buttonId: a }, _] = l, c = x((r) => {
66
66
  _({ type: 1 });
67
- let v = ye(l);
68
- if (!v || !s) return;
69
- let S = a ? a instanceof HTMLElement ? a : a.current instanceof HTMLElement ? a.current : v.getElementById(s) : v.getElementById(s);
70
- S == null || S.focus();
71
- }), y = x(() => ({ close: i }), [i]), k = x(() => ({ open: m === 0, close: i }), [m, i]), I = { ref: p };
72
- return h.createElement(j.Provider, { value: r }, h.createElement(z.Provider, { value: y }, h.createElement(Ce, { value: i }, h.createElement(De, { value: V(m, { 0: M.Open, 1: M.Closed }) }, W({ ourProps: I, theirProps: o, slot: k, defaultTag: Le, name: "Disclosure" })))));
67
+ let S = Ee(o);
68
+ if (!S || !a) return;
69
+ let y = r ? r instanceof HTMLElement ? r : r.current instanceof HTMLElement ? r.current : S.getElementById(a) : S.getElementById(a);
70
+ y == null || y.focus();
71
+ }), I = M(() => ({ close: c }), [c]), P = M(() => ({ open: m === 0, close: c }), [m, c]), v = { ref: f };
72
+ return k.createElement(j.Provider, { value: l }, k.createElement(z.Provider, { value: I }, k.createElement(Ce, { value: c }, k.createElement($e, { value: V(m, { 0: L.Open, 1: L.Closed }) }, W({ ourProps: v, theirProps: p, slot: P, defaultTag: Fe, name: "Disclosure" })))));
73
73
  }
74
74
  let He = "button";
75
- function qe(e, n) {
76
- let c = oe(), { id: o = `headlessui-disclosure-button-${c}`, disabled: l = !1, autoFocus: p = !1, ...d } = e, [t, r] = Q("Disclosure.Button"), m = Me(), s = m === null ? !1 : m === t.panelId, _ = B(null), i = K(_, n, s ? null : t.buttonRef), y = le();
77
- re(() => {
78
- if (!s) return r({ type: 2, buttonId: o }), () => {
79
- r({ type: 2, buttonId: null });
75
+ function Ke(e, n) {
76
+ let s = re(), { id: p = `headlessui-disclosure-button-${s}`, disabled: o = !1, autoFocus: f = !1, ...u } = e, [t, l] = Q("Disclosure.Button"), m = Me(), a = m === null ? !1 : m === t.panelId, _ = O(null), c = q(_, n, a ? null : t.buttonRef), I = se();
77
+ le(() => {
78
+ if (!a) return l({ type: 2, buttonId: p }), () => {
79
+ l({ type: 2, buttonId: null });
80
80
  };
81
- }, [o, r, s]);
82
- let k = O((f) => {
83
- var $;
84
- if (s) {
81
+ }, [p, l, a]);
82
+ let P = x((i) => {
83
+ var g;
84
+ if (a) {
85
85
  if (t.disclosureState === 1) return;
86
- switch (f.key) {
87
- case g.Space:
88
- case g.Enter:
89
- f.preventDefault(), f.stopPropagation(), r({ type: 0 }), ($ = t.buttonRef.current) == null || $.focus();
86
+ switch (i.key) {
87
+ case w.Space:
88
+ case w.Enter:
89
+ i.preventDefault(), i.stopPropagation(), l({ type: 0 }), (g = t.buttonRef.current) == null || g.focus();
90
90
  break;
91
91
  }
92
- } else switch (f.key) {
93
- case g.Space:
94
- case g.Enter:
95
- f.preventDefault(), f.stopPropagation(), r({ type: 0 });
92
+ } else switch (i.key) {
93
+ case w.Space:
94
+ case w.Enter:
95
+ i.preventDefault(), i.stopPropagation(), l({ type: 0 });
96
96
  break;
97
97
  }
98
- }), I = O((f) => {
99
- switch (f.key) {
100
- case g.Space:
101
- f.preventDefault();
98
+ }), v = x((i) => {
99
+ switch (i.key) {
100
+ case w.Space:
101
+ i.preventDefault();
102
102
  break;
103
103
  }
104
- }), a = O((f) => {
105
- var $;
106
- Ne(f.currentTarget) || l || (s ? (r({ type: 0 }), ($ = t.buttonRef.current) == null || $.focus()) : r({ type: 0 }));
107
- }), { isFocusVisible: v, focusProps: S } = ve({ autoFocus: p }), { isHovered: b, hoverProps: T } = he({ isDisabled: l }), { pressed: w, pressProps: D } = Ee({ disabled: l }), L = x(() => ({ open: t.disclosureState === 0, hover: b, active: w, disabled: l, focus: v, autofocus: p }), [t, b, w, v, l, p]), N = be(e, _), ie = s ? ne({ ref: i, type: N, disabled: l || void 0, autoFocus: p, onKeyDown: k, onClick: a }, S, T, D) : ne({ ref: i, id: o, type: N, "aria-expanded": t.disclosureState === 0, "aria-controls": t.linkedPanel ? t.panelId : void 0, disabled: l || void 0, autoFocus: p, onKeyDown: k, onKeyUp: I, onClick: a }, S, T, D);
108
- return W({ mergeRefs: y, ourProps: ie, theirProps: d, slot: L, defaultTag: He, name: "Disclosure.Button" });
104
+ }), r = x((i) => {
105
+ var g;
106
+ Ne(i.currentTarget) || o || (a ? (l({ type: 0 }), (g = t.buttonRef.current) == null || g.focus()) : l({ type: 0 }));
107
+ }), { isFocusVisible: S, focusProps: y } = ve({ autoFocus: f }), { isHovered: E, hoverProps: $ } = ye({ isDisabled: o }), { pressed: N, pressProps: R } = he({ disabled: o }), U = M(() => ({ open: t.disclosureState === 0, hover: E, active: N, disabled: o, focus: S, autofocus: f }), [t, E, N, S, o, f]), C = De(e, _), b = a ? ne({ ref: c, type: C, disabled: o || void 0, autoFocus: f, onKeyDown: P, onClick: r }, y, $, R) : ne({ ref: c, id: p, type: C, "aria-expanded": t.disclosureState === 0, "aria-controls": t.linkedPanel ? t.panelId : void 0, disabled: o || void 0, autoFocus: f, onKeyDown: P, onKeyUp: v, onClick: r }, y, $, R);
108
+ return W({ mergeRefs: I, ourProps: b, theirProps: u, slot: U, defaultTag: He, name: "Disclosure.Button" });
109
109
  }
110
- let Ke = "div", Ve = ee.RenderStrategy | ee.Static;
110
+ let qe = "div", Ve = ee.RenderStrategy | ee.Static;
111
111
  function We(e, n) {
112
- let c = oe(), { id: o = `headlessui-disclosure-panel-${c}`, transition: l = !1, ...p } = e, [d, t] = Q("Disclosure.Panel"), { close: r } = se("Disclosure.Panel"), m = le(), s = K(n, d.panelRef, (a) => {
113
- Ae(() => t({ type: a ? 4 : 5 }));
112
+ let s = re(), { id: p = `headlessui-disclosure-panel-${s}`, transition: o = !1, ...f } = e, [u, t] = Q("Disclosure.Panel"), { close: l } = ae("Disclosure.Panel"), m = se(), a = q(n, u.panelRef, (r) => {
113
+ Ae(() => t({ type: r ? 4 : 5 }));
114
114
  });
115
- re(() => (t({ type: 3, panelId: o }), () => {
115
+ le(() => (t({ type: 3, panelId: p }), () => {
116
116
  t({ type: 3, panelId: null });
117
- }), [o, t]);
118
- let _ = $e(), [i, y] = ge(l, d.panelRef, _ !== null ? (_ & M.Open) === M.Open : d.disclosureState === 0), k = x(() => ({ open: d.disclosureState === 0, close: r }), [d.disclosureState, r]), I = { ref: s, id: o, ...Te(y) };
119
- return h.createElement(we, null, h.createElement(G.Provider, { value: d.panelId }, W({ mergeRefs: m, ourProps: I, theirProps: p, slot: k, defaultTag: Ke, features: Ve, visible: i, name: "Disclosure.Panel" })));
117
+ }), [p, t]);
118
+ let _ = be(), [c, I] = ge(o, u.panelRef, _ !== null ? (_ & L.Open) === L.Open : u.disclosureState === 0), P = M(() => ({ open: u.disclosureState === 0, close: l }), [u.disclosureState, l]), v = { ref: a, id: p, ...Te(I) };
119
+ return k.createElement(we, null, k.createElement(G.Provider, { value: u.panelId }, W({ mergeRefs: m, ourProps: v, theirProps: f, slot: P, defaultTag: qe, features: Ve, visible: c, name: "Disclosure.Panel" })));
120
120
  }
121
- let je = q(Ue), ae = q(qe), ce = q(We), Qe = Object.assign(je, { Button: ae, Panel: ce });
122
- const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26", Je = "_icon_1p5o7_33", Ye = "_circle_1p5o7_43", Ze = "_square_1p5o7_50", en = "_panel_1p5o7_60", nn = "_open_1p5o7_67", tn = "_m_1p5o7_87", on = "_s_1p5o7_50", u = {
121
+ let je = K(Ue), ce = K(Ke), ie = K(We), Qe = Object.assign(je, { Button: ce, Panel: ie });
122
+ const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26", Je = "_icon_1p5o7_33", Ye = "_circle_1p5o7_43", Ze = "_square_1p5o7_50", en = "_panel_1p5o7_60", nn = "_open_1p5o7_67", tn = "_m_1p5o7_87", on = "_s_1p5o7_50", d = {
123
123
  accordion: ze,
124
124
  "is-link": "_is-link_1p5o7_9",
125
125
  header: Ge,
@@ -138,70 +138,67 @@ const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26"
138
138
  }, kn = de(
139
139
  ({
140
140
  title: e,
141
- buttonType: n = C.BUTTON,
142
- children: c,
143
- size: o = A.M,
144
- titleUppercase: l,
145
- buttonStyle: p = me.CIRCLE,
146
- iconType: d = J.ARROW,
147
- classNameTitle: t,
148
- classNameContent: r,
149
- classNameAccordion: m,
150
- classNameIconButton: s,
151
- subtitleNode: _,
152
- onlyOpenSubtitleNode: i,
153
- classNameSubtitleContainer: y
154
- }, k) => {
155
- const [I, a] = pe(!1), v = _e(Ie.XS1), S = n === "link", b = {
156
- [u["is-link"]]: S
157
- }, T = () => {
158
- a(!I);
159
- }, w = (D) => {
160
- const L = () => d === J.DROPDOWN ? o === A.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : o === A.S ? Z.S : Z.M, N = o === A.S ? Y.S : Y.M;
161
- switch (n) {
162
- case C.LINK:
163
- return /* @__PURE__ */ P(
164
- Pe,
165
- {
166
- variant: "anchor",
167
- size: v ? "s" : "l",
168
- rightIcon: {
169
- iconName: N,
170
- className: E({
171
- [u["link-open"]]: D
172
- })
173
- },
174
- children: e
175
- }
176
- );
177
- case C.BUTTON:
178
- return /* @__PURE__ */ R(X, { children: [
179
- /* @__PURE__ */ P(
141
+ disabled: n,
142
+ buttonType: s = T.BUTTON,
143
+ children: p,
144
+ size: o = B.M,
145
+ titleUppercase: f,
146
+ buttonStyle: u = me.CIRCLE,
147
+ iconType: t = Y.ARROW,
148
+ classNameTitle: l,
149
+ classNameContent: m,
150
+ classNameAccordion: a,
151
+ classNameIconButton: _,
152
+ subtitleNode: c,
153
+ onlyOpenSubtitleNode: I,
154
+ classNameSubtitleContainer: P
155
+ }, v) => {
156
+ const [r, S] = pe(!1), y = _e(Ie.XS1), E = s === T.LINK, $ = {
157
+ [d["is-link"]]: E
158
+ }, N = () => {
159
+ n || S((b) => !b);
160
+ }, R = o === B.S ? J.S : J.M, U = {
161
+ variant: "anchor",
162
+ size: y ? "s" : "l",
163
+ rightIcon: {
164
+ iconName: R,
165
+ className: D({
166
+ [d["link-open"]]: r
167
+ })
168
+ }
169
+ }, C = (b) => {
170
+ const i = () => t === Y.DROPDOWN ? o === B.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : o === B.S ? Z.S : Z.M;
171
+ switch (s) {
172
+ case T.LINK:
173
+ return e;
174
+ case T.BUTTON:
175
+ return /* @__PURE__ */ A(X, { children: [
176
+ /* @__PURE__ */ h(
180
177
  "span",
181
178
  {
182
- className: E(
183
- u.title,
184
- t,
185
- l && u["title-uppercase"]
179
+ className: D(
180
+ d.title,
181
+ l,
182
+ f && d["title-uppercase"]
186
183
  ),
187
184
  children: e
188
185
  }
189
186
  ),
190
- /* @__PURE__ */ P(
187
+ /* @__PURE__ */ h(
191
188
  "div",
192
189
  {
193
- className: E(
194
- u["icon-container"],
195
- D && u.open,
196
- u[p],
197
- s
190
+ className: D(
191
+ d["icon-container"],
192
+ b && d.open,
193
+ d[u],
194
+ _
198
195
  ),
199
196
  "data-testid": "accordion-icon-container",
200
- children: /* @__PURE__ */ P(
201
- Se,
197
+ children: /* @__PURE__ */ h(
198
+ Pe,
202
199
  {
203
- iconName: L(),
204
- className: u.icon,
200
+ iconName: i(),
201
+ className: d.icon,
205
202
  "data-testid": "accordion-icon"
206
203
  }
207
204
  )
@@ -212,44 +209,47 @@ const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26"
212
209
  return null;
213
210
  }
214
211
  };
215
- return /* @__PURE__ */ R(X, { children: [
216
- /* @__PURE__ */ P(
212
+ return /* @__PURE__ */ A(X, { children: [
213
+ /* @__PURE__ */ h(
217
214
  "div",
218
215
  {
219
- className: E(
220
- u.accordion,
221
- u[o],
222
- b,
223
- m
216
+ className: D(
217
+ d.accordion,
218
+ d[o],
219
+ $,
220
+ a
224
221
  ),
225
- children: /* @__PURE__ */ R(Qe, { ref: k, children: [
226
- /* @__PURE__ */ P("div", { className: u["wrapper-button"], onClick: T, children: /* @__PURE__ */ P(
227
- ae,
222
+ children: /* @__PURE__ */ A(Qe, { ref: v, children: [
223
+ /* @__PURE__ */ h(
224
+ ce,
228
225
  {
229
- as: S ? U : C.BUTTON,
230
- className: E({
231
- [u.header]: !S
226
+ as: E ? Se : T.BUTTON,
227
+ onClick: N,
228
+ className: D({
229
+ [d.header]: !E
232
230
  }),
233
- children: w(I)
231
+ ...E ? U : {},
232
+ children: C(r)
234
233
  }
235
- ) }),
236
- I && /* @__PURE__ */ P(
237
- ce,
234
+ ),
235
+ r && /* @__PURE__ */ h(
236
+ ie,
238
237
  {
239
- className: E(
240
- u.panel,
241
- r,
242
- b
238
+ "data-testid": "accordion-panel",
239
+ className: D(
240
+ d.panel,
241
+ m,
242
+ $
243
243
  ),
244
- children: /* @__PURE__ */ P(fe, { size: o, children: c })
244
+ children: /* @__PURE__ */ h(fe, { size: o, children: p })
245
245
  }
246
246
  )
247
247
  ] })
248
248
  }
249
249
  ),
250
- (_ || i) && /* @__PURE__ */ R("div", { className: y, children: [
251
- _,
252
- I && i
250
+ (c || I) && /* @__PURE__ */ A("div", { className: P, children: [
251
+ c,
252
+ r && I
253
253
  ] })
254
254
  ] });
255
255
  }
@@ -1,6 +1,6 @@
1
1
  import { TInputProps } from '../Input';
2
2
 
3
- export type DatePicker = {
3
+ export type TProps = {
4
4
  /**
5
5
  * Функция обратного вызова при изменении значения даты
6
6
  */