@kommo-crm/crm-react-ui-kit 1.16.1 → 1.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ContextMenu-DY7dE-m3.mjs +232 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Callout.css +1 -1
- package/dist/components/Button/Button.js +31 -31
- package/dist/components/Callout/Callout.d.ts.map +1 -1
- package/dist/components/Callout/Callout.js +31 -29
- package/dist/components/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/components/ContextMenu/ContextMenu.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.props.d.ts +10 -1
- package/dist/components/ContextMenu/ContextMenu.props.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/Sub/Sub.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/Sub/Sub.js +1 -1
- package/dist/components/ContextMenu/components/Sub/Sub.props.d.ts +11 -2
- package/dist/components/ContextMenu/components/Sub/Sub.props.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.js +8 -8
- package/dist/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.types.d.ts +1 -1
- package/dist/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.types.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/Sub/index.js +1 -1
- package/dist/components/ContextMenu/components/SubContent/SubContent.js +4 -4
- package/dist/components/ContextMenu/components/SubRoot/SubRoot.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/SubRoot/SubRoot.js +56 -55
- package/dist/components/ContextMenu/components/SubRoot/SubRoot.props.d.ts +10 -1
- package/dist/components/ContextMenu/components/SubRoot/SubRoot.props.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/SubRoot/hooks/useContextMenuSubMenu/useContextMenuSubMenu.js +13 -13
- package/dist/components/ContextMenu/components/SubRoot/hooks/useContextMenuSubMenu/useContextMenuSubMenu.types.d.ts +1 -1
- package/dist/components/ContextMenu/components/SubRoot/hooks/useContextMenuSubMenu/useContextMenuSubMenu.types.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/SubTrigger/SubTrigger.js +13 -13
- package/dist/components/ContextMenu/components/Trigger/Trigger.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/Trigger/Trigger.js +45 -44
- package/dist/components/ContextMenu/hooks/useContextMenu/useContextMenu.d.ts.map +1 -1
- package/dist/components/ContextMenu/hooks/useContextMenu/useContextMenu.js +53 -53
- package/dist/components/ContextMenu/hooks/useContextMenu/useContextMenu.types.d.ts +1 -1
- package/dist/components/ContextMenu/hooks/useContextMenu/useContextMenu.types.d.ts.map +1 -1
- package/dist/components/ContextMenu/index.js +1 -1
- package/package.json +1 -1
- package/dist/ContextMenu-CsrSe_an.mjs +0 -230
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { S as K, a as j } from "./index-SjVEUQPm.mjs";
|
|
3
|
+
import { useContextMenu as H } from "./components/ContextMenu/hooks/useContextMenu/useContextMenu.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { C as V } from "./useContentPositioning-Dvz908Jg.mjs";
|
|
6
|
+
import "./components/ContextMenu/components/Content/Content.utils.js";
|
|
7
|
+
import "./components/ContextMenu/providers/LevelProvider/LevelProvider.js";
|
|
8
|
+
import "./components/ContextMenu/providers/SubMenuProvider/SubMenuProvider.js";
|
|
9
|
+
import { useContextMenuKeyboardNavigation as $ } from "./components/ContextMenu/hooks/useContextMenuKeyboardNavigation/useContextMenuKeyboardNavigation.js";
|
|
10
|
+
import { Trigger as q } from "./components/ContextMenu/components/Trigger/Trigger.js";
|
|
11
|
+
import { Portal as z } from "./components/ContextMenu/components/Portal/Portal.js";
|
|
12
|
+
import { ContextMenuMode as J } from "./components/ContextMenu/ContextMenu.enums.js";
|
|
13
|
+
import { SubTrigger as Q } from "./components/ContextMenu/components/SubTrigger/SubTrigger.js";
|
|
14
|
+
import { SubContent as X } from "./components/ContextMenu/components/SubContent/SubContent.js";
|
|
15
|
+
import { Arrow as Z } from "./components/ContextMenu/components/Arrow/Arrow.js";
|
|
16
|
+
import { Item as ee } from "./components/ContextMenu/components/Item/Item.js";
|
|
17
|
+
import { ItemRightSlot as oe } from "./components/ContextMenu/components/ItemRightSlot/ItemRightSlot.js";
|
|
18
|
+
import { Group as ne } from "./components/ContextMenu/components/Group/Group.js";
|
|
19
|
+
import { Label as te } from "./components/ContextMenu/components/Label/Label.js";
|
|
20
|
+
import { CheckboxItem as ie } from "./components/ContextMenu/components/CheckboxItem/CheckboxItem.js";
|
|
21
|
+
import { ItemIndicator as re } from "./components/ContextMenu/components/ItemIndicator/ItemIndicator.js";
|
|
22
|
+
import { RadioGroup as me } from "./components/ContextMenu/components/RadioGroup/RadioGroup.js";
|
|
23
|
+
import { RadioItem as se } from "./components/ContextMenu/components/RadioItem/RadioItem.js";
|
|
24
|
+
import { Separator as ae } from "./components/ContextMenu/components/Separator/Separator.js";
|
|
25
|
+
import { ItemIcon as pe } from "./components/ContextMenu/components/ItemIcon/ItemIcon.js";
|
|
26
|
+
import { __experimental_SubRoot as ue } from "./components/ContextMenu/components/SubRoot/SubRoot.js";
|
|
27
|
+
import { DISPLAY_NAME as de, ContextMenuRootProvider as le, ContextMenuProvider as Oe } from "./components/ContextMenu/ContextMenu.context.js";
|
|
28
|
+
import { useContextMenuSub as ce } from "./components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.js";
|
|
29
|
+
import { ContextMenuSubProvider as fe, DISPLAY_NAME as T } from "./components/ContextMenu/components/Sub/Sub.context.js";
|
|
30
|
+
const v = (a) => {
|
|
31
|
+
const {
|
|
32
|
+
children: p,
|
|
33
|
+
mode: u = J.HOVER,
|
|
34
|
+
onOpen: e,
|
|
35
|
+
isDefaultOpen: t,
|
|
36
|
+
defaultOpen: i,
|
|
37
|
+
shouldCloseRootMenuOnSelect: d = !0,
|
|
38
|
+
shouldCloseCurrentMenuOnSelect: l = !0,
|
|
39
|
+
onAiming: O,
|
|
40
|
+
aimingTolerance: c = P,
|
|
41
|
+
aimingIdleTimeout: f = F,
|
|
42
|
+
...C
|
|
43
|
+
} = a, {
|
|
44
|
+
mode: I,
|
|
45
|
+
isOpen: r,
|
|
46
|
+
setIsOpen: o,
|
|
47
|
+
isAnimatedOpen: h,
|
|
48
|
+
handleContentEnter: g,
|
|
49
|
+
handleContentLeave: m,
|
|
50
|
+
handleOpenChange: A,
|
|
51
|
+
triggerId: M,
|
|
52
|
+
onOpenByKeyboard: R,
|
|
53
|
+
contentRef: S,
|
|
54
|
+
triggerRef: D,
|
|
55
|
+
onChildOpen: b,
|
|
56
|
+
onSubRootOpen: s,
|
|
57
|
+
closeMenuImmediately: E,
|
|
58
|
+
itemWithFocusedInput: _,
|
|
59
|
+
setItemWithFocusedInput: x,
|
|
60
|
+
isAiming: y,
|
|
61
|
+
handlePointerDownOutside: L
|
|
62
|
+
} = ce({
|
|
63
|
+
displayName: T,
|
|
64
|
+
mode: u,
|
|
65
|
+
isDefaultOpen: t ?? i,
|
|
66
|
+
onOpen: e,
|
|
67
|
+
onAiming: O,
|
|
68
|
+
aimingTolerance: c,
|
|
69
|
+
aimingIdleTimeout: f
|
|
70
|
+
});
|
|
71
|
+
return /* @__PURE__ */ n(
|
|
72
|
+
fe,
|
|
73
|
+
{
|
|
74
|
+
mode: I,
|
|
75
|
+
isOpen: r,
|
|
76
|
+
setIsOpen: o,
|
|
77
|
+
isAnimatedOpen: h,
|
|
78
|
+
isDefaultOpen: t ?? i,
|
|
79
|
+
onContentEnter: g,
|
|
80
|
+
onContentLeave: m,
|
|
81
|
+
onOpenByKeyboard: R,
|
|
82
|
+
triggerId: M,
|
|
83
|
+
contentRef: S,
|
|
84
|
+
triggerRef: D,
|
|
85
|
+
onChildOpen: b,
|
|
86
|
+
onSubRootOpen: s,
|
|
87
|
+
shouldCloseRootMenuOnSelect: d,
|
|
88
|
+
shouldCloseCurrentMenuOnSelect: l,
|
|
89
|
+
closeMenuImmediately: E,
|
|
90
|
+
itemWithFocusedInput: _,
|
|
91
|
+
setItemWithFocusedInput: x,
|
|
92
|
+
isAiming: y,
|
|
93
|
+
onPointerDownOutside: L,
|
|
94
|
+
children: /* @__PURE__ */ n(
|
|
95
|
+
K,
|
|
96
|
+
{
|
|
97
|
+
open: r,
|
|
98
|
+
onOpenChange: A,
|
|
99
|
+
...C,
|
|
100
|
+
children: p
|
|
101
|
+
}
|
|
102
|
+
)
|
|
103
|
+
}
|
|
104
|
+
);
|
|
105
|
+
};
|
|
106
|
+
v.displayName = T;
|
|
107
|
+
const Ce = 200, Ie = 150, P = 20, F = 200, N = (a) => {
|
|
108
|
+
const {
|
|
109
|
+
children: p,
|
|
110
|
+
mode: u,
|
|
111
|
+
isOpen: e,
|
|
112
|
+
isDefaultOpen: t,
|
|
113
|
+
defaultOpen: i,
|
|
114
|
+
shouldCloseCurrentMenuOnSelect: d = !0,
|
|
115
|
+
onOpen: l,
|
|
116
|
+
onAnimatedOpen: O,
|
|
117
|
+
onAiming: c,
|
|
118
|
+
aimingTolerance: f = P,
|
|
119
|
+
aimingIdleTimeout: C = F,
|
|
120
|
+
...I
|
|
121
|
+
} = a, {
|
|
122
|
+
mode: r,
|
|
123
|
+
isOpen: o,
|
|
124
|
+
triggerRef: h,
|
|
125
|
+
contentRef: g,
|
|
126
|
+
isAnimatedOpen: m,
|
|
127
|
+
skipAnimation: A,
|
|
128
|
+
animationDuration: M,
|
|
129
|
+
hoverCloseDelay: R,
|
|
130
|
+
isRootContentBlocked: S,
|
|
131
|
+
isChildOpen: D,
|
|
132
|
+
itemWithFocusedInput: b,
|
|
133
|
+
closeMenuImmediately: s,
|
|
134
|
+
onOpenChange: E,
|
|
135
|
+
onContentEnter: _,
|
|
136
|
+
onContentLeave: x,
|
|
137
|
+
onOpenByKeyboard: y,
|
|
138
|
+
onChildOpen: L,
|
|
139
|
+
onSubmenuOpen: G,
|
|
140
|
+
setItemWithFocusedInput: U,
|
|
141
|
+
shouldPreventFocusRestore: W,
|
|
142
|
+
setOnFocusOutside: Y,
|
|
143
|
+
isChildAiming: k,
|
|
144
|
+
onChildAiming: w
|
|
145
|
+
} = H({
|
|
146
|
+
mode: u,
|
|
147
|
+
isDefaultOpen: t ?? i,
|
|
148
|
+
animationDuration: Ie,
|
|
149
|
+
hoverCloseDelay: Ce,
|
|
150
|
+
isOpen: e,
|
|
151
|
+
onOpen: l,
|
|
152
|
+
onAnimatedOpen: O,
|
|
153
|
+
onAiming: c,
|
|
154
|
+
aimingTolerance: f,
|
|
155
|
+
aimingIdleTimeout: C
|
|
156
|
+
}), { navigationContentRef: B } = $({
|
|
157
|
+
isOpen: e ?? o,
|
|
158
|
+
isAnimatedOpen: m
|
|
159
|
+
});
|
|
160
|
+
return /* @__PURE__ */ n(
|
|
161
|
+
le,
|
|
162
|
+
{
|
|
163
|
+
closeRootMenuImmediately: s,
|
|
164
|
+
navigationContentRef: B,
|
|
165
|
+
children: /* @__PURE__ */ n(
|
|
166
|
+
Oe,
|
|
167
|
+
{
|
|
168
|
+
mode: r,
|
|
169
|
+
triggerRef: h,
|
|
170
|
+
contentRef: g,
|
|
171
|
+
isAnimatedOpen: m,
|
|
172
|
+
skipAnimation: A,
|
|
173
|
+
animationDuration: M,
|
|
174
|
+
hoverCloseDelay: R,
|
|
175
|
+
closeMenuImmediately: s,
|
|
176
|
+
onContentEnter: _,
|
|
177
|
+
onContentLeave: x,
|
|
178
|
+
onOpenByKeyboard: y,
|
|
179
|
+
shouldCloseCurrentMenuOnSelect: d,
|
|
180
|
+
onChildOpen: L,
|
|
181
|
+
isOpen: o,
|
|
182
|
+
onSubmenuOpen: G,
|
|
183
|
+
isRootContentBlocked: S,
|
|
184
|
+
isChildOpen: D,
|
|
185
|
+
itemWithFocusedInput: b,
|
|
186
|
+
setItemWithFocusedInput: U,
|
|
187
|
+
shouldPreventFocusRestore: W,
|
|
188
|
+
setOnFocusOutside: Y,
|
|
189
|
+
isChildAiming: k,
|
|
190
|
+
onChildAiming: w,
|
|
191
|
+
children: /* @__PURE__ */ n(
|
|
192
|
+
j,
|
|
193
|
+
{
|
|
194
|
+
open: e ?? o,
|
|
195
|
+
onOpenChange: E,
|
|
196
|
+
modal: !1,
|
|
197
|
+
...I,
|
|
198
|
+
children: p
|
|
199
|
+
}
|
|
200
|
+
)
|
|
201
|
+
}
|
|
202
|
+
)
|
|
203
|
+
}
|
|
204
|
+
);
|
|
205
|
+
}, $e = Object.assign(N, {
|
|
206
|
+
displayName: de,
|
|
207
|
+
Root: N,
|
|
208
|
+
experimental_SubRoot: ue,
|
|
209
|
+
Trigger: q,
|
|
210
|
+
Content: V,
|
|
211
|
+
Portal: z,
|
|
212
|
+
Sub: v,
|
|
213
|
+
SubTrigger: Q,
|
|
214
|
+
SubContent: X,
|
|
215
|
+
Arrow: Z,
|
|
216
|
+
Item: ee,
|
|
217
|
+
ItemRightSlot: oe,
|
|
218
|
+
Group: ne,
|
|
219
|
+
Label: te,
|
|
220
|
+
CheckboxItem: ie,
|
|
221
|
+
RadioGroup: me,
|
|
222
|
+
RadioItem: se,
|
|
223
|
+
ItemIndicator: re,
|
|
224
|
+
Separator: ae,
|
|
225
|
+
ItemIcon: pe
|
|
226
|
+
});
|
|
227
|
+
export {
|
|
228
|
+
$e as C,
|
|
229
|
+
P as D,
|
|
230
|
+
v as S,
|
|
231
|
+
F as a
|
|
232
|
+
};
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes
|
|
1
|
+
@keyframes _buttonShakeAnimation_y02v8_1{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}._button_y02v8_17{z-index:var(--crm-ui-kit-button-z-index);height:var(--crm-ui-kit-button-height);padding:var(--crm-ui-kit-button-padding);font-size:var(--crm-ui-kit-button-font-size);font-weight:var(--crm-ui-kit-button-font-weight);line-height:var(--crm-ui-kit-button-line-height);white-space:nowrap;text-decoration:none;vertical-align:middle;color:var(--crm-ui-kit-button-color);border-width:var(--crm-ui-kit-button-border-width);border-radius:var(--crm-ui-kit-button-border-radius);border-color:var(--crm-ui-kit-button-border-color);border-style:var(--crm-ui-kit-button-border-style);background:var(--crm-ui-kit-button-background-color);outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}._button_y02v8_17+._button_y02v8_17{margin-left:var(--crm-ui-kit-button-sibling-element-spacing)}._button_y02v8_17:not(._disabled_y02v8_43):not(._loading_y02v8_43):active{transform:translateY(1px)}._button_y02v8_17:focus-visible{outline-color:var(--crm-ui-kit-button-focus-visible-outline-color);outline-width:var(--crm-ui-kit-button-focus-visible-outline-width);outline-style:var(--crm-ui-kit-button-focus-visible-outline-style);outline-offset:var(--crm-ui-kit-button-focus-visible-outline-offset);border-radius:var(--crm-ui-kit-button-focus-visible-border-radius)}._button_y02v8_17:not(._disabled_y02v8_43):not(._loading_y02v8_43):hover,._button_y02v8_17:not(._disabled_y02v8_43):not(._loading_y02v8_43)[data-highlighted]{color:var(--crm-ui-kit-button-hover-color);background:var(--crm-ui-kit-button-hover-background-color);border-width:var(--crm-ui-kit-button-hover-border-width);border-radius:var(--crm-ui-kit-button-hover-border-radius);border-color:var(--crm-ui-kit-button-hover-border-color);border-style:var(--crm-ui-kit-button-hover-border-style)}._disabled_y02v8_43{color:var(--crm-ui-kit-button-disabled-color);background:var(--crm-ui-kit-button-disabled-background-color);border-color:var(--crm-ui-kit-button-disabled-border-color);opacity:var(--crm-ui-kit-button-disabled-opacity);cursor:default}._content_y02v8_74{display:flex;position:relative;box-sizing:border-box;height:100%;align-items:center;justify-content:center;text-align:center}._before_y02v8_84{display:inline-flex;margin-right:var(--crm-ui-kit-button-elements-spacing)}._after_y02v8_89{display:inline-flex;margin-left:var(--crm-ui-kit-button-elements-spacing)}._invisible_y02v8_94{visibility:hidden}._invalid_y02v8_98{animation:.3s _buttonShakeAnimation_y02v8_1;animation-fill-mode:both}._loading_y02v8_43{cursor:default}._loading_y02v8_43 ._content_y02v8_74,._success_y02v8_108 ._content_y02v8_74{display:inline-grid}._loading_y02v8_43 ._content_y02v8_74>*,._success_y02v8_108 ._content_y02v8_74>*{grid-area:1 / 1;display:flex;align-items:center;justify-content:center}._success_y02v8_108{color:var(--crm-ui-kit-button-success-color);background:var(--crm-ui-kit-button-success-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}._success_y02v8_108:not(._disabled_y02v8_43):not(._loading_y02v8_43):hover{background:var(--crm-ui-kit-button-success-hover-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}
|
package/dist/assets/Callout.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_1p7fc_1{position:relative;display:flex;padding:var(--crm-ui-kit-callout-padding);background-color:var(--crm-ui-kit-callout-background-color);border-radius:var(--crm-ui-kit-callout-border-radius)}._icon_1p7fc_9{flex-shrink:0;margin-right:8px;color:var(--crm-ui-kit-callout-icon-color)}._content_1p7fc_15{flex:1}._contentWithClose_1p7fc_19{padding-right:32px}._closeButton_1p7fc_23{position:absolute;top:var(--crm-ui-kit-callout-padding);right:var(--crm-ui-kit-callout-padding);flex-shrink:0}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs as p, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { c as
|
|
4
|
-
import { useThemeClassName as
|
|
2
|
+
import R, { forwardRef as T, useMemo as A } from "react";
|
|
3
|
+
import { c as t } from "../../index-L8X2o7IH.mjs";
|
|
4
|
+
import { useThemeClassName as j } from "../../hooks/useThemeClassName/useThemeClassName.js";
|
|
5
5
|
import { noop as z } from "../../utils/noop/noop.js";
|
|
6
6
|
import { Spinner as B } from "../Spinner/Spinner.js";
|
|
7
7
|
import { useShowInvalidAnimation as D } from "./hooks/useShowInvalidAnimation/useShowInvalidAnimation.js";
|
|
8
8
|
import { useShowSuccessfulState as M } from "./hooks/useShowSuccessfulState/useShowSuccessfulState.js";
|
|
9
|
-
import '../../assets/Button.css';const F = "
|
|
9
|
+
import '../../assets/Button.css';const F = "_button_y02v8_17", L = "_disabled_y02v8_43", V = "_loading_y02v8_43", W = "_content_y02v8_74", q = "_before_y02v8_84", E = "_after_y02v8_89", G = "_invisible_y02v8_94", H = "_invalid_y02v8_98", J = "_success_y02v8_108", e = {
|
|
10
10
|
button: F,
|
|
11
11
|
disabled: L,
|
|
12
12
|
loading: V,
|
|
@@ -17,17 +17,17 @@ import '../../assets/Button.css';const F = "_button_jo6ym_17", L = "_disabled_jo
|
|
|
17
17
|
invalid: H,
|
|
18
18
|
success: J
|
|
19
19
|
}, K = (s) => {
|
|
20
|
-
const
|
|
20
|
+
const o = {
|
|
21
21
|
"--crm-ui-kit-spinner-border-color": s["--crm-ui-kit-button-spinner-border-color"],
|
|
22
22
|
"--crm-ui-kit-spinner-border-width": s["--crm-ui-kit-button-spinner-border-width"],
|
|
23
23
|
"--crm-ui-kit-spinner-circle-size": s["--crm-ui-kit-button-spinner-circle-size"],
|
|
24
24
|
"--crm-ui-kit-spinner-border-style": s["--crm-ui-kit-button-spinner-border-style"]
|
|
25
25
|
}, c = {
|
|
26
|
-
...
|
|
26
|
+
...o,
|
|
27
27
|
"--crm-ui-kit-spinner-border-color": s["--crm-ui-kit-button-spinner-disabled-border-color"]
|
|
28
28
|
};
|
|
29
|
-
return { defaultTheme:
|
|
30
|
-
}, O =
|
|
29
|
+
return { defaultTheme: o, disabledTheme: c };
|
|
30
|
+
}, O = T((s, o) => {
|
|
31
31
|
const {
|
|
32
32
|
className: c = "",
|
|
33
33
|
type: f = "button",
|
|
@@ -38,45 +38,45 @@ import '../../assets/Button.css';const F = "_button_jo6ym_17", L = "_disabled_jo
|
|
|
38
38
|
before: d,
|
|
39
39
|
after: m,
|
|
40
40
|
children: h,
|
|
41
|
-
showInvalidAnimationRef:
|
|
42
|
-
showSuccessfulStateRef:
|
|
43
|
-
successfulStateText:
|
|
44
|
-
isClickableWhileDisabled:
|
|
45
|
-
...
|
|
46
|
-
} = s,
|
|
47
|
-
|
|
41
|
+
showInvalidAnimationRef: v,
|
|
42
|
+
showSuccessfulStateRef: k,
|
|
43
|
+
successfulStateText: y,
|
|
44
|
+
isClickableWhileDisabled: S = !1,
|
|
45
|
+
...w
|
|
46
|
+
} = s, N = j(a), u = A(() => K(a), [a]), C = D(
|
|
47
|
+
v
|
|
48
48
|
), r = M(
|
|
49
|
-
|
|
50
|
-
),
|
|
51
|
-
i || _(
|
|
52
|
-
}, b = /* @__PURE__ */ p(
|
|
53
|
-
d && /* @__PURE__ */ n("span", { className:
|
|
49
|
+
k
|
|
50
|
+
), g = (I) => {
|
|
51
|
+
i || _(I);
|
|
52
|
+
}, b = /* @__PURE__ */ p(R.Fragment, { children: [
|
|
53
|
+
d && /* @__PURE__ */ n("span", { className: t(e.before), children: d }),
|
|
54
54
|
/* @__PURE__ */ n("span", { children: h }),
|
|
55
|
-
m && /* @__PURE__ */ n("span", { className:
|
|
56
|
-
] }),
|
|
55
|
+
m && /* @__PURE__ */ n("span", { className: t(e.after), children: m })
|
|
56
|
+
] }), x = !i && !r;
|
|
57
57
|
return /* @__PURE__ */ n(
|
|
58
58
|
"button",
|
|
59
59
|
{
|
|
60
|
-
...
|
|
61
|
-
ref:
|
|
60
|
+
...w,
|
|
61
|
+
ref: o,
|
|
62
62
|
type: f,
|
|
63
|
-
onClick:
|
|
64
|
-
className:
|
|
65
|
-
[e.invalid]:
|
|
63
|
+
onClick: g,
|
|
64
|
+
className: t(e.button, N, c, {
|
|
65
|
+
[e.invalid]: C,
|
|
66
66
|
[e.loading]: i,
|
|
67
67
|
[e.success]: r,
|
|
68
68
|
[e.disabled]: l
|
|
69
69
|
}),
|
|
70
|
-
disabled: (l || i) && !
|
|
71
|
-
children: /* @__PURE__ */ p("span", { className:
|
|
72
|
-
r && /* @__PURE__ */ n("span", { children:
|
|
70
|
+
disabled: (l || i) && !S,
|
|
71
|
+
children: /* @__PURE__ */ p("span", { className: t(e.content), children: [
|
|
72
|
+
r && /* @__PURE__ */ n("span", { children: y }),
|
|
73
73
|
i && !r && /* @__PURE__ */ n(
|
|
74
74
|
B,
|
|
75
75
|
{
|
|
76
76
|
theme: l ? u.disabledTheme : u.defaultTheme
|
|
77
77
|
}
|
|
78
78
|
),
|
|
79
|
-
|
|
79
|
+
x ? b : /* @__PURE__ */ n("span", { className: t(e.invisible), children: b })
|
|
80
80
|
] })
|
|
81
81
|
}
|
|
82
82
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAOpD,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAOpD,eAAO,MAAM,OAAO,kGAwClB,CAAC"}
|
|
@@ -1,47 +1,49 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import * as
|
|
3
|
-
import { forwardRef as
|
|
1
|
+
import { jsxs as u, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import * as l from "react";
|
|
3
|
+
import { forwardRef as w, useMemo as C } from "react";
|
|
4
4
|
import { c } from "../../index-L8X2o7IH.mjs";
|
|
5
|
-
import { useThemeClassName as
|
|
6
|
-
import { omit as
|
|
7
|
-
import { Button as
|
|
8
|
-
import { ButtonIconSmallGhostTheme as
|
|
9
|
-
import '../../assets/Callout.css';const
|
|
5
|
+
import { useThemeClassName as d } from "../../hooks/useThemeClassName/useThemeClassName.js";
|
|
6
|
+
import { omit as N } from "../../utils/omit/omit.js";
|
|
7
|
+
import { Button as v } from "../Button/Button.js";
|
|
8
|
+
import { ButtonIconSmallGhostTheme as B } from "../Button/Button.themes.js";
|
|
9
|
+
import '../../assets/Callout.css';const x = (e) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ l.createElement("path", { fill: "#6b6d72", d: "M11.935 2.935a.8.8 0 1 1 1.13 1.13L9.131 8l3.934 3.935a.8.8 0 1 1-1.13 1.13L8 9.132l-3.935 3.935a.8.8 0 1 1-1.13-1.131L6.869 8 2.935 4.066a.8.8 0 1 1 1.13-1.131L8 6.869z" })), g = "_wrapper_1p7fc_1", I = "_icon_1p7fc_9", L = "_content_1p7fc_15", W = "_contentWithClose_1p7fc_19", S = "_closeButton_1p7fc_23", t = {
|
|
10
10
|
wrapper: g,
|
|
11
|
-
icon:
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
icon: I,
|
|
12
|
+
content: L,
|
|
13
|
+
contentWithClose: W,
|
|
14
|
+
closeButton: S
|
|
15
|
+
}, b = w((e, r) => {
|
|
14
16
|
const {
|
|
15
|
-
className:
|
|
16
|
-
isIconAvailable:
|
|
17
|
-
theme:
|
|
17
|
+
className: a = "",
|
|
18
|
+
isIconAvailable: m = !0,
|
|
19
|
+
theme: n,
|
|
18
20
|
children: i,
|
|
19
|
-
onClose:
|
|
21
|
+
onClose: s,
|
|
20
22
|
...p
|
|
21
|
-
} =
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
+
} = e, { Icon: h } = n, f = C(() => N(n, ["Icon"]), [n]), _ = d(f);
|
|
24
|
+
return /* @__PURE__ */ u(
|
|
23
25
|
"div",
|
|
24
26
|
{
|
|
25
|
-
ref:
|
|
26
|
-
className: c(
|
|
27
|
+
ref: r,
|
|
28
|
+
className: c(t.wrapper, _, a),
|
|
27
29
|
...p,
|
|
28
30
|
children: [
|
|
29
|
-
|
|
30
|
-
i,
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
m && /* @__PURE__ */ o(h, { className: c(t.icon) }),
|
|
32
|
+
/* @__PURE__ */ o("div", { className: c(t.content, { [t.contentWithClose]: s }), children: i }),
|
|
33
|
+
s && /* @__PURE__ */ o(
|
|
34
|
+
v,
|
|
33
35
|
{
|
|
34
|
-
theme:
|
|
35
|
-
className:
|
|
36
|
-
onClick:
|
|
37
|
-
children: /* @__PURE__ */
|
|
36
|
+
theme: B,
|
|
37
|
+
className: t.closeButton,
|
|
38
|
+
onClick: s,
|
|
39
|
+
children: /* @__PURE__ */ o(x, {})
|
|
38
40
|
}
|
|
39
41
|
)
|
|
40
42
|
]
|
|
41
43
|
}
|
|
42
44
|
);
|
|
43
45
|
});
|
|
44
|
-
|
|
46
|
+
b.displayName = "Callout";
|
|
45
47
|
export {
|
|
46
|
-
|
|
48
|
+
b as Callout
|
|
47
49
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AA+B3D,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,2BAA2B,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AA+B3D,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,2BAA2B,MAAM,CAAC;AA2G/C,QAAA,MAAM,eAAe,WAzGO,oBAAoB;;kBAApB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA5BR,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0JjD,CAAC;AAEH,OAAO,EAAE,eAAe,IAAI,WAAW,EAAE,CAAC"}
|
|
@@ -9,7 +9,7 @@ import "./providers/SubMenuProvider/SubMenuProvider.js";
|
|
|
9
9
|
import "./hooks/useContextMenuKeyboardNavigation/useContextMenuKeyboardNavigation.js";
|
|
10
10
|
import "./components/Trigger/Trigger.js";
|
|
11
11
|
import "./components/Portal/Portal.js";
|
|
12
|
-
import { C as b, a as c, D as d } from "../../ContextMenu-
|
|
12
|
+
import { C as b, a as c, D as d } from "../../ContextMenu-DY7dE-m3.mjs";
|
|
13
13
|
import "./components/SubTrigger/SubTrigger.js";
|
|
14
14
|
import "./components/SubContent/SubContent.js";
|
|
15
15
|
import "./components/Arrow/Arrow.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DropdownMenuProps as RadixDropdownMenuRootProps } from '@radix-ui/react-dropdown-menu';
|
|
2
2
|
import { FocusChangeEvent } from '../../hooks';
|
|
3
3
|
import { ContextMenuModeType } from './ContextMenu.types';
|
|
4
|
-
export type ContextMenuRootProps = Omit<RadixDropdownMenuRootProps, 'onOpenChange' | 'modal' | 'open'> & {
|
|
4
|
+
export type ContextMenuRootProps = Omit<RadixDropdownMenuRootProps, 'onOpenChange' | 'modal' | 'open' | 'defaultOpen'> & {
|
|
5
5
|
/**
|
|
6
6
|
* Called whenever the open state of the menu changes.
|
|
7
7
|
*/
|
|
@@ -10,6 +10,15 @@ export type ContextMenuRootProps = Omit<RadixDropdownMenuRootProps, 'onOpenChang
|
|
|
10
10
|
* Called whenever the animated open state of the menu changes.
|
|
11
11
|
*/
|
|
12
12
|
onAnimatedOpen?: (isAnimatedOpen: boolean) => void;
|
|
13
|
+
/**
|
|
14
|
+
* The open state of the menu when it is initially rendered.
|
|
15
|
+
* Use when you do not need to control its open state.
|
|
16
|
+
*/
|
|
17
|
+
isDefaultOpen?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated Use `isDefaultOpen` instead.
|
|
20
|
+
*/
|
|
21
|
+
defaultOpen?: boolean;
|
|
13
22
|
/**
|
|
14
23
|
* Defines how the menu is triggered.
|
|
15
24
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.props.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAErG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,0BAA0B,EAC1B,cAAc,GAAG,OAAO,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"ContextMenu.props.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.props.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,eAAO,MAAM,GAAG;YAAW,QAAQ;;
|
|
1
|
+
{"version":3,"file":"Sub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,eAAO,MAAM,GAAG;YAAW,QAAQ;;CA6ElC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../../../index-SjVEUQPm.mjs";
|
|
3
3
|
import "../../ContextMenu.enums.js";
|
|
4
|
-
import { S as a } from "../../../../ContextMenu-
|
|
4
|
+
import { S as a } from "../../../../ContextMenu-DY7dE-m3.mjs";
|
|
5
5
|
import "./hooks/useContextMenuSub/useContextMenuSub.js";
|
|
6
6
|
import "./Sub.context.js";
|
|
7
7
|
export {
|
|
@@ -2,7 +2,16 @@ import { ComponentPropsWithoutRef } from 'react';
|
|
|
2
2
|
import { Sub as RadixDropdownMenuSub } from '@radix-ui/react-dropdown-menu';
|
|
3
3
|
import { ContextMenuModeType } from '../../ContextMenu.types';
|
|
4
4
|
import { PointerDownOutsideEvent } from '../SubContent/SubContent.types';
|
|
5
|
-
export type SubProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuSub>, 'onOpenChange'> & {
|
|
5
|
+
export type SubProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuSub>, 'onOpenChange' | 'defaultOpen'> & {
|
|
6
|
+
/**
|
|
7
|
+
* The open state of the submenu when it is initially rendered.
|
|
8
|
+
* Use when you do not need to control its open state.
|
|
9
|
+
*/
|
|
10
|
+
isDefaultOpen?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated Use `isDefaultOpen` instead.
|
|
13
|
+
*/
|
|
14
|
+
defaultOpen?: boolean;
|
|
6
15
|
/**
|
|
7
16
|
* Defines how the submenu is triggered.
|
|
8
17
|
*
|
|
@@ -57,7 +66,7 @@ export interface ContextMenuSubContextProps {
|
|
|
57
66
|
/**
|
|
58
67
|
* Indicates whether the submenu is initially open.
|
|
59
68
|
*/
|
|
60
|
-
|
|
69
|
+
isDefaultOpen?: boolean;
|
|
61
70
|
/**
|
|
62
71
|
* Indicates whether the submenu's open animation is currently active.
|
|
63
72
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sub.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,GAAG,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,QAAQ,GAAG,IAAI,CACzB,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,EACrD,cAAc,
|
|
1
|
+
{"version":3,"file":"Sub.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,GAAG,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,QAAQ,GAAG,IAAI,CACzB,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,EACrD,cAAc,GAAG,aAAa,CAC/B,GAAG;IACF;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;;OAIG;IACH,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3D;;;OAGG;IACH,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C;;OAEG;IACH,WAAW,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvE;;OAEG;IACH,aAAa,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,2BAA2B,EAAE,OAAO,CAAC;IACrC;;;;OAIG;IACH,8BAA8B,EAAE,OAAO,CAAC;IACxC;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,uBAAuB,EAAE,CAAC,oBAAoB,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvE;;OAEG;IACH,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB;;OAEG;IACH,oBAAoB,EAAE,CAAC,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC5D"}
|
package/dist/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.js
CHANGED
|
@@ -7,7 +7,7 @@ const Re = (z) => {
|
|
|
7
7
|
const {
|
|
8
8
|
displayName: W,
|
|
9
9
|
mode: G,
|
|
10
|
-
|
|
10
|
+
isDefaultOpen: o,
|
|
11
11
|
onOpen: e,
|
|
12
12
|
onAiming: p,
|
|
13
13
|
aimingTolerance: J,
|
|
@@ -15,12 +15,12 @@ const Re = (z) => {
|
|
|
15
15
|
} = z, {
|
|
16
16
|
activeItemId: x,
|
|
17
17
|
onChildOpen: n,
|
|
18
|
-
onSubRootOpen:
|
|
18
|
+
onSubRootOpen: D,
|
|
19
19
|
isAnimatedOpen: k,
|
|
20
20
|
onChildAiming: h,
|
|
21
|
-
isChildAiming:
|
|
22
|
-
} = me(W),
|
|
23
|
-
setTimeout(() =>
|
|
21
|
+
isChildAiming: S
|
|
22
|
+
} = me(W), v = ie(), [s, f] = m(o || !1), [U, c] = m(!1), [H, R] = m(!1), [V, d] = m(!1), [A, X] = m(!1), [b, Y] = m(null), [q, Z] = m(!1), [y, _] = m(null), r = g(null), l = g(null), B = g(null), w = g(!0), a = g(!1), I = g(!1), $ = oe(), { hoverCloseDelay: P, animationDuration: E } = ae(W), u = $ ? i.CLICK : G, C = (t) => {
|
|
23
|
+
setTimeout(() => D == null ? void 0 : D(t), 0);
|
|
24
24
|
}, K = () => {
|
|
25
25
|
r.current && (clearTimeout(r.current), r.current = null), l.current && (clearTimeout(l.current), l.current = null);
|
|
26
26
|
}, F = () => {
|
|
@@ -64,7 +64,7 @@ const Re = (z) => {
|
|
|
64
64
|
}, re = (t) => {
|
|
65
65
|
d(t);
|
|
66
66
|
}, se = () => {
|
|
67
|
-
u !== i.HOVER || L() && x !==
|
|
67
|
+
u !== i.HOVER || L() && x !== v || S != null && S() && !s || (d(!1), K(), a.current = !1, s ? (R(!0), I.current = !0, c(!0)) : (r.current && (clearTimeout(r.current), r.current = null), c(!0), e == null || e(!0), C(!0), f(!0), R(!0), I.current = !0));
|
|
68
68
|
}, ne = () => {
|
|
69
69
|
u === i.HOVER && (d(!1), R(!1), I.current = !1, r.current && (clearTimeout(r.current), r.current = null), a.current && !L() && (a.current = !1, c(!1), l.current = setTimeout(() => {
|
|
70
70
|
F();
|
|
@@ -78,7 +78,7 @@ const Re = (z) => {
|
|
|
78
78
|
Z(t);
|
|
79
79
|
};
|
|
80
80
|
return T(() => {
|
|
81
|
-
(x !==
|
|
81
|
+
(x !== v || q) && s && o === void 0 && M();
|
|
82
82
|
}, [x, s, o]), T(() => {
|
|
83
83
|
if (!(!s || u !== i.HOVER || V)) {
|
|
84
84
|
if (H) {
|
|
@@ -116,7 +116,7 @@ const Re = (z) => {
|
|
|
116
116
|
handleOpenChange: j,
|
|
117
117
|
handlePointerDownOutside: ce,
|
|
118
118
|
onOpenByKeyboard: re,
|
|
119
|
-
triggerId:
|
|
119
|
+
triggerId: v,
|
|
120
120
|
contentRef: te,
|
|
121
121
|
triggerRef: B,
|
|
122
122
|
onChildOpen: ue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContextMenuSub.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,
|
|
1
|
+
{"version":3,"file":"useContextMenuSub.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7C;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,wBAAwB,EAAE,CAAC,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,gBAAgB,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC3E;;OAEG;IACH,aAAa,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,uBAAuB,EAAE,CAAC,oBAAoB,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvE;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;CAC3B"}
|