@televet/kibble-ui 5.0.2-beta.menu.1 → 5.0.2-beta.menu.2
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/chunks/{avatarGroup.component-D2U1URML.js → avatarGroup.component-BFUSjNmk.js} +2 -2
- package/dist/chunks/{avatarGroup.component-D2U1URML.js.map → avatarGroup.component-BFUSjNmk.js.map} +1 -1
- package/dist/chunks/{avatarGroup.component-DSvRgDWo.js → avatarGroup.component-DA9oxHzN.js} +2 -2
- package/dist/chunks/{avatarGroup.component-DSvRgDWo.js.map → avatarGroup.component-DA9oxHzN.js.map} +1 -1
- package/dist/chunks/{buttonGroup.component-BWZfUx2E.js → buttonGroup.component-C9E7CNtN.js} +2 -2
- package/dist/chunks/{buttonGroup.component-BWZfUx2E.js.map → buttonGroup.component-C9E7CNtN.js.map} +1 -1
- package/dist/chunks/{buttonGroup.component-D1zl9wyM.js → buttonGroup.component-Dx5Up1b3.js} +2 -2
- package/dist/chunks/{buttonGroup.component-D1zl9wyM.js.map → buttonGroup.component-Dx5Up1b3.js.map} +1 -1
- package/dist/chunks/{calendar.component-CqcL9gQD.js → calendar.component-BpTI3X-F.js} +2 -2
- package/dist/chunks/{calendar.component-CqcL9gQD.js.map → calendar.component-BpTI3X-F.js.map} +1 -1
- package/dist/chunks/{calendar.component-BTiJi3ZE.js → calendar.component-eEgkPzrv.js} +2 -2
- package/dist/chunks/{calendar.component-BTiJi3ZE.js.map → calendar.component-eEgkPzrv.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-o0x-PRyR.js → conversationCard.component-Bzlz30CE.js} +2 -2
- package/dist/chunks/{conversationCard.component-o0x-PRyR.js.map → conversationCard.component-Bzlz30CE.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-OTLcFGND.js → conversationCard.component-DXJP2DXs.js} +2 -2
- package/dist/chunks/{conversationCard.component-OTLcFGND.js.map → conversationCard.component-DXJP2DXs.js.map} +1 -1
- package/dist/chunks/{datePicker.component-DDlH8JLD.js → datePicker.component-DN8FZf1_.js} +2 -2
- package/dist/chunks/{datePicker.component-DDlH8JLD.js.map → datePicker.component-DN8FZf1_.js.map} +1 -1
- package/dist/chunks/{datePicker.component-C9u3joo2.js → datePicker.component-cDWhkkZq.js} +2 -2
- package/dist/chunks/{datePicker.component-C9u3joo2.js.map → datePicker.component-cDWhkkZq.js.map} +1 -1
- package/dist/chunks/{datePicker.provider--9ovHuHv.js → datePicker.provider-BiABe0BU.js} +2 -2
- package/dist/chunks/{datePicker.provider--9ovHuHv.js.map → datePicker.provider-BiABe0BU.js.map} +1 -1
- package/dist/chunks/{datePicker.provider-Q_wJ5IPm.js → datePicker.provider-ZStG7Yw_.js} +2 -2
- package/dist/chunks/{datePicker.provider-Q_wJ5IPm.js.map → datePicker.provider-ZStG7Yw_.js.map} +1 -1
- package/dist/chunks/{dateTimePicker.component-B-72OFcp.js → dateTimePicker.component-53T6FuCE.js} +2 -2
- package/dist/chunks/{dateTimePicker.component-B-72OFcp.js.map → dateTimePicker.component-53T6FuCE.js.map} +1 -1
- package/dist/chunks/{dateTimePicker.component-DklOdWT-.js → dateTimePicker.component-CBWcOxGE.js} +2 -2
- package/dist/chunks/{dateTimePicker.component-DklOdWT-.js.map → dateTimePicker.component-CBWcOxGE.js.map} +1 -1
- package/dist/chunks/{menu.component-Dd4ePEAs.js → menu.component-CFt2LRsh.js} +49 -50
- package/dist/chunks/menu.component-CFt2LRsh.js.map +1 -0
- package/dist/chunks/{menu.component-DWJeIuGD.js → menu.component-CateT8pX.js} +2 -2
- package/dist/chunks/menu.component-CateT8pX.js.map +1 -0
- package/dist/chunks/{radioGroup.types-_TTBbP2R.js → radioGroup.types-BB6dxsci.js} +2 -2
- package/dist/chunks/{radioGroup.types-_TTBbP2R.js.map → radioGroup.types-BB6dxsci.js.map} +1 -1
- package/dist/chunks/{radioGroup.types-C27z0u3-.js → radioGroup.types-CqismOCU.js} +2 -2
- package/dist/chunks/{radioGroup.types-C27z0u3-.js.map → radioGroup.types-CqismOCU.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-0kUeaXlw.js → tagBlock.component-D1FgHMkq.js} +2 -2
- package/dist/chunks/{tagBlock.component-0kUeaXlw.js.map → tagBlock.component-D1FgHMkq.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-CNqS6gR_.js → tagBlock.component-DzX3dRdg.js} +2 -2
- package/dist/chunks/{tagBlock.component-CNqS6gR_.js.map → tagBlock.component-DzX3dRdg.js.map} +1 -1
- package/dist/cjs/components/AvatarGroup/index.cjs +1 -1
- package/dist/cjs/components/ButtonGroup/index.cjs +1 -1
- package/dist/cjs/components/Calendar/index.cjs +1 -1
- package/dist/cjs/components/ConversationCard/index.cjs +1 -1
- package/dist/cjs/components/DatePicker/index.cjs +1 -1
- package/dist/cjs/components/DateTimePicker/index.cjs +1 -1
- package/dist/cjs/components/Menu/index.cjs +1 -1
- package/dist/cjs/components/RadioGroup/index.cjs +1 -1
- package/dist/cjs/components/TagBlock/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/AvatarGroup/index.js +1 -1
- package/dist/esm/components/ButtonGroup/index.js +1 -1
- package/dist/esm/components/Calendar/index.js +1 -1
- package/dist/esm/components/ConversationCard/index.js +1 -1
- package/dist/esm/components/DatePicker/index.js +2 -2
- package/dist/esm/components/DateTimePicker/index.js +1 -1
- package/dist/esm/components/Menu/index.js +1 -1
- package/dist/esm/components/RadioGroup/index.js +1 -1
- package/dist/esm/components/TagBlock/index.js +1 -1
- package/dist/esm/components/index.js +10 -10
- package/dist/esm/index.js +10 -10
- package/package.json +1 -1
- package/dist/chunks/menu.component-DWJeIuGD.js.map +0 -1
- package/dist/chunks/menu.component-Dd4ePEAs.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import st, { forwardRef as
|
|
2
|
+
import st, { forwardRef as h, useEffect as B, useId as Y, useRef as le, useCallback as j, useState as L, useMemo as D } from "react";
|
|
3
3
|
import { B as T } from "./index-9BerxEcw.js";
|
|
4
4
|
import { B as Z } from "./button.component-BO6oee_V.js";
|
|
5
|
-
import { I as
|
|
5
|
+
import { I as he } from "./icon.component-PV_nHBId.js";
|
|
6
6
|
import { W as ee } from "./text.component-CdTyTFds.js";
|
|
7
7
|
import { T as ge } from "./tooltip.component-C_NS-AoH.js";
|
|
8
8
|
import { F as z } from "./flex-CX-8gE9T.js";
|
|
@@ -12,7 +12,7 @@ import { u as it } from "./usePortalContentRef-DO_jc4W9.js";
|
|
|
12
12
|
import { u as te, s as fe, c as Me, d as Pe, P as ut } from "./index-C9UYIjEB.js";
|
|
13
13
|
import { c as lt } from "./create-slot-recipe-context-D_FXDJGp.js";
|
|
14
14
|
import { d as dt } from "./icons-CoSqruIn.js";
|
|
15
|
-
import { a as G, d as g, b as _, e as pt, u as mt, f as
|
|
15
|
+
import { a as G, d as g, b as _, e as pt, u as mt, f as xt, g as ht, n as gt } from "./use-locale-context-Bw4Gg9Z0.js";
|
|
16
16
|
import { m as ft, c as Mt } from "./index-CbVKVxMW.js";
|
|
17
17
|
import { a6 as p } from "./index-fHSGm2nC.js";
|
|
18
18
|
import { W as Pt } from "./checkbox.component-DE35wBj-.js";
|
|
@@ -21,12 +21,12 @@ const [ve, m] = G({
|
|
|
21
21
|
hookName: "useMenuContext",
|
|
22
22
|
providerName: "<MenuProvider />",
|
|
23
23
|
strict: !1
|
|
24
|
-
}), je =
|
|
24
|
+
}), je = h((o, n) => {
|
|
25
25
|
const t = m(), s = p(t.getArrowProps(), o);
|
|
26
26
|
return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
|
|
27
27
|
});
|
|
28
28
|
je.displayName = "MenuArrow";
|
|
29
|
-
const Ce =
|
|
29
|
+
const Ce = h((o, n) => {
|
|
30
30
|
const t = m(), s = p(t.getArrowTipProps(), o);
|
|
31
31
|
return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
|
|
32
32
|
});
|
|
@@ -39,7 +39,7 @@ const [ne, Zt] = G({
|
|
|
39
39
|
name: "MenuItemPropsContext",
|
|
40
40
|
hookName: "useMenuItemPropsContext",
|
|
41
41
|
providerName: "<MenuItemPropsProvider />"
|
|
42
|
-
}), be =
|
|
42
|
+
}), be = h((o, n) => {
|
|
43
43
|
const [t, s] = _()(o, [
|
|
44
44
|
"checked",
|
|
45
45
|
"closeOnSelect",
|
|
@@ -54,22 +54,22 @@ const [ne, Zt] = G({
|
|
|
54
54
|
return /* @__PURE__ */ e.jsx(oe, { value: c, children: /* @__PURE__ */ e.jsx(ne, { value: i, children: /* @__PURE__ */ e.jsx(g.div, { ...a, ref: n }) }) });
|
|
55
55
|
});
|
|
56
56
|
be.displayName = "MenuCheckboxItem";
|
|
57
|
-
const ke =
|
|
57
|
+
const ke = h((o, n) => {
|
|
58
58
|
const t = m(), s = te(), c = p(t.getContentProps(), s.getPresenceProps(), o);
|
|
59
59
|
return s.unmounted ? null : /* @__PURE__ */ e.jsx(g.div, { ...c, ref: pt(s.ref, n) });
|
|
60
60
|
});
|
|
61
61
|
ke.displayName = "MenuContent";
|
|
62
|
-
const Se =
|
|
62
|
+
const Se = h((o, n) => {
|
|
63
63
|
const t = m(), s = p(t.getContextTriggerProps(), o);
|
|
64
64
|
return /* @__PURE__ */ e.jsx(g.button, { ...s, ref: n });
|
|
65
65
|
});
|
|
66
66
|
Se.displayName = "MenuContextTrigger";
|
|
67
|
-
const we =
|
|
67
|
+
const we = h((o, n) => {
|
|
68
68
|
const t = m(), s = p(t.getIndicatorProps(), o);
|
|
69
69
|
return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
|
|
70
70
|
});
|
|
71
71
|
we.displayName = "MenuIndicator";
|
|
72
|
-
const Ne =
|
|
72
|
+
const Ne = h((o, n) => {
|
|
73
73
|
const [t, s] = _()(o, [
|
|
74
74
|
"closeOnSelect",
|
|
75
75
|
"disabled",
|
|
@@ -84,32 +84,32 @@ const [ye, Ae] = G({
|
|
|
84
84
|
name: "MenuItemGroupContext",
|
|
85
85
|
hookName: "useMenuItemGroupContext",
|
|
86
86
|
providerName: "<MenuItemGroupProvider />"
|
|
87
|
-
}), Te =
|
|
87
|
+
}), Te = h((o, n) => {
|
|
88
88
|
const [t, s] = _()(o, ["id"]), c = m(), a = { id: Y(), ...t }, i = p(c.getItemGroupProps(a), s);
|
|
89
89
|
return /* @__PURE__ */ e.jsx(ye, { value: a, children: /* @__PURE__ */ e.jsx(g.div, { ...i, ref: n }) });
|
|
90
90
|
});
|
|
91
91
|
Te.displayName = "MenuItemGroup";
|
|
92
|
-
const Ge =
|
|
92
|
+
const Ge = h((o, n) => {
|
|
93
93
|
const t = m(), s = Ae(), c = p(t.getItemGroupLabelProps({ htmlFor: s.id }), o);
|
|
94
94
|
return /* @__PURE__ */ e.jsx(g.div, { ...c, ref: n });
|
|
95
95
|
});
|
|
96
96
|
Ge.displayName = "MenuItemGroupLabel";
|
|
97
|
-
const _e =
|
|
97
|
+
const _e = h((o, n) => {
|
|
98
98
|
const t = m(), s = Ie(), c = p(t.getItemIndicatorProps(s), o);
|
|
99
99
|
return /* @__PURE__ */ e.jsx(g.div, { ...c, ref: n });
|
|
100
100
|
});
|
|
101
101
|
_e.displayName = "MenuItemIndicator";
|
|
102
|
-
const Oe =
|
|
102
|
+
const Oe = h((o, n) => {
|
|
103
103
|
const t = m(), s = Ie(), c = p(t.getItemTextProps(s), o);
|
|
104
104
|
return /* @__PURE__ */ e.jsx(g.div, { ...c, ref: n });
|
|
105
105
|
});
|
|
106
106
|
Oe.displayName = "MenuItemText";
|
|
107
|
-
const $e =
|
|
107
|
+
const $e = h((o, n) => {
|
|
108
108
|
const t = m(), s = p(t.getPositionerProps(), o);
|
|
109
109
|
return te().unmounted ? null : /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
|
|
110
110
|
});
|
|
111
111
|
$e.displayName = "MenuPositioner";
|
|
112
|
-
const Re =
|
|
112
|
+
const Re = h((o, n) => {
|
|
113
113
|
const [t, s] = _()(o, [
|
|
114
114
|
"closeOnSelect",
|
|
115
115
|
"disabled",
|
|
@@ -124,7 +124,7 @@ const Re = x((o, n) => {
|
|
|
124
124
|
return /* @__PURE__ */ e.jsx(oe, { value: a, children: /* @__PURE__ */ e.jsx(ne, { value: f, children: /* @__PURE__ */ e.jsx(g.div, { ...i, ref: n }) }) });
|
|
125
125
|
});
|
|
126
126
|
Re.displayName = "MenuRadioItem";
|
|
127
|
-
const Le =
|
|
127
|
+
const Le = h((o, n) => {
|
|
128
128
|
const [t, s] = _()(o, [
|
|
129
129
|
"id",
|
|
130
130
|
"onValueChange",
|
|
@@ -141,12 +141,12 @@ const Be = (o) => {
|
|
|
141
141
|
t.current !== !0 && (t.current = !0, n.current());
|
|
142
142
|
}, []);
|
|
143
143
|
}, vt = (o) => {
|
|
144
|
-
const n = Y(), { getRootNode: t } = mt(), { dir: s } =
|
|
144
|
+
const n = Y(), { getRootNode: t } = mt(), { dir: s } = xt(), c = {
|
|
145
145
|
id: n,
|
|
146
146
|
dir: s,
|
|
147
147
|
getRootNode: t,
|
|
148
148
|
...o
|
|
149
|
-
}, u =
|
|
149
|
+
}, u = ht(ft, c);
|
|
150
150
|
return { api: Mt(u, gt), service: u };
|
|
151
151
|
}, [ze, Fe] = G({
|
|
152
152
|
name: "MenuMachineContext",
|
|
@@ -194,12 +194,12 @@ const Be = (o) => {
|
|
|
194
194
|
});
|
|
195
195
|
const N = j(() => n?.getTriggerItemProps(a), [a, n]);
|
|
196
196
|
return /* @__PURE__ */ e.jsx(We, { value: N, children: /* @__PURE__ */ e.jsx(ze, { value: i, children: /* @__PURE__ */ e.jsx(ve, { value: a, children: /* @__PURE__ */ e.jsx(Pe, { value: f, children: u }) }) }) });
|
|
197
|
-
}, Ee =
|
|
197
|
+
}, Ee = h((o, n) => {
|
|
198
198
|
const t = m(), s = p(t.getSeparatorProps(), o);
|
|
199
199
|
return /* @__PURE__ */ e.jsx(g.hr, { ...s, ref: n });
|
|
200
200
|
});
|
|
201
201
|
Ee.displayName = "MenuSeparator";
|
|
202
|
-
const De =
|
|
202
|
+
const De = h((o, n) => {
|
|
203
203
|
const t = m(), s = te(), c = p(
|
|
204
204
|
{
|
|
205
205
|
...t.getTriggerProps(),
|
|
@@ -210,80 +210,80 @@ const De = x((o, n) => {
|
|
|
210
210
|
return /* @__PURE__ */ e.jsx(g.button, { ...c, ref: n });
|
|
211
211
|
});
|
|
212
212
|
De.displayName = "MenuTrigger";
|
|
213
|
-
const Ve =
|
|
213
|
+
const Ve = h((o, n) => {
|
|
214
214
|
const t = jt(), s = p(t?.() ?? {}, o);
|
|
215
215
|
return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
|
|
216
216
|
});
|
|
217
217
|
Ve.displayName = "MenuTriggerItem";
|
|
218
218
|
const {
|
|
219
219
|
withRootProvider: He,
|
|
220
|
-
withContext:
|
|
220
|
+
withContext: x
|
|
221
221
|
} = lt({ key: "menu" });
|
|
222
222
|
He(
|
|
223
223
|
It
|
|
224
224
|
);
|
|
225
225
|
const bt = He(Ct, {
|
|
226
226
|
defaultProps: { lazyMount: !0, unmountOnExit: !0 }
|
|
227
|
-
}), kt =
|
|
227
|
+
}), kt = x(
|
|
228
228
|
De,
|
|
229
229
|
"trigger",
|
|
230
230
|
{ forwardAsChild: !0 }
|
|
231
231
|
);
|
|
232
|
-
|
|
233
|
-
const St =
|
|
232
|
+
x(Se, "contextTrigger", { forwardAsChild: !0 });
|
|
233
|
+
const St = x(
|
|
234
234
|
$e,
|
|
235
235
|
"positioner",
|
|
236
236
|
{ forwardAsChild: !0 }
|
|
237
237
|
);
|
|
238
|
-
|
|
238
|
+
x(
|
|
239
239
|
Ee,
|
|
240
240
|
"separator",
|
|
241
241
|
{ forwardAsChild: !0 }
|
|
242
242
|
);
|
|
243
|
-
const wt =
|
|
243
|
+
const wt = x(
|
|
244
244
|
ke,
|
|
245
245
|
"content",
|
|
246
246
|
{ forwardAsChild: !0 }
|
|
247
|
-
), Nt =
|
|
247
|
+
), Nt = x(
|
|
248
248
|
Ce,
|
|
249
249
|
"arrowTip",
|
|
250
250
|
{ forwardAsChild: !0 }
|
|
251
251
|
);
|
|
252
|
-
|
|
252
|
+
x(
|
|
253
253
|
je,
|
|
254
254
|
"arrow",
|
|
255
255
|
{ forwardAsChild: !0, defaultProps: { children: /* @__PURE__ */ e.jsx(Nt, {}) } }
|
|
256
256
|
);
|
|
257
|
-
|
|
257
|
+
x(
|
|
258
258
|
we,
|
|
259
259
|
"indicator",
|
|
260
260
|
{ forwardAsChild: !0 }
|
|
261
261
|
);
|
|
262
|
-
const yt =
|
|
262
|
+
const yt = x(
|
|
263
263
|
Te,
|
|
264
264
|
"itemGroup",
|
|
265
265
|
{ forwardAsChild: !0 }
|
|
266
|
-
), At =
|
|
266
|
+
), At = x(Ge, "itemGroupLabel", { forwardAsChild: !0 }), de = x(
|
|
267
267
|
Ne,
|
|
268
268
|
"item",
|
|
269
269
|
{ forwardAsChild: !0 }
|
|
270
|
-
), Tt =
|
|
271
|
-
|
|
270
|
+
), Tt = x(Ve, "item", { forwardAsChild: !0 });
|
|
271
|
+
x(
|
|
272
272
|
Oe,
|
|
273
273
|
"itemText",
|
|
274
274
|
{ forwardAsChild: !0 }
|
|
275
275
|
);
|
|
276
|
-
|
|
276
|
+
x(
|
|
277
277
|
"kbd",
|
|
278
278
|
"itemCommand"
|
|
279
279
|
);
|
|
280
|
-
|
|
280
|
+
x(_e, "itemIndicator", {
|
|
281
281
|
forwardAsChild: !0,
|
|
282
282
|
defaultProps: { children: /* @__PURE__ */ e.jsx(dt, { boxSize: "4" }) }
|
|
283
283
|
});
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
284
|
+
x(be, "item", { forwardAsChild: !0 });
|
|
285
|
+
x(Le, "itemGroup", { forwardAsChild: !0 });
|
|
286
|
+
x(
|
|
287
287
|
Re,
|
|
288
288
|
"item",
|
|
289
289
|
{ forwardAsChild: !0 }
|
|
@@ -323,7 +323,7 @@ const Ke = ({
|
|
|
323
323
|
children: t
|
|
324
324
|
}
|
|
325
325
|
),
|
|
326
|
-
!o && /* @__PURE__ */ e.jsx(z, { className: "Menu__ButtonCaret", "data-testid": `${a}-caret`, children: /* @__PURE__ */ e.jsx(
|
|
326
|
+
!o && /* @__PURE__ */ e.jsx(z, { className: "Menu__ButtonCaret", "data-testid": `${a}-caret`, children: /* @__PURE__ */ e.jsx(he, { name: "chevronDown", size: n === "lg" ? "sm" : "xs" }) })
|
|
327
327
|
]
|
|
328
328
|
}
|
|
329
329
|
), Gt = ({ tooltipProps: o, isMenuOpen: n, ...t }) => {
|
|
@@ -368,7 +368,7 @@ const Ke = ({
|
|
|
368
368
|
lazyMount: I = !0,
|
|
369
369
|
unmountOnExit: V = !0
|
|
370
370
|
} = i;
|
|
371
|
-
return /* @__PURE__ */ e.jsx(
|
|
371
|
+
return console.log("positionerProps", M), /* @__PURE__ */ e.jsx(
|
|
372
372
|
Ot,
|
|
373
373
|
{
|
|
374
374
|
lazyMount: I,
|
|
@@ -394,7 +394,7 @@ const Ke = ({
|
|
|
394
394
|
variant: u
|
|
395
395
|
}
|
|
396
396
|
),
|
|
397
|
-
/* @__PURE__ */ e.jsx(
|
|
397
|
+
/* @__PURE__ */ e.jsx(he, { name: "chevronRight", size: "sm" })
|
|
398
398
|
]
|
|
399
399
|
}
|
|
400
400
|
),
|
|
@@ -479,11 +479,11 @@ const Ke = ({
|
|
|
479
479
|
["data-testid"]: s = "kibble-menu-toggle-buttons"
|
|
480
480
|
}) => {
|
|
481
481
|
const c = !!o;
|
|
482
|
-
return /* @__PURE__ */ e.jsx(T, { className: "Menu__ToggleButtons", "data-testid": s, ...c && { textAlign: "right", w: "50%" }, children: c ? /* @__PURE__ */ e.jsx(e.Fragment, { children: n ? /* @__PURE__ */ e.jsx(
|
|
482
|
+
return /* @__PURE__ */ e.jsx(T, { className: "Menu__ToggleButtons", "data-testid": s, ...c && { textAlign: "right", w: "50%" }, children: c ? /* @__PURE__ */ e.jsx(e.Fragment, { children: n ? /* @__PURE__ */ e.jsx(xe, { hasSelectedItems: n, groupName: o, onToggle: t }) : /* @__PURE__ */ e.jsx(me, { groupName: o, onToggle: t }) }) : /* @__PURE__ */ e.jsxs(z, { justifyContent: "space-between", children: [
|
|
483
483
|
/* @__PURE__ */ e.jsx(me, { groupName: o, onToggle: t }),
|
|
484
|
-
/* @__PURE__ */ e.jsx(
|
|
484
|
+
/* @__PURE__ */ e.jsx(xe, { hasSelectedItems: n, groupName: o, onToggle: t })
|
|
485
485
|
] }) });
|
|
486
|
-
}, me = ({ groupName: o, onToggle: n }) => /* @__PURE__ */ e.jsx(Z, { variant: "ghost", size: "xs", onClick: () => n({ groupName: o, clear: !1 }), children: "Select All" }),
|
|
486
|
+
}, me = ({ groupName: o, onToggle: n }) => /* @__PURE__ */ e.jsx(Z, { variant: "ghost", size: "xs", onClick: () => n({ groupName: o, clear: !1 }), children: "Select All" }), xe = ({ hasSelectedItems: o, groupName: n, onToggle: t }) => /* @__PURE__ */ e.jsx(
|
|
487
487
|
Z,
|
|
488
488
|
{
|
|
489
489
|
variant: "ghostNeutral",
|
|
@@ -547,7 +547,7 @@ const Ke = ({
|
|
|
547
547
|
);
|
|
548
548
|
} else
|
|
549
549
|
d = l ? [] : P.map((v) => ({ ...v, checked: !0 }));
|
|
550
|
-
|
|
550
|
+
re?.({ allSelectedItems: d });
|
|
551
551
|
},
|
|
552
552
|
[re, F, b]
|
|
553
553
|
), Xe = j(
|
|
@@ -570,9 +570,8 @@ const Ke = ({
|
|
|
570
570
|
[H, U, b]
|
|
571
571
|
), ue = j((r, l) => r === "" || !r ? l : l.filter((d) => !!(typeof d.label == "string" ? d.label : d.valueText)?.toLowerCase().includes(r.toLowerCase())), []), Ye = j(
|
|
572
572
|
(r) => {
|
|
573
|
-
console.log("e.target.value", r.target.value);
|
|
574
573
|
const l = r.target.value;
|
|
575
|
-
|
|
574
|
+
J(l), w && w(r);
|
|
576
575
|
},
|
|
577
576
|
[w]
|
|
578
577
|
), Ze = j(() => {
|
|
@@ -703,4 +702,4 @@ const Ke = ({
|
|
|
703
702
|
export {
|
|
704
703
|
Ot as M
|
|
705
704
|
};
|
|
706
|
-
//# sourceMappingURL=menu.component-
|
|
705
|
+
//# sourceMappingURL=menu.component-CFt2LRsh.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.component-CFt2LRsh.js","sources":["../../node_modules/@ark-ui/react/dist/components/menu/use-menu-context.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-arrow.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/menu/use-menu-item-context.js","../../node_modules/@ark-ui/react/dist/components/menu/use-menu-option-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-checkbox-item.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-content.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-context-trigger.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-indicator.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-item.js","../../node_modules/@ark-ui/react/dist/components/menu/use-menu-item-group-context.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-item-group.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-item-group-label.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-item-indicator.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-item-text.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-positioner.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-radio-item.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-radio-item-group.js","../../node_modules/@ark-ui/react/dist/utils/use-effect-once.js","../../node_modules/@ark-ui/react/dist/components/menu/use-menu.js","../../node_modules/@ark-ui/react/dist/components/menu/use-menu-machine-context.js","../../node_modules/@ark-ui/react/dist/components/menu/use-menu-trigger-item-context.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-root.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-root-provider.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-separator.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-trigger.js","../../node_modules/@ark-ui/react/dist/components/menu/menu-trigger-item.js","../../node_modules/@chakra-ui/react/dist/esm/components/menu/menu.js","../../src/components/Menu/components/MenuButton/menuButton.component.tsx","../../src/components/Menu/components/MenuItem/menuItem.component.tsx","../../src/components/Menu/components/MenuToggleButtons/menuToggleButtons.component.tsx","../../src/components/Menu/menu.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [MenuProvider, useMenuContext] = createContext({\n name: \"MenuContext\",\n hookName: \"useMenuContext\",\n providerName: \"<MenuProvider />\",\n strict: false\n});\n\nexport { MenuProvider, useMenuContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\n\nconst MenuArrow = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const mergedProps = mergeProps(menu.getArrowProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nMenuArrow.displayName = \"MenuArrow\";\n\nexport { MenuArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\n\nconst MenuArrowTip = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const mergedProps = mergeProps(menu.getArrowTipProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nMenuArrowTip.displayName = \"MenuArrowTip\";\n\nexport { MenuArrowTip };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [MenuItemProvider, useMenuItemContext] = createContext({\n name: \"MenuItemContext\",\n hookName: \"useMenuItemContext\",\n providerName: \"<MenuItemProvider />\"\n});\n\nexport { MenuItemProvider, useMenuItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [MenuItemPropsProvider, useMenuItemPropsContext] = createContext({\n name: \"MenuItemPropsContext\",\n hookName: \"useMenuItemPropsContext\",\n providerName: \"<MenuItemPropsProvider />\"\n});\n\nexport { MenuItemPropsProvider, useMenuItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\nimport { MenuItemProvider } from './use-menu-item-context.js';\nimport { MenuItemPropsProvider } from './use-menu-option-item-props-context.js';\n\nconst MenuCheckboxItem = forwardRef((props, ref) => {\n const [partialOptionItemProps, localProps] = createSplitProps()(props, [\n \"checked\",\n \"closeOnSelect\",\n \"disabled\",\n \"onCheckedChange\",\n \"value\",\n \"valueText\"\n ]);\n const optionItemProps = {\n ...partialOptionItemProps,\n type: \"checkbox\"\n };\n const menu = useMenuContext();\n const mergedProps = mergeProps(menu.getOptionItemProps(optionItemProps), localProps);\n const optionItemState = menu.getOptionItemState(optionItemProps);\n return /* @__PURE__ */ jsx(MenuItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsx(MenuItemProvider, { value: optionItemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n});\nMenuCheckboxItem.displayName = \"MenuCheckboxItem\";\n\nexport { MenuCheckboxItem };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useMenuContext } from './use-menu-context.js';\n\nconst MenuContent = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const presence = usePresenceContext();\n const mergedProps = mergeProps(menu.getContentProps(), presence.getPresenceProps(), props);\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nMenuContent.displayName = \"MenuContent\";\n\nexport { MenuContent };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\n\nconst MenuContextTrigger = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const mergedProps = mergeProps(menu.getContextTriggerProps(), props);\n return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nMenuContextTrigger.displayName = \"MenuContextTrigger\";\n\nexport { MenuContextTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\n\nconst MenuIndicator = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const mergedProps = mergeProps(menu.getIndicatorProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nMenuIndicator.displayName = \"MenuIndicator\";\n\nexport { MenuIndicator };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef, useEffect } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\nimport { MenuItemProvider } from './use-menu-item-context.js';\nimport { MenuItemPropsProvider } from './use-menu-option-item-props-context.js';\n\nconst MenuItem = forwardRef((props, ref) => {\n const [itemProps, localProps] = createSplitProps()(props, [\n \"closeOnSelect\",\n \"disabled\",\n \"value\",\n \"valueText\",\n \"onSelect\"\n ]);\n const menu = useMenuContext();\n const mergedProps = mergeProps(menu.getItemProps(itemProps), localProps);\n const itemState = menu.getItemState(itemProps);\n useEffect(() => {\n return menu.addItemListener({ id: itemState.id, onSelect: itemProps.onSelect });\n }, [itemState.id, itemProps.onSelect]);\n return /* @__PURE__ */ jsx(MenuItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(MenuItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n});\nMenuItem.displayName = \"MenuItem\";\n\nexport { MenuItem };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [MenuItemGroupProvider, useMenuItemGroupContext] = createContext({\n name: \"MenuItemGroupContext\",\n hookName: \"useMenuItemGroupContext\",\n providerName: \"<MenuItemGroupProvider />\"\n});\n\nexport { MenuItemGroupProvider, useMenuItemGroupContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef, useId } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\nimport { MenuItemGroupProvider } from './use-menu-item-group-context.js';\n\nconst MenuItemGroup = forwardRef((props, ref) => {\n const [optionalItemGroupProps, localProps] = createSplitProps()(props, [\"id\"]);\n const menu = useMenuContext();\n const id = useId();\n const itemGroupProps = { id, ...optionalItemGroupProps };\n const mergedProps = mergeProps(menu.getItemGroupProps(itemGroupProps), localProps);\n return /* @__PURE__ */ jsx(MenuItemGroupProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nMenuItemGroup.displayName = \"MenuItemGroup\";\n\nexport { MenuItemGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\nimport { useMenuItemGroupContext } from './use-menu-item-group-context.js';\n\nconst MenuItemGroupLabel = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const itemGroup = useMenuItemGroupContext();\n const mergedProps = mergeProps(menu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nMenuItemGroupLabel.displayName = \"MenuItemGroupLabel\";\n\nexport { MenuItemGroupLabel };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\nimport { useMenuItemPropsContext } from './use-menu-option-item-props-context.js';\n\nconst MenuItemIndicator = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const itemProps = useMenuItemPropsContext();\n const mergedProps = mergeProps(menu.getItemIndicatorProps(itemProps), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nMenuItemIndicator.displayName = \"MenuItemIndicator\";\n\nexport { MenuItemIndicator };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\nimport { useMenuItemPropsContext } from './use-menu-option-item-props-context.js';\n\nconst MenuItemText = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const itemProps = useMenuItemPropsContext();\n const mergedProps = mergeProps(menu.getItemTextProps(itemProps), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nMenuItemText.displayName = \"MenuItemText\";\n\nexport { MenuItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useMenuContext } from './use-menu-context.js';\n\nconst MenuPositioner = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const mergedProps = mergeProps(menu.getPositionerProps(), props);\n const presence = usePresenceContext();\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nMenuPositioner.displayName = \"MenuPositioner\";\n\nexport { MenuPositioner };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\nimport { MenuItemProvider } from './use-menu-item-context.js';\nimport { useMenuItemGroupContext } from './use-menu-item-group-context.js';\nimport { MenuItemPropsProvider } from './use-menu-option-item-props-context.js';\n\nconst MenuRadioItem = forwardRef((props, ref) => {\n const [partialItemProps, localProps] = createSplitProps()(props, [\n \"closeOnSelect\",\n \"disabled\",\n \"value\",\n \"valueText\"\n ]);\n const menu = useMenuContext();\n const itemGroup = useMenuItemGroupContext();\n const optionItemProps = {\n ...partialItemProps,\n checked: itemGroup.value === partialItemProps.value,\n type: \"radio\",\n onCheckedChange: () => itemGroup.onValueChange?.({ value: partialItemProps.value })\n };\n const mergedProps = mergeProps(menu.getOptionItemProps(optionItemProps), localProps);\n const optionItemState = menu.getOptionItemState(optionItemProps);\n return /* @__PURE__ */ jsx(MenuItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsx(MenuItemProvider, { value: optionItemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n});\nMenuRadioItem.displayName = \"MenuRadioItem\";\n\nexport { MenuRadioItem };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef, useId } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\nimport { MenuItemGroupProvider } from './use-menu-item-group-context.js';\n\nconst MenuRadioItemGroup = forwardRef((props, ref) => {\n const [optionalItemGroupProps, localProps] = createSplitProps()(props, [\n \"id\",\n \"onValueChange\",\n \"value\"\n ]);\n const menu = useMenuContext();\n const id = useId();\n const itemGroupProps = { id, ...optionalItemGroupProps };\n const mergedProps = mergeProps(menu.getItemGroupProps({ id: itemGroupProps.id }), localProps);\n return /* @__PURE__ */ jsx(MenuItemGroupProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nMenuRadioItemGroup.displayName = \"MenuRadioItemGroup\";\n\nexport { MenuRadioItemGroup };\n","'use client';\nimport { useRef, useEffect } from 'react';\n\nconst useEffectOnce = (cb) => {\n const savedCallback = useRef(cb);\n const effectGuard = useRef(false);\n useEffect(() => {\n savedCallback.current = cb;\n });\n useEffect(() => {\n if (effectGuard.current !== true) {\n effectGuard.current = true;\n savedCallback.current();\n }\n }, []);\n};\n\nexport { useEffectOnce };\n","'use client';\nimport * as menu from '@zag-js/menu';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useMenu = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(menu.machine, machineProps);\n const api = menu.connect(service, normalizeProps);\n return { api, service };\n};\n\nexport { useMenu };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [MenuMachineProvider, useMenuMachineContext] = createContext({\n name: \"MenuMachineContext\",\n hookName: \"useMenuMachineContext\",\n providerName: \"<MenuMachineProvider />\",\n strict: false\n});\n\nexport { MenuMachineProvider, useMenuMachineContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [MenuTriggerItemProvider, useMenuTriggerItemContext] = createContext({\n name: \"MenuMachineContext\",\n hookName: \"useMenuMachineContext\",\n providerName: \"<MenuMachineProvider />\",\n strict: false\n});\n\nexport { MenuTriggerItemProvider, useMenuTriggerItemContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { useCallback } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { useEffectOnce } from '../../utils/use-effect-once.js';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useMenu } from './use-menu.js';\nimport { useMenuContext, MenuProvider } from './use-menu-context.js';\nimport { useMenuMachineContext, MenuMachineProvider } from './use-menu-machine-context.js';\nimport { MenuTriggerItemProvider } from './use-menu-trigger-item-context.js';\n\nconst MenuRoot = (props) => {\n const [presenceProps, menuProps] = splitPresenceProps(props);\n const [useMenuProps, localProps] = createSplitProps()(menuProps, [\n \"anchorPoint\",\n \"aria-label\",\n \"closeOnSelect\",\n \"composite\",\n \"defaultHighlightedValue\",\n \"defaultOpen\",\n \"highlightedValue\",\n \"id\",\n \"ids\",\n \"loopFocus\",\n \"navigate\",\n \"onEscapeKeyDown\",\n \"onFocusOutside\",\n \"onHighlightChange\",\n \"onInteractOutside\",\n \"onOpenChange\",\n \"onPointerDownOutside\",\n \"onSelect\",\n \"open\",\n \"positioning\",\n \"typeahead\"\n ]);\n const parentApi = useMenuContext();\n const parentMachine = useMenuMachineContext();\n const { api, service } = useMenu(useMenuProps);\n const presence = usePresence(mergeProps({ present: api.open }, presenceProps));\n useEffectOnce(() => {\n if (!parentMachine) return;\n if (!parentApi) return;\n parentApi.setChild(service);\n api.setParent(parentMachine);\n });\n const triggerItemContext = useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]);\n return /* @__PURE__ */ jsx(MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsx(MenuMachineProvider, { value: service, children: /* @__PURE__ */ jsx(MenuProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, ...localProps }) }) }) });\n};\n\nexport { MenuRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { useCallback } from 'react';\nimport { useEffectOnce } from '../../utils/use-effect-once.js';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useMenuContext, MenuProvider } from './use-menu-context.js';\nimport { useMenuMachineContext, MenuMachineProvider } from './use-menu-machine-context.js';\nimport { MenuTriggerItemProvider } from './use-menu-trigger-item-context.js';\n\nconst MenuRootProvider = (props) => {\n const parentApi = useMenuContext();\n const parentMachine = useMenuMachineContext();\n const [presenceProps, { value: menu, children }] = splitPresenceProps(props);\n const { api, service } = menu;\n const presence = usePresence(mergeProps({ present: api.open }, presenceProps));\n useEffectOnce(() => {\n if (!parentMachine) return;\n if (!parentApi) return;\n parentApi.setChild(service);\n api.setParent(parentMachine);\n });\n const triggerItemContext = useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]);\n return /* @__PURE__ */ jsx(MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsx(MenuMachineProvider, { value: service, children: /* @__PURE__ */ jsx(MenuProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) }) });\n};\n\nexport { MenuRootProvider };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useMenuContext } from './use-menu-context.js';\n\nconst MenuSeparator = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const mergedProps = mergeProps(menu.getSeparatorProps(), props);\n return /* @__PURE__ */ jsx(ark.hr, { ...mergedProps, ref });\n});\nMenuSeparator.displayName = \"MenuSeparator\";\n\nexport { MenuSeparator };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useMenuContext } from './use-menu-context.js';\n\nconst MenuTrigger = forwardRef((props, ref) => {\n const menu = useMenuContext();\n const presence = usePresenceContext();\n const mergedProps = mergeProps(\n {\n ...menu.getTriggerProps(),\n \"aria-controls\": presence.unmounted ? void 0 : menu.getTriggerProps()[\"aria-controls\"]\n },\n props\n );\n return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nMenuTrigger.displayName = \"MenuTrigger\";\n\nexport { MenuTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useMenuTriggerItemContext } from './use-menu-trigger-item-context.js';\n\nconst MenuTriggerItem = forwardRef((props, ref) => {\n const getTriggerItemProps = useMenuTriggerItemContext();\n const mergedProps = mergeProps(getTriggerItemProps?.() ?? {}, props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nMenuTriggerItem.displayName = \"MenuTriggerItem\";\n\nexport { MenuTriggerItem };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Menu } from '@ark-ui/react/menu';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { CheckIcon } from '../icons.js';\n\nconst {\n withRootProvider,\n withContext,\n useStyles: useMenuStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"menu\" });\nconst MenuRootProvider = withRootProvider(\n Menu.RootProvider\n);\nconst MenuRoot = withRootProvider(Menu.Root, {\n defaultProps: { lazyMount: true, unmountOnExit: true }\n});\nconst MenuPropsProvider = PropsProvider;\nconst MenuTrigger = withContext(\n Menu.Trigger,\n \"trigger\",\n { forwardAsChild: true }\n);\nconst MenuContextTrigger = withContext(Menu.ContextTrigger, \"contextTrigger\", { forwardAsChild: true });\nconst MenuPositioner = withContext(\n Menu.Positioner,\n \"positioner\",\n { forwardAsChild: true }\n);\nconst MenuSeparator = withContext(\n Menu.Separator,\n \"separator\",\n { forwardAsChild: true }\n);\nconst MenuContent = withContext(\n Menu.Content,\n \"content\",\n { forwardAsChild: true }\n);\nconst MenuArrowTip = withContext(\n Menu.ArrowTip,\n \"arrowTip\",\n { forwardAsChild: true }\n);\nconst MenuArrow = withContext(\n Menu.Arrow,\n \"arrow\",\n { forwardAsChild: true, defaultProps: { children: /* @__PURE__ */ jsx(MenuArrowTip, {}) } }\n);\nconst MenuIndicator = withContext(\n Menu.Indicator,\n \"indicator\",\n { forwardAsChild: true }\n);\nconst MenuItemGroup = withContext(\n Menu.ItemGroup,\n \"itemGroup\",\n { forwardAsChild: true }\n);\nconst MenuItemGroupLabel = withContext(Menu.ItemGroupLabel, \"itemGroupLabel\", { forwardAsChild: true });\nconst MenuItem = withContext(\n Menu.Item,\n \"item\",\n { forwardAsChild: true }\n);\nconst MenuTriggerItem = withContext(Menu.TriggerItem, \"item\", { forwardAsChild: true });\nconst MenuItemText = withContext(\n Menu.ItemText,\n \"itemText\",\n { forwardAsChild: true }\n);\nconst MenuItemCommand = withContext(\n \"kbd\",\n \"itemCommand\"\n);\nconst MenuItemIndicator = withContext(Menu.ItemIndicator, \"itemIndicator\", {\n forwardAsChild: true,\n defaultProps: { children: /* @__PURE__ */ jsx(CheckIcon, { boxSize: \"4\" }) }\n});\nconst MenuCheckboxItem = withContext(Menu.CheckboxItem, \"item\", { forwardAsChild: true });\nconst MenuRadioItemGroup = withContext(Menu.RadioItemGroup, \"itemGroup\", { forwardAsChild: true });\nconst MenuRadioItem = withContext(\n Menu.RadioItem,\n \"item\",\n { forwardAsChild: true }\n);\nconst MenuContext = Menu.Context;\nconst MenuItemContext = Menu.ItemContext;\n\nexport { MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemCommand, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuPropsProvider, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuStyles };\n","import { Flex } from '@chakra-ui/react/flex';\nimport { Box } from '@chakra-ui/react/box';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Tooltip, TooltipProps } from 'components/Tooltip/tooltip.component';\nimport React, { useCallback, useEffect, useState } from 'react';\n\nexport interface MenuButtonProps extends Omit<ButtonProps, 'children'> {\n /** If true, the caret will be hidden.\n * @default false\n */\n hideCaret?: boolean;\n /** Text to display in the menu button. */\n text?: string;\n /** Props to customize the text. */\n textProps?: TextProps;\n /** Props to customize the tooltip. */\n tooltipProps?: Omit<TooltipProps, 'children' | 'label' | 'isOpen' | 'onClose'>;\n /** If true, the tooltip will be shown. */\n showTooltip?: boolean;\n /** Determines if the menu is open. */\n isMenuOpen?: boolean;\n}\n\nexport const MenuButton = ({\n hideCaret = false,\n size = 'md',\n text,\n textProps,\n variant,\n onClick,\n ['data-testid']: dataTestId = 'kibble-menu-button',\n ...rest\n}: MenuButtonProps): React.JSX.Element => {\n return (\n <Button\n className=\"Menu__Button\"\n data-testid={dataTestId}\n size={size}\n variant={variant}\n {...rest}\n {...(!text && hideCaret && { paddingInline: 0, paddingBlock: 0 })}\n onClick={(e) => {\n e.stopPropagation();\n onClick?.(e);\n }}\n >\n {text && (\n <Text\n className=\"Menu__ButtonText\"\n data-testid={`${dataTestId}-text`}\n fontWeight=\"semibold\"\n size={size}\n color={variant ? 'inherit' : textProps?.color || 'text.contrast'}\n truncated\n {...textProps}\n >\n {text}\n </Text>\n )}\n {!hideCaret && (\n <Flex className=\"Menu__ButtonCaret\" data-testid={`${dataTestId}-caret`}>\n <Icon name=\"chevronDown\" size={size === 'lg' ? 'sm' : 'xs'} />\n </Flex>\n )}\n </Button>\n );\n};\n\nexport const MenuButtonTooltip = ({ tooltipProps, isMenuOpen, ...rest }: MenuButtonProps): React.JSX.Element => {\n // Needed to manage tooltip open state separately to avoid sticky issues when we open and close menu list\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n const onMouseEnter = useCallback((): void => {\n if (!isMenuOpen) {\n setIsTooltipOpen(true);\n }\n }, [isMenuOpen]);\n\n const onMouseLeave = useCallback((): void => {\n if (!isMenuOpen) {\n setIsTooltipOpen(false);\n }\n }, [isMenuOpen]);\n\n // Close tooltip when menu opens\n useEffect(() => {\n if (isMenuOpen) {\n setIsTooltipOpen(false);\n }\n }, [isMenuOpen]);\n\n return (\n <Tooltip label={rest.text || ''} open={isTooltipOpen && !isMenuOpen} {...tooltipProps}>\n <Box\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n setIsTooltipOpen(false);\n }}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n <MenuButton {...rest} />\n </Box>\n </Tooltip>\n );\n};\n","import { Flex } from '@chakra-ui/react/flex';\nimport { Menu as CMenu } from '@chakra-ui/react/menu';\nimport React, { useCallback, useState } from 'react';\nimport { Text } from 'components/Text/text.component';\nimport { MenuItemType } from './menuItem.types';\nimport { Menu, MenuProps } from 'components/Menu';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { Checkbox } from 'components/Checkbox/checkbox.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Tooltip } from 'components/Tooltip';\n\ninterface BaseMenuItemProps {\n /** Label to display in the menu item. */\n label?: React.ReactNode;\n /** Left element to display in the menu item. */\n leftElement?: React.ReactNode;\n /** Group label to display in the menu item. */\n groupLabel?: string;\n /** Callback function to be called when the menu item is selected. */\n onSelect?: (value: string) => void;\n /** If true, the text will be truncated. */\n shouldTruncateText?: boolean;\n /** Type of the menu item.\n * @default default\n */\n type?: MenuItemType;\n /** Value of the menu item. */\n value: string;\n /** Variant of the menu item. */\n variant?: TypographyVariant;\n /** Data test id for the menu item.\n * @default kibble-menu-item\n */\n 'data-testid'?: string;\n}\n\ninterface DefaultMenuItemProps extends Omit<CMenu.ItemProps, 'onSelect' | 'isDisabled'> {\n /** Type of the menu item.\n * @default default\n */\n type?: 'default';\n /** If true, the menu item will be selected. */\n selected?: boolean;\n /** Tooltip label to display in the menu item. */\n tooltipLabel?: string;\n}\n\ninterface CheckboxMenuItemProps extends Omit<CMenu.CheckboxItemProps, 'onSelect'> {\n /** Type of the menu item.\n * @default checkbox\n */\n type: 'checkbox';\n /** If true, the checkbox will be checked. */\n checked: boolean;\n /** Tooltip label to display in the menu item. */\n tooltipLabel?: string;\n}\n\ninterface SubmenuMenuItemProps extends Omit<MenuProps, 'children' | 'buttonProps'> {\n /** Type of the menu item.\n * @default submenu\n */\n type: 'submenu';\n /** Value text for keyboard navigation. */\n valueText?: string;\n}\n\nexport type MenuItemProps = BaseMenuItemProps & (DefaultMenuItemProps | CheckboxMenuItemProps | SubmenuMenuItemProps);\n\nexport const MenuItem = ({\n label,\n leftElement,\n onSelect,\n shouldTruncateText,\n type = 'default',\n variant,\n ['data-testid']: dataTestId = 'kibble-menu-item',\n ...rest\n}: MenuItemProps): React.JSX.Element => {\n const [isSubmenuOpen, setIsSubmenuOpen] = useState(false);\n\n const handleItemSelect = useCallback(() => {\n if (onSelect) {\n onSelect(rest.value);\n }\n }, [onSelect, rest.value]);\n\n if (type === 'submenu') {\n const {\n valueText,\n listProps,\n positionerProps,\n portalled = true,\n open,\n lazyMount = true,\n unmountOnExit = true,\n } = rest as Omit<SubmenuMenuItemProps, 'type'>;\n\n console.log('positionerProps', positionerProps);\n\n return (\n <Menu\n lazyMount={lazyMount}\n unmountOnExit={unmountOnExit}\n submenuTrigger={\n <CMenu.TriggerItem\n className=\"Menu__Item--Submenu\"\n data-testid={`${dataTestId}-submenu`}\n justifyContent=\"space-between\"\n aria-valuetext={valueText}\n position=\"relative\"\n onClick={(): void => {\n // If the submenu is controlled, call the onSelect callback passed to the menu\n if (open !== undefined && onSelect) {\n onSelect(rest.value);\n } else {\n // Otherwise, toggle the internalsubmenu open state\n setIsSubmenuOpen(!isSubmenuOpen);\n }\n }}\n >\n <MenuItemLabel\n label={label}\n leftElement={leftElement}\n shouldTruncateText={shouldTruncateText}\n variant={variant}\n />\n <Icon name=\"chevronRight\" size=\"sm\" />\n </CMenu.TriggerItem>\n }\n portalled={portalled}\n open={open !== undefined ? open : isSubmenuOpen}\n listProps={listProps}\n positionerProps={positionerProps}\n />\n );\n }\n\n if (type === 'checkbox') {\n const { checked, value, disabled, tooltipLabel, ...checkboxRest } = rest as CheckboxMenuItemProps;\n return (\n <CMenu.Item\n className=\"Menu__Item--Checkbox\"\n data-testid={`${dataTestId}-checkbox`}\n value={value}\n closeOnSelect={false}\n onSelect={disabled ? undefined : handleItemSelect}\n gap={3}\n disabled={disabled}\n {...checkboxRest}\n >\n <Checkbox checked={!!checked} disabled={disabled} size=\"md\" fullWidth={false} />\n <MenuItemLabel\n label={label}\n leftElement={leftElement}\n shouldTruncateText={shouldTruncateText}\n variant={variant}\n tooltipLabel={tooltipLabel}\n />\n </CMenu.Item>\n );\n }\n\n if (type === 'default') {\n const { selected = false, disabled, value, tooltipLabel, ...defaultRest } = rest as DefaultMenuItemProps;\n return (\n <CMenu.Item\n className=\"Menu__Item--Default\"\n data-testid={`${dataTestId}-default`}\n value={value}\n onSelect={disabled ? undefined : handleItemSelect}\n disabled={disabled}\n {...(selected && { bgColor: 'background.secondaryAlpha.hover' })}\n {...defaultRest}\n >\n <MenuItemLabel\n label={label}\n leftElement={leftElement}\n shouldTruncateText={shouldTruncateText}\n variant={selected ? 'info' : variant}\n tooltipLabel={tooltipLabel}\n />\n </CMenu.Item>\n );\n }\n\n return <></>;\n};\n\nconst MenuItemLabel = ({\n label,\n leftElement,\n shouldTruncateText,\n variant,\n tooltipLabel,\n}: {\n label?: React.ReactNode;\n leftElement?: React.ReactNode;\n shouldTruncateText?: boolean;\n variant?: TypographyVariant;\n tooltipLabel?: string;\n}): React.JSX.Element => {\n const content = (\n <Flex className=\"Menu__ItemLabel\" alignItems=\"center\" gap={3}>\n {leftElement}\n {typeof label === 'string' ? (\n <Text size=\"sm\" truncated={shouldTruncateText} variant={variant}>\n {label}\n </Text>\n ) : (\n label\n )}\n </Flex>\n );\n return tooltipLabel ? <Tooltip label={tooltipLabel}>{content}</Tooltip> : content;\n};\n","import { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Button } from 'components/Button/button.component';\n\ninterface MenuToggleButtonsProps {\n /** Determines if there are selected items. */\n hasSelectedItems?: boolean;\n /** Name of the group. */\n groupName?: string;\n /** Callback function to toggle the selected items. */\n onToggle: ({ groupName, clear }: { clear: boolean; groupName?: string }) => void;\n /** Data test id for the menu toggle buttons.\n * @default kibble-menu-toggle-buttons\n */\n 'data-testid'?: string;\n}\n\nexport const MenuToggleButtons = ({\n groupName,\n hasSelectedItems = false,\n onToggle,\n ['data-testid']: dataTestId = 'kibble-menu-toggle-buttons',\n}: MenuToggleButtonsProps): React.JSX.Element => {\n const isGrouped = !!groupName;\n return (\n <Box className=\"Menu__ToggleButtons\" data-testid={dataTestId} {...(isGrouped && { textAlign: 'right', w: '50%' })}>\n {isGrouped ? (\n <>\n {hasSelectedItems ? (\n <ClearAllButton hasSelectedItems={hasSelectedItems} groupName={groupName} onToggle={onToggle} />\n ) : (\n <SelectAllButton groupName={groupName} onToggle={onToggle} />\n )}\n </>\n ) : (\n <Flex justifyContent=\"space-between\">\n <SelectAllButton groupName={groupName} onToggle={onToggle} />\n <ClearAllButton hasSelectedItems={hasSelectedItems} groupName={groupName} onToggle={onToggle} />\n </Flex>\n )}\n </Box>\n );\n};\n\nconst SelectAllButton = ({ groupName, onToggle }: MenuToggleButtonsProps): React.JSX.Element => {\n return (\n <Button variant=\"ghost\" size=\"xs\" onClick={(): void => onToggle({ groupName, clear: false })}>\n Select All\n </Button>\n );\n};\n\nconst ClearAllButton = ({ hasSelectedItems, groupName, onToggle }: MenuToggleButtonsProps): React.JSX.Element => {\n return (\n <Button\n variant=\"ghostNeutral\"\n iconName=\"arrowCircle\"\n size=\"xs\"\n disabled={!hasSelectedItems}\n onClick={(): void => onToggle({ groupName, clear: true })}\n >\n Clear All\n </Button>\n );\n};\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Menu as CMenu } from '@chakra-ui/react/menu';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { MenuButton, MenuButtonTooltip, MenuButtonProps } from './components/MenuButton/menuButton.component';\nimport { MenuItem, MenuItemProps } from './components/MenuItem/menuItem.component';\nimport { Box } from '@chakra-ui/react/box';\nimport { Text } from 'components/Text/text.component';\nimport { TextInput } from 'components/TextInput/textInput.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { MenuToggleButtons } from './components/MenuToggleButtons/menuToggleButtons.component';\nimport { usePortalContentRef } from 'hooks/usePortalContentRef';\nimport { MenuListOnOpenChangeProps } from './menu.types';\nimport { MenuListProps } from './components/MenuList/menuList.types';\n\nexport interface MenuProps extends Omit<CMenu.RootProps, 'children' | 'onSelect' | 'onOpenChange'> {\n /** Props to customize the menu button trigger. */\n buttonProps?: MenuButtonProps;\n /** Props to customize the menu list. */\n listProps?: MenuListProps;\n /** Props to customize the positioner of the menu. */\n positionerProps?: CMenu.PositionerProps;\n /**\n * If true, the menu will be rendered in a Portal.\n * @default false\n */\n portalled?: boolean;\n /** Callback function to be called when the menu is opened or closed. */\n onOpenChange?: ({ open, allSelectedItems }: MenuListOnOpenChangeProps) => void;\n /** Data test id for the menu.\n * @default kibble-menu\n */\n 'data-testid'?: string;\n}\n\ninterface InternalMenuProps extends MenuProps {\n /** React element to be used as the trigger for the submenu.\n * @internal\n */\n submenuTrigger?: React.ReactNode;\n}\n\nexport const Menu = ({\n buttonProps,\n listProps,\n positionerProps,\n portalled = false,\n submenuTrigger,\n lazyMount = true,\n onOpenChange,\n ['data-testid']: dataTestId = 'kibble-menu',\n ...rest\n}: InternalMenuProps): React.JSX.Element => {\n const { contentRef } = usePortalContentRef();\n const {\n canSelectAll,\n canSelectGroups,\n emptyState = 'No results found',\n groupSortOrder,\n loading,\n maxH = '480px',\n menuItems = [],\n minW = '240px',\n onSearch,\n onSelect: onListSelect,\n onSelectAll,\n searchable,\n searchPlaceholder = 'Search...',\n shouldTruncateText,\n ...restListProps\n } = listProps || {};\n const [isOpen, setIsOpen] = useState(false);\n const [searchText, setSearchText] = useState<string>('');\n const [filteredMenuItems, setFilteredMenuItems] = useState<MenuItemProps[]>(menuItems);\n\n // Menu Items\n const groupedItems = useMemo(() => {\n const groups: Record<string, Record<string, MenuItemProps[]>> = {};\n\n filteredMenuItems?.forEach((item) => {\n const group = item.groupLabel || 'default';\n // Default and submenu items are grouped under \"default\"\n const type = item.type === 'checkbox' ? 'checkbox' : 'default';\n\n if (!groups[group]) {\n groups[group] = {};\n }\n\n if (!groups[group][type]) {\n groups[group][type] = [];\n }\n\n groups[group][type].push(item);\n });\n\n return groups;\n }, [filteredMenuItems]);\n\n const groups = useMemo(() => {\n const entries = Object.entries(groupedItems);\n\n if (!groupSortOrder || groupSortOrder.length === 0) {\n return entries;\n }\n\n // Sort groups based on groupSortOrder\n return entries.sort(([groupLabelA], [groupLabelB]) => {\n const indexA = groupSortOrder.indexOf(groupLabelA);\n const indexB = groupSortOrder.indexOf(groupLabelB);\n\n // If both groups are in the sort order, sort by their index\n if (indexA !== -1 && indexB !== -1) {\n return indexA - indexB;\n }\n\n // If only groupA is in the sort order, it comes first\n if (indexA !== -1) {\n return -1;\n }\n\n // If only groupB is in the sort order, it comes first\n if (indexB !== -1) {\n return 1;\n }\n\n // If neither group is in the sort order, maintain original order\n return 0;\n });\n }, [groupedItems, groupSortOrder]);\n\n // Checkbox State Management\n const checkboxItems = useMemo(() => menuItems?.filter((item) => item.type === 'checkbox') || [], [menuItems]);\n\n // Helper functions for checkbox state management\n const isChecked = useCallback(\n (value: string) => {\n return checkboxItems.some((item) => item.value === value && item.checked);\n },\n [checkboxItems],\n );\n\n // Helper function to get selected menu items based on selected values\n const selectedCheckboxItems = useMemo(() => {\n return checkboxItems.filter((item) => item.checked);\n }, [checkboxItems]);\n\n const handleToggleSelectAll = useCallback(\n ({ groupName, clear }: { groupName?: string; clear: boolean }) => {\n let newSelectedItems: MenuItemProps[];\n // Only allow checkbox items that are not disabled to be toggled\n const filteredCheckboxItems = filteredMenuItems.filter((item) => item.type === 'checkbox' && !item.disabled);\n\n // If the group name is provided, only toggle the items in the group\n if (groupName) {\n // Get the items in the group\n const groupedItems = filteredCheckboxItems.filter((item) => item.groupLabel === groupName);\n\n // If the clear flag is true, remove the items in the group\n newSelectedItems = clear\n ? selectedCheckboxItems.filter((cItem) => cItem.groupLabel !== groupName)\n : // Otherwise, add the items in the group to the selected items\n [...new Set([...selectedCheckboxItems, ...groupedItems])];\n } else {\n // If the group name is not provided, toggle all the items\n newSelectedItems = clear\n ? []\n : filteredCheckboxItems.map((item) => {\n return { ...item, checked: true };\n });\n }\n\n // Call the onSelectAll callback with the updated values\n onSelectAll?.({ allSelectedItems: newSelectedItems });\n },\n [onSelectAll, filteredMenuItems, selectedCheckboxItems],\n );\n\n const handleSelect = useCallback(\n (item: MenuItemProps) => {\n // If the item is a checkbox, update the selected checkbox values\n if (item.type === 'checkbox') {\n // Get the new list of selected checkbox items\n const allSelectedItems = isChecked(item.value)\n ? selectedCheckboxItems.filter((cItem) => cItem.value !== item.value)\n : [...selectedCheckboxItems, item];\n\n // If the item has it's own onSelect, call it with just the item value\n if (item.onSelect) {\n item.onSelect(item.value);\n return;\n }\n\n // Otherwise call the onSelect callback with the updated values\n onListSelect?.({ item, allSelectedItems });\n return;\n }\n\n // Otherwise this is a default item, so first check if the item has it's own onSelect callback\n if (item.onSelect) {\n item.onSelect(item.value);\n return;\n }\n\n // Otherwise call the onSelect callback with just the item itself\n onListSelect?.({ item, allSelectedItems: [item] });\n },\n [onListSelect, isChecked, selectedCheckboxItems],\n );\n\n // Search\n const filterOptions = useCallback((searchInput: string, itemsToFilter: MenuItemProps[]) => {\n if (searchInput === '' || !searchInput) {\n return itemsToFilter;\n }\n\n return itemsToFilter.filter((item): boolean => {\n const labelText = typeof item.label === 'string' ? item.label : item.valueText;\n\n return !!labelText?.toLowerCase().includes(searchInput.toLowerCase());\n });\n }, []);\n\n const handleSearch = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const searchInput = e.target.value;\n setSearchText(searchInput);\n\n if (onSearch) {\n onSearch(e);\n }\n },\n [onSearch],\n );\n\n const clearSearch = useCallback(() => {\n setSearchText('');\n\n if (onSearch) {\n onSearch({\n target: { value: '' },\n } as React.ChangeEvent<HTMLInputElement>);\n }\n }, [onSearch]);\n\n // Cleanup\n const handleOpenChange = useCallback(\n (open: boolean) => {\n setIsOpen(open); // Track open state\n if (!open) {\n setSearchText('');\n setFilteredMenuItems(menuItems);\n }\n\n if (onOpenChange) {\n onOpenChange({ open, allSelectedItems: selectedCheckboxItems });\n }\n },\n [menuItems, onOpenChange, selectedCheckboxItems],\n );\n\n useEffect(() => {\n if (onSearch) {\n setFilteredMenuItems(menuItems);\n } else {\n setFilteredMenuItems(filterOptions(searchText, menuItems));\n }\n }, [searchText, onSearch, filterOptions, menuItems]);\n\n return (\n <CMenu.Root\n lazyMount={lazyMount}\n unmountOnExit={lazyMount}\n onOpenChange={(details) => {\n handleOpenChange(details.open);\n }}\n {...rest}\n >\n {!submenuTrigger ? (\n <CMenu.Trigger asChild className=\"Menu__Trigger\" data-testid={`${dataTestId}-trigger`}>\n {buttonProps?.showTooltip ? (\n <MenuButtonTooltip isMenuOpen={isOpen} {...buttonProps} />\n ) : (\n <MenuButton {...buttonProps} />\n )}\n </CMenu.Trigger>\n ) : (\n submenuTrigger\n )}\n <Portal disabled={!portalled} container={contentRef || undefined}>\n <CMenu.Positioner className=\"Menu\" data-testid={dataTestId} {...positionerProps}>\n <CMenu.Content\n className=\"Menu__Content\"\n data-testid={`${dataTestId}-content`}\n maxH={maxH}\n minW={minW}\n {...restListProps}\n {...(searchable && { pt: '0' })}\n onClick={(e) => {\n e.stopPropagation();\n restListProps?.onClick?.(e);\n }}\n >\n {searchable && (\n <Box\n className=\"Menu__SearchBarContainer\"\n data-testid={`${dataTestId}-search-bar-container`}\n px={3}\n py={2}\n position=\"sticky\"\n top={0}\n bg=\"background\"\n zIndex=\"docked\"\n >\n <TextInput\n className=\"Menu__SearchBar\"\n data-testid={`${dataTestId}-search-bar`}\n placeholder={searchPlaceholder}\n onChange={handleSearch}\n size=\"sm\"\n value={searchText}\n clearable\n onClear={clearSearch}\n // Necessary to prevent the Menu from intercepting the Space key press and opening the menu when the search input is focused\n onKeyDown={(e) => {\n if (e.code === 'Space') {\n e.stopPropagation();\n }\n }}\n />\n </Box>\n )}\n {canSelectAll && (\n <Box\n className=\"Menu__CheckboxGroupHeader\"\n data-testid={`${dataTestId}-checkbox-group-header`}\n px={3}\n mt={searchable ? 1 : 2}\n >\n {canSelectAll && !!checkboxItems.length && (\n <MenuToggleButtons\n onToggle={handleToggleSelectAll}\n hasSelectedItems={!!selectedCheckboxItems.length}\n />\n )}\n </Box>\n )}\n {loading && (\n <Flex justifyContent=\"center\" py={5}>\n <Spinner fullScreen />\n </Flex>\n )}\n <Box className=\"Menu__List\" data-testid={`${dataTestId}-list`}>\n {groups.length ? (\n <>\n {groups.map(([groupLabel, types]) => {\n const isDefaultGroup = groupLabel === 'default';\n const itemTypes = Object.keys(types);\n const MenuGroupContainer = !isDefaultGroup ? CMenu.ItemGroup : React.Fragment;\n const groupValues = types['checkbox']?.map((item) => item.value);\n const hasSelectedItems = groupValues?.some((value) =>\n selectedCheckboxItems.some((item) => item.value === value && item.checked),\n );\n return (\n <MenuGroupContainer key={groupLabel}>\n {!isDefaultGroup && (\n <CMenu.ItemGroupLabel>\n <Flex alignItems=\"center\" justifyContent=\"space-between\">\n {groupLabel}\n {canSelectGroups && itemTypes.includes('checkbox') && (\n <MenuToggleButtons\n groupName={groupLabel}\n onToggle={handleToggleSelectAll}\n hasSelectedItems={hasSelectedItems}\n />\n )}\n </Flex>\n </CMenu.ItemGroupLabel>\n )}\n {Object.entries(types).map(([type, items]) =>\n items.map((item, index) => {\n const { groupLabel, ...rest } = item;\n return (\n <MenuItem\n key={`menu-item-${groupLabel}-${type}-${index}`}\n {...rest}\n shouldTruncateText={shouldTruncateText}\n {...(item.type === 'checkbox' && {\n checked: isChecked(item.value),\n })}\n data-testid={`${dataTestId}-item-${item.label}`}\n onSelect={() => handleSelect(item)}\n />\n );\n }),\n )}\n </MenuGroupContainer>\n );\n })}\n </>\n ) : (\n <>\n <Box p={3}>\n {typeof emptyState === 'string' ? (\n <Box textAlign=\"center\">\n <Text size=\"sm\" variant=\"subtle\" data-testid={`${dataTestId}-empty-state`}>\n {emptyState}\n </Text>\n </Box>\n ) : (\n emptyState\n )}\n </Box>\n </>\n )}\n </Box>\n </CMenu.Content>\n </CMenu.Positioner>\n </Portal>\n </CMenu.Root>\n );\n};\n"],"names":["MenuProvider","useMenuContext","createContext","MenuArrow","forwardRef","props","ref","menu","mergedProps","mergeProps","jsx","ark","MenuArrowTip","MenuItemProvider","useMenuItemContext","MenuItemPropsProvider","useMenuItemPropsContext","MenuCheckboxItem","partialOptionItemProps","localProps","createSplitProps","optionItemProps","optionItemState","MenuContent","presence","usePresenceContext","composeRefs","MenuContextTrigger","MenuIndicator","MenuItem","itemProps","itemState","useEffect","MenuItemGroupProvider","useMenuItemGroupContext","MenuItemGroup","optionalItemGroupProps","itemGroupProps","useId","MenuItemGroupLabel","itemGroup","MenuItemIndicator","MenuItemText","MenuPositioner","MenuRadioItem","partialItemProps","MenuRadioItemGroup","useEffectOnce","cb","savedCallback","useRef","effectGuard","useMenu","id","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","menu.machine","menu.connect","normalizeProps","MenuMachineProvider","useMenuMachineContext","MenuTriggerItemProvider","useMenuTriggerItemContext","MenuRoot","presenceProps","menuProps","splitPresenceProps","useMenuProps","parentApi","parentMachine","api","usePresence","triggerItemContext","useCallback","PresenceProvider","MenuRootProvider","children","MenuSeparator","MenuTrigger","MenuTriggerItem","getTriggerItemProps","withRootProvider","withContext","createSlotRecipeContext","Menu.RootProvider","Menu.Root","Menu.Trigger","Menu.ContextTrigger","Menu.Positioner","Menu.Separator","Menu.Content","Menu.ArrowTip","Menu.Arrow","Menu.Indicator","Menu.ItemGroup","Menu.ItemGroupLabel","Menu.Item","Menu.TriggerItem","Menu.ItemText","Menu.ItemIndicator","CheckIcon","Menu.CheckboxItem","Menu.RadioItemGroup","Menu.RadioItem","MenuButton","hideCaret","size","text","textProps","variant","onClick","dataTestId","rest","jsxs","Button","e","Text","Flex","Icon","MenuButtonTooltip","tooltipProps","isMenuOpen","isTooltipOpen","setIsTooltipOpen","useState","onMouseEnter","onMouseLeave","Tooltip","Box","label","leftElement","onSelect","shouldTruncateText","type","isSubmenuOpen","setIsSubmenuOpen","handleItemSelect","valueText","listProps","positionerProps","portalled","open","lazyMount","unmountOnExit","Menu","CMenu.TriggerItem","MenuItemLabel","checked","value","disabled","tooltipLabel","checkboxRest","CMenu.Item","Checkbox","selected","defaultRest","Fragment","content","MenuToggleButtons","groupName","hasSelectedItems","onToggle","isGrouped","ClearAllButton","SelectAllButton","buttonProps","submenuTrigger","onOpenChange","contentRef","usePortalContentRef","canSelectAll","canSelectGroups","emptyState","groupSortOrder","loading","maxH","menuItems","minW","onSearch","onListSelect","onSelectAll","searchable","searchPlaceholder","restListProps","isOpen","setIsOpen","searchText","setSearchText","filteredMenuItems","setFilteredMenuItems","groupedItems","useMemo","groups","item","group","entries","groupLabelA","groupLabelB","indexA","indexB","checkboxItems","isChecked","selectedCheckboxItems","handleToggleSelectAll","clear","newSelectedItems","filteredCheckboxItems","cItem","handleSelect","allSelectedItems","filterOptions","searchInput","itemsToFilter","handleSearch","clearSearch","handleOpenChange","CMenu.Root","details","CMenu.Trigger","Portal","CMenu.Positioner","CMenu.Content","TextInput","Spinner","groupLabel","types","isDefaultGroup","itemTypes","MenuGroupContainer","React","CMenu.ItemGroup","CMenu.ItemGroupLabel","items","index"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("react"),y=require("./index-BQRnVsAg.js"),K=require("./button.component-DjdgBXDC.js"),ce=require("./icon.component-B1hr5lLa.js"),J=require("./text.component-CeioUl0G.js"),ae=require("./tooltip.component-BkFDi5yK.js"),G=require("./flex-BOU6tYUd.js"),Ue=require("./textInput.component-C1vwy6pL.js"),Xe=require("./spinner.component-DuW1_IWM.js"),Ye=require("./usePortalContentRef-CTrvBQ7I.js"),E=require("./index-Ts8g8jZd.js"),Ze=require("./create-slot-recipe-context-HXE1VazG.js"),et=require("./icons-B6Nwr9di.js"),l=require("./use-locale-context-ym21RUxU.js"),re=require("./index-rSq6Bry6.js"),m=require("./index-CQURjLlA.js"),tt=require("./checkbox.component-CiA3Z1zR.js"),st=t=>t&&t.__esModule?t:{default:t},rt=st(i),[le,j]=l.createContext({name:"MenuContext",hookName:"useMenuContext",providerName:"<MenuProvider />",strict:!1}),pe=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getArrowProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});pe.displayName="MenuArrow";const xe=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getArrowTipProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});xe.displayName="MenuArrowTip";const[Q,ft]=l.createContext({name:"MenuItemContext",hookName:"useMenuItemContext",providerName:"<MenuItemProvider />"}),[U,de]=l.createContext({name:"MenuItemPropsContext",hookName:"useMenuItemPropsContext",providerName:"<MenuItemPropsProvider />"}),me=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["checked","closeOnSelect","disabled","onCheckedChange","value","valueText"]),u={...s,type:"checkbox"},p=j(),c=m.mergeProps(p.getOptionItemProps(u),o),a=p.getOptionItemState(u);return e.jsxRuntimeExports.jsx(U,{value:u,children:e.jsxRuntimeExports.jsx(Q,{value:a,children:e.jsxRuntimeExports.jsx(l.ark.div,{...c,ref:r})})})});me.displayName="MenuCheckboxItem";const je=i.forwardRef((t,r)=>{const s=j(),o=E.usePresenceContext(),u=m.mergeProps(s.getContentProps(),o.getPresenceProps(),t);return o.unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:l.composeRefs(o.ref,r)})});je.displayName="MenuContent";const he=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getContextTriggerProps(),t);return e.jsxRuntimeExports.jsx(l.ark.button,{...o,ref:r})});he.displayName="MenuContextTrigger";const ge=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});ge.displayName="MenuIndicator";const fe=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["closeOnSelect","disabled","value","valueText","onSelect"]),u=j(),p=m.mergeProps(u.getItemProps(s),o),c=u.getItemState(s);return i.useEffect(()=>u.addItemListener({id:c.id,onSelect:s.onSelect}),[c.id,s.onSelect]),e.jsxRuntimeExports.jsx(U,{value:s,children:e.jsxRuntimeExports.jsx(Q,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...p,ref:r})})})});fe.displayName="MenuItem";const[Pe,Re]=l.createContext({name:"MenuItemGroupContext",hookName:"useMenuItemGroupContext",providerName:"<MenuItemGroupProvider />"}),Ce=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["id"]),u=j(),c={id:i.useId(),...s},a=m.mergeProps(u.getItemGroupProps(c),o);return e.jsxRuntimeExports.jsx(Pe,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})});Ce.displayName="MenuItemGroup";const Me=i.forwardRef((t,r)=>{const s=j(),o=Re(),u=m.mergeProps(s.getItemGroupLabelProps({htmlFor:o.id}),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});Me.displayName="MenuItemGroupLabel";const ve=i.forwardRef((t,r)=>{const s=j(),o=de(),u=m.mergeProps(s.getItemIndicatorProps(o),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});ve.displayName="MenuItemIndicator";const Ee=i.forwardRef((t,r)=>{const s=j(),o=de(),u=m.mergeProps(s.getItemTextProps(o),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});Ee.displayName="MenuItemText";const Ie=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getPositionerProps(),t);return E.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});Ie.displayName="MenuPositioner";const be=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["closeOnSelect","disabled","value","valueText"]),u=j(),p=Re(),c={...s,checked:p.value===s.value,type:"radio",onCheckedChange:()=>p.onValueChange?.({value:s.value})},a=m.mergeProps(u.getOptionItemProps(c),o),g=u.getOptionItemState(c);return e.jsxRuntimeExports.jsx(U,{value:c,children:e.jsxRuntimeExports.jsx(Q,{value:g,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})})});be.displayName="MenuRadioItem";const ke=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["id","onValueChange","value"]),u=j(),c={id:i.useId(),...s},a=m.mergeProps(u.getItemGroupProps({id:c.id}),o);return e.jsxRuntimeExports.jsx(Pe,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})});ke.displayName="MenuRadioItemGroup";const Se=t=>{const r=i.useRef(t),s=i.useRef(!1);i.useEffect(()=>{r.current=t}),i.useEffect(()=>{s.current!==!0&&(s.current=!0,r.current())},[])},nt=t=>{const r=i.useId(),{getRootNode:s}=l.useEnvironmentContext(),{dir:o}=l.useLocaleContext(),u={id:r,dir:o,getRootNode:s,...t},p=l.useMachine(re.machine,u);return{api:re.connect(p,l.normalizeProps),service:p}},[we,Ne]=l.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),[ye,ot]=l.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),ut=t=>{const[r,s]=E.splitPresenceProps(t),[o,u]=l.createSplitProps()(s,["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","open","positioning","typeahead"]),p=j(),c=Ne(),{api:a,service:g}=nt(o),S=E.usePresence(m.mergeProps({present:a.open},r));Se(()=>{c&&p&&(p.setChild(g),a.setParent(c))});const w=i.useCallback(()=>p?.getTriggerItemProps(a),[a,p]);return e.jsxRuntimeExports.jsx(ye,{value:w,children:e.jsxRuntimeExports.jsx(we,{value:g,children:e.jsxRuntimeExports.jsx(le,{value:a,children:e.jsxRuntimeExports.jsx(E.PresenceProvider,{value:S,...u})})})})},it=t=>{const r=j(),s=Ne(),[o,{value:u,children:p}]=E.splitPresenceProps(t),{api:c,service:a}=u,g=E.usePresence(m.mergeProps({present:c.open},o));Se(()=>{s&&r&&(r.setChild(a),c.setParent(s))});const S=i.useCallback(()=>r?.getTriggerItemProps(c),[c,r]);return e.jsxRuntimeExports.jsx(ye,{value:S,children:e.jsxRuntimeExports.jsx(we,{value:a,children:e.jsxRuntimeExports.jsx(le,{value:c,children:e.jsxRuntimeExports.jsx(E.PresenceProvider,{value:g,children:p})})})})},_e=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getSeparatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.hr,{...o,ref:r})});_e.displayName="MenuSeparator";const Ae=i.forwardRef((t,r)=>{const s=j(),o=E.usePresenceContext(),u=m.mergeProps({...s.getTriggerProps(),"aria-controls":o.unmounted?void 0:s.getTriggerProps()["aria-controls"]},t);return e.jsxRuntimeExports.jsx(l.ark.button,{...u,ref:r})});Ae.displayName="MenuTrigger";const Te=i.forwardRef((t,r)=>{const s=ot(),o=m.mergeProps(s?.()??{},t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});Te.displayName="MenuTriggerItem";const{withRootProvider:Ge,withContext:h}=Ze.createSlotRecipeContext({key:"menu"});Ge(it);const ct=Ge(ut,{defaultProps:{lazyMount:!0,unmountOnExit:!0}}),at=h(Ae,"trigger",{forwardAsChild:!0});h(he,"contextTrigger",{forwardAsChild:!0});const lt=h(Ie,"positioner",{forwardAsChild:!0});h(_e,"separator",{forwardAsChild:!0});const pt=h(je,"content",{forwardAsChild:!0}),xt=h(xe,"arrowTip",{forwardAsChild:!0});h(pe,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(xt,{})}});h(ge,"indicator",{forwardAsChild:!0});const dt=h(Ce,"itemGroup",{forwardAsChild:!0}),mt=h(Me,"itemGroupLabel",{forwardAsChild:!0}),ne=h(fe,"item",{forwardAsChild:!0}),jt=h(Te,"item",{forwardAsChild:!0});h(Ee,"itemText",{forwardAsChild:!0});h("kbd","itemCommand");h(ve,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(et.CheckIcon,{boxSize:"4"})}});h(me,"item",{forwardAsChild:!0});h(ke,"itemGroup",{forwardAsChild:!0});h(be,"item",{forwardAsChild:!0});const $e=({hideCaret:t=!1,size:r="md",text:s,textProps:o,variant:u,onClick:p,["data-testid"]:c="kibble-menu-button",...a})=>e.jsxRuntimeExports.jsxs(K.Button,{className:"Menu__Button","data-testid":c,size:r,variant:u,...a,...!s&&t&&{paddingInline:0,paddingBlock:0},onClick:g=>{g.stopPropagation(),p?.(g)},children:[s&&e.jsxRuntimeExports.jsx(J.WrappedText,{className:"Menu__ButtonText","data-testid":`${c}-text`,fontWeight:"semibold",size:r,color:u?"inherit":o?.color||"text.contrast",truncated:!0,...o,children:s}),!t&&e.jsxRuntimeExports.jsx(G.Flex,{className:"Menu__ButtonCaret","data-testid":`${c}-caret`,children:e.jsxRuntimeExports.jsx(ce.Icon,{name:"chevronDown",size:r==="lg"?"sm":"xs"})})]}),ht=({tooltipProps:t,isMenuOpen:r,...s})=>{const[o,u]=i.useState(!1),p=i.useCallback(()=>{r||u(!0)},[r]),c=i.useCallback(()=>{r||u(!1)},[r]);return i.useEffect(()=>{r&&u(!1)},[r]),e.jsxRuntimeExports.jsx(ae.Tooltip,{label:s.text||"",open:o&&!r,...t,children:e.jsxRuntimeExports.jsx(y.Box,{onClick:a=>{a.preventDefault(),a.stopPropagation(),u(!1)},onMouseEnter:p,onMouseLeave:c,children:e.jsxRuntimeExports.jsx($e,{...s})})})},gt=({label:t,leftElement:r,onSelect:s,shouldTruncateText:o,type:u="default",variant:p,["data-testid"]:c="kibble-menu-item",...a})=>{const[g,S]=i.useState(!1),w=i.useCallback(()=>{s&&s(a.value)},[s,a.value]);if(u==="submenu"){const{valueText:b,listProps:C,positionerProps:f,portalled:N=!0,open:I,lazyMount:M=!0,unmountOnExit:L=!0}=a;return e.jsxRuntimeExports.jsx(Oe,{lazyMount:M,unmountOnExit:L,submenuTrigger:e.jsxRuntimeExports.jsxs(jt,{className:"Menu__Item--Submenu","data-testid":`${c}-submenu`,justifyContent:"space-between","aria-valuetext":b,position:"relative",onClick:()=>{I!==void 0&&s?s(a.value):S(!g)},children:[e.jsxRuntimeExports.jsx(H,{label:t,leftElement:r,shouldTruncateText:o,variant:p}),e.jsxRuntimeExports.jsx(ce.Icon,{name:"chevronRight",size:"sm"})]}),portalled:N,open:I!==void 0?I:g,listProps:C,positionerProps:f})}if(u==="checkbox"){const{checked:b,value:C,disabled:f,tooltipLabel:N,...I}=a;return e.jsxRuntimeExports.jsxs(ne,{className:"Menu__Item--Checkbox","data-testid":`${c}-checkbox`,value:C,closeOnSelect:!1,onSelect:f?void 0:w,gap:3,disabled:f,...I,children:[e.jsxRuntimeExports.jsx(tt.WrappedCheckbox,{checked:!!b,disabled:f,size:"md",fullWidth:!1}),e.jsxRuntimeExports.jsx(H,{label:t,leftElement:r,shouldTruncateText:o,variant:p,tooltipLabel:N})]})}if(u==="default"){const{selected:b=!1,disabled:C,value:f,tooltipLabel:N,...I}=a;return e.jsxRuntimeExports.jsx(ne,{className:"Menu__Item--Default","data-testid":`${c}-default`,value:f,onSelect:C?void 0:w,disabled:C,...b&&{bgColor:"background.secondaryAlpha.hover"},...I,children:e.jsxRuntimeExports.jsx(H,{label:t,leftElement:r,shouldTruncateText:o,variant:b?"info":p,tooltipLabel:N})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},H=({label:t,leftElement:r,shouldTruncateText:s,variant:o,tooltipLabel:u})=>{const p=e.jsxRuntimeExports.jsxs(G.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[r,typeof t=="string"?e.jsxRuntimeExports.jsx(J.WrappedText,{size:"sm",truncated:s,variant:o,children:t}):t]});return u?e.jsxRuntimeExports.jsx(ae.Tooltip,{label:u,children:p}):p},oe=({groupName:t,hasSelectedItems:r=!1,onToggle:s,["data-testid"]:o="kibble-menu-toggle-buttons"})=>{const u=!!t;return e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__ToggleButtons","data-testid":o,...u&&{textAlign:"right",w:"50%"},children:u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:r?e.jsxRuntimeExports.jsx(ie,{hasSelectedItems:r,groupName:t,onToggle:s}):e.jsxRuntimeExports.jsx(ue,{groupName:t,onToggle:s})}):e.jsxRuntimeExports.jsxs(G.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(ue,{groupName:t,onToggle:s}),e.jsxRuntimeExports.jsx(ie,{hasSelectedItems:r,groupName:t,onToggle:s})]})})},ue=({groupName:t,onToggle:r})=>e.jsxRuntimeExports.jsx(K.Button,{variant:"ghost",size:"xs",onClick:()=>r({groupName:t,clear:!1}),children:"Select All"}),ie=({hasSelectedItems:t,groupName:r,onToggle:s})=>e.jsxRuntimeExports.jsx(K.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!t,onClick:()=>s({groupName:r,clear:!0}),children:"Clear All"}),Oe=({buttonProps:t,listProps:r,positionerProps:s,portalled:o=!1,submenuTrigger:u,lazyMount:p=!0,onOpenChange:c,["data-testid"]:a="kibble-menu",...g})=>{const{contentRef:S}=Ye.usePortalContentRef(),{canSelectAll:w,canSelectGroups:b,emptyState:C="No results found",groupSortOrder:f,loading:N,maxH:I="480px",menuItems:M=[],minW:L="240px",onSearch:k,onSelect:q,onSelectAll:X,searchable:F,searchPlaceholder:Be="Search...",shouldTruncateText:Le,...Y}=r||{},[qe,Fe]=i.useState(!1),[z,D]=i.useState(""),[$,W]=i.useState(M),Z=i.useMemo(()=>{const n={};return $?.forEach(x=>{const d=x.groupLabel||"default",P=x.type==="checkbox"?"checkbox":"default";n[d]||(n[d]={}),n[d][P]||(n[d][P]=[]),n[d][P].push(x)}),n},[$]),ee=i.useMemo(()=>{const n=Object.entries(Z);return!f||f.length===0?n:n.sort(([x],[d])=>{const P=f.indexOf(x),R=f.indexOf(d);return P!==-1&&R!==-1?P-R:P!==-1?-1:R!==-1?1:0})},[Z,f]),_=i.useMemo(()=>M?.filter(n=>n.type==="checkbox")||[],[M]),V=i.useCallback(n=>_.some(x=>x.value===n&&x.checked),[_]),v=i.useMemo(()=>_.filter(n=>n.checked),[_]),te=i.useCallback(({groupName:n,clear:x})=>{let d;const P=$.filter(R=>R.type==="checkbox"&&!R.disabled);if(n){const R=P.filter(O=>O.groupLabel===n);d=x?v.filter(O=>O.groupLabel!==n):[...new Set([...v,...R])]}else d=x?[]:P.map(R=>({...R,checked:!0}));console.log("newSelectedItems",d),X?.({allSelectedItems:d})},[X,$,v]),ze=i.useCallback(n=>{if(n.type==="checkbox"){const x=V(n.value)?v.filter(d=>d.value!==n.value):[...v,n];if(n.onSelect){n.onSelect(n.value);return}q?.({item:n,allSelectedItems:x});return}if(n.onSelect){n.onSelect(n.value);return}q?.({item:n,allSelectedItems:[n]})},[q,V,v]),se=i.useCallback((n,x)=>n===""||!n?x:x.filter(d=>!!(typeof d.label=="string"?d.label:d.valueText)?.toLowerCase().includes(n.toLowerCase())),[]),De=i.useCallback(n=>{console.log("e.target.value",n.target.value);const x=n.target.value;console.log("searchInput",x),D(x),k&&k(n)},[k]),We=i.useCallback(()=>{D(""),k&&k({target:{value:""}})},[k]),Ve=i.useCallback(n=>{Fe(n),n||(D(""),W(M)),c&&c({open:n,allSelectedItems:v})},[M,c,v]);return i.useEffect(()=>{W(k?M:se(z,M))},[z,k,se,M]),e.jsxRuntimeExports.jsxs(ct,{lazyMount:p,unmountOnExit:p,onOpenChange:n=>{Ve(n.open)},...g,children:[u||e.jsxRuntimeExports.jsx(at,{asChild:!0,className:"Menu__Trigger","data-testid":`${a}-trigger`,children:t?.showTooltip?e.jsxRuntimeExports.jsx(ht,{isMenuOpen:qe,...t}):e.jsxRuntimeExports.jsx($e,{...t})}),e.jsxRuntimeExports.jsx(E.Portal,{disabled:!o,container:S||void 0,children:e.jsxRuntimeExports.jsx(lt,{className:"Menu","data-testid":a,...s,children:e.jsxRuntimeExports.jsxs(pt,{className:"Menu__Content","data-testid":`${a}-content`,maxH:I,minW:L,...Y,...F&&{pt:"0"},onClick:n=>{n.stopPropagation(),Y?.onClick?.(n)},children:[F&&e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__SearchBarContainer","data-testid":`${a}-search-bar-container`,px:3,py:2,position:"sticky",top:0,bg:"background",zIndex:"docked",children:e.jsxRuntimeExports.jsx(Ue.WrappedTextInput,{className:"Menu__SearchBar","data-testid":`${a}-search-bar`,placeholder:Be,onChange:De,size:"sm",value:z,clearable:!0,onClear:We,onKeyDown:n=>{n.code==="Space"&&n.stopPropagation()}})}),w&&e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__CheckboxGroupHeader","data-testid":`${a}-checkbox-group-header`,px:3,mt:F?1:2,children:w&&!!_.length&&e.jsxRuntimeExports.jsx(oe,{onToggle:te,hasSelectedItems:!!v.length})}),N&&e.jsxRuntimeExports.jsx(G.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(Xe.Spinner,{fullScreen:!0})}),e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__List","data-testid":`${a}-list`,children:ee.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:ee.map(([n,x])=>{const d=n==="default",P=Object.keys(x),R=d?rt.default.Fragment:dt,He=x.checkbox?.map(A=>A.value)?.some(A=>v.some(B=>B.value===A&&B.checked));return e.jsxRuntimeExports.jsxs(R,{children:[!d&&e.jsxRuntimeExports.jsx(mt,{children:e.jsxRuntimeExports.jsxs(G.Flex,{alignItems:"center",justifyContent:"space-between",children:[n,b&&P.includes("checkbox")&&e.jsxRuntimeExports.jsx(oe,{groupName:n,onToggle:te,hasSelectedItems:He})]})}),Object.entries(x).map(([A,B])=>B.map((T,Ke)=>{const{groupLabel:Je,...Qe}=T;return e.jsxRuntimeExports.jsx(gt,{...Qe,shouldTruncateText:Le,...T.type==="checkbox"&&{checked:V(T.value)},"data-testid":`${a}-item-${T.label}`,onSelect:()=>ze(T)},`menu-item-${Je}-${A}-${Ke}`)}))]},n)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(y.Box,{p:3,children:typeof C=="string"?e.jsxRuntimeExports.jsx(y.Box,{textAlign:"center",children:e.jsxRuntimeExports.jsx(J.WrappedText,{size:"sm",variant:"subtle","data-testid":`${a}-empty-state`,children:C})}):C})})})]})})})]})};exports.Menu=Oe;
|
|
2
|
-
//# sourceMappingURL=menu.component-
|
|
1
|
+
"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("react"),y=require("./index-BQRnVsAg.js"),K=require("./button.component-DjdgBXDC.js"),ce=require("./icon.component-B1hr5lLa.js"),J=require("./text.component-CeioUl0G.js"),ae=require("./tooltip.component-BkFDi5yK.js"),G=require("./flex-BOU6tYUd.js"),Ue=require("./textInput.component-C1vwy6pL.js"),Xe=require("./spinner.component-DuW1_IWM.js"),Ye=require("./usePortalContentRef-CTrvBQ7I.js"),E=require("./index-Ts8g8jZd.js"),Ze=require("./create-slot-recipe-context-HXE1VazG.js"),et=require("./icons-B6Nwr9di.js"),l=require("./use-locale-context-ym21RUxU.js"),re=require("./index-rSq6Bry6.js"),m=require("./index-CQURjLlA.js"),tt=require("./checkbox.component-CiA3Z1zR.js"),st=t=>t&&t.__esModule?t:{default:t},rt=st(i),[le,j]=l.createContext({name:"MenuContext",hookName:"useMenuContext",providerName:"<MenuProvider />",strict:!1}),pe=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getArrowProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});pe.displayName="MenuArrow";const xe=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getArrowTipProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});xe.displayName="MenuArrowTip";const[Q,ft]=l.createContext({name:"MenuItemContext",hookName:"useMenuItemContext",providerName:"<MenuItemProvider />"}),[U,de]=l.createContext({name:"MenuItemPropsContext",hookName:"useMenuItemPropsContext",providerName:"<MenuItemPropsProvider />"}),me=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["checked","closeOnSelect","disabled","onCheckedChange","value","valueText"]),u={...s,type:"checkbox"},p=j(),c=m.mergeProps(p.getOptionItemProps(u),o),a=p.getOptionItemState(u);return e.jsxRuntimeExports.jsx(U,{value:u,children:e.jsxRuntimeExports.jsx(Q,{value:a,children:e.jsxRuntimeExports.jsx(l.ark.div,{...c,ref:r})})})});me.displayName="MenuCheckboxItem";const je=i.forwardRef((t,r)=>{const s=j(),o=E.usePresenceContext(),u=m.mergeProps(s.getContentProps(),o.getPresenceProps(),t);return o.unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:l.composeRefs(o.ref,r)})});je.displayName="MenuContent";const he=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getContextTriggerProps(),t);return e.jsxRuntimeExports.jsx(l.ark.button,{...o,ref:r})});he.displayName="MenuContextTrigger";const ge=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});ge.displayName="MenuIndicator";const fe=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["closeOnSelect","disabled","value","valueText","onSelect"]),u=j(),p=m.mergeProps(u.getItemProps(s),o),c=u.getItemState(s);return i.useEffect(()=>u.addItemListener({id:c.id,onSelect:s.onSelect}),[c.id,s.onSelect]),e.jsxRuntimeExports.jsx(U,{value:s,children:e.jsxRuntimeExports.jsx(Q,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...p,ref:r})})})});fe.displayName="MenuItem";const[Pe,Re]=l.createContext({name:"MenuItemGroupContext",hookName:"useMenuItemGroupContext",providerName:"<MenuItemGroupProvider />"}),Ce=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["id"]),u=j(),c={id:i.useId(),...s},a=m.mergeProps(u.getItemGroupProps(c),o);return e.jsxRuntimeExports.jsx(Pe,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})});Ce.displayName="MenuItemGroup";const Me=i.forwardRef((t,r)=>{const s=j(),o=Re(),u=m.mergeProps(s.getItemGroupLabelProps({htmlFor:o.id}),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});Me.displayName="MenuItemGroupLabel";const ve=i.forwardRef((t,r)=>{const s=j(),o=de(),u=m.mergeProps(s.getItemIndicatorProps(o),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});ve.displayName="MenuItemIndicator";const Ee=i.forwardRef((t,r)=>{const s=j(),o=de(),u=m.mergeProps(s.getItemTextProps(o),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...u,ref:r})});Ee.displayName="MenuItemText";const Ie=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getPositionerProps(),t);return E.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});Ie.displayName="MenuPositioner";const be=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["closeOnSelect","disabled","value","valueText"]),u=j(),p=Re(),c={...s,checked:p.value===s.value,type:"radio",onCheckedChange:()=>p.onValueChange?.({value:s.value})},a=m.mergeProps(u.getOptionItemProps(c),o),g=u.getOptionItemState(c);return e.jsxRuntimeExports.jsx(U,{value:c,children:e.jsxRuntimeExports.jsx(Q,{value:g,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})})});be.displayName="MenuRadioItem";const ke=i.forwardRef((t,r)=>{const[s,o]=l.createSplitProps()(t,["id","onValueChange","value"]),u=j(),c={id:i.useId(),...s},a=m.mergeProps(u.getItemGroupProps({id:c.id}),o);return e.jsxRuntimeExports.jsx(Pe,{value:c,children:e.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:r})})});ke.displayName="MenuRadioItemGroup";const Se=t=>{const r=i.useRef(t),s=i.useRef(!1);i.useEffect(()=>{r.current=t}),i.useEffect(()=>{s.current!==!0&&(s.current=!0,r.current())},[])},nt=t=>{const r=i.useId(),{getRootNode:s}=l.useEnvironmentContext(),{dir:o}=l.useLocaleContext(),u={id:r,dir:o,getRootNode:s,...t},p=l.useMachine(re.machine,u);return{api:re.connect(p,l.normalizeProps),service:p}},[we,Ne]=l.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),[ye,ot]=l.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),ut=t=>{const[r,s]=E.splitPresenceProps(t),[o,u]=l.createSplitProps()(s,["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","open","positioning","typeahead"]),p=j(),c=Ne(),{api:a,service:g}=nt(o),S=E.usePresence(m.mergeProps({present:a.open},r));Se(()=>{c&&p&&(p.setChild(g),a.setParent(c))});const w=i.useCallback(()=>p?.getTriggerItemProps(a),[a,p]);return e.jsxRuntimeExports.jsx(ye,{value:w,children:e.jsxRuntimeExports.jsx(we,{value:g,children:e.jsxRuntimeExports.jsx(le,{value:a,children:e.jsxRuntimeExports.jsx(E.PresenceProvider,{value:S,...u})})})})},it=t=>{const r=j(),s=Ne(),[o,{value:u,children:p}]=E.splitPresenceProps(t),{api:c,service:a}=u,g=E.usePresence(m.mergeProps({present:c.open},o));Se(()=>{s&&r&&(r.setChild(a),c.setParent(s))});const S=i.useCallback(()=>r?.getTriggerItemProps(c),[c,r]);return e.jsxRuntimeExports.jsx(ye,{value:S,children:e.jsxRuntimeExports.jsx(we,{value:a,children:e.jsxRuntimeExports.jsx(le,{value:c,children:e.jsxRuntimeExports.jsx(E.PresenceProvider,{value:g,children:p})})})})},_e=i.forwardRef((t,r)=>{const s=j(),o=m.mergeProps(s.getSeparatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.hr,{...o,ref:r})});_e.displayName="MenuSeparator";const Ae=i.forwardRef((t,r)=>{const s=j(),o=E.usePresenceContext(),u=m.mergeProps({...s.getTriggerProps(),"aria-controls":o.unmounted?void 0:s.getTriggerProps()["aria-controls"]},t);return e.jsxRuntimeExports.jsx(l.ark.button,{...u,ref:r})});Ae.displayName="MenuTrigger";const Te=i.forwardRef((t,r)=>{const s=ot(),o=m.mergeProps(s?.()??{},t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:r})});Te.displayName="MenuTriggerItem";const{withRootProvider:Ge,withContext:h}=Ze.createSlotRecipeContext({key:"menu"});Ge(it);const ct=Ge(ut,{defaultProps:{lazyMount:!0,unmountOnExit:!0}}),at=h(Ae,"trigger",{forwardAsChild:!0});h(he,"contextTrigger",{forwardAsChild:!0});const lt=h(Ie,"positioner",{forwardAsChild:!0});h(_e,"separator",{forwardAsChild:!0});const pt=h(je,"content",{forwardAsChild:!0}),xt=h(xe,"arrowTip",{forwardAsChild:!0});h(pe,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(xt,{})}});h(ge,"indicator",{forwardAsChild:!0});const dt=h(Ce,"itemGroup",{forwardAsChild:!0}),mt=h(Me,"itemGroupLabel",{forwardAsChild:!0}),ne=h(fe,"item",{forwardAsChild:!0}),jt=h(Te,"item",{forwardAsChild:!0});h(Ee,"itemText",{forwardAsChild:!0});h("kbd","itemCommand");h(ve,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(et.CheckIcon,{boxSize:"4"})}});h(me,"item",{forwardAsChild:!0});h(ke,"itemGroup",{forwardAsChild:!0});h(be,"item",{forwardAsChild:!0});const $e=({hideCaret:t=!1,size:r="md",text:s,textProps:o,variant:u,onClick:p,["data-testid"]:c="kibble-menu-button",...a})=>e.jsxRuntimeExports.jsxs(K.Button,{className:"Menu__Button","data-testid":c,size:r,variant:u,...a,...!s&&t&&{paddingInline:0,paddingBlock:0},onClick:g=>{g.stopPropagation(),p?.(g)},children:[s&&e.jsxRuntimeExports.jsx(J.WrappedText,{className:"Menu__ButtonText","data-testid":`${c}-text`,fontWeight:"semibold",size:r,color:u?"inherit":o?.color||"text.contrast",truncated:!0,...o,children:s}),!t&&e.jsxRuntimeExports.jsx(G.Flex,{className:"Menu__ButtonCaret","data-testid":`${c}-caret`,children:e.jsxRuntimeExports.jsx(ce.Icon,{name:"chevronDown",size:r==="lg"?"sm":"xs"})})]}),ht=({tooltipProps:t,isMenuOpen:r,...s})=>{const[o,u]=i.useState(!1),p=i.useCallback(()=>{r||u(!0)},[r]),c=i.useCallback(()=>{r||u(!1)},[r]);return i.useEffect(()=>{r&&u(!1)},[r]),e.jsxRuntimeExports.jsx(ae.Tooltip,{label:s.text||"",open:o&&!r,...t,children:e.jsxRuntimeExports.jsx(y.Box,{onClick:a=>{a.preventDefault(),a.stopPropagation(),u(!1)},onMouseEnter:p,onMouseLeave:c,children:e.jsxRuntimeExports.jsx($e,{...s})})})},gt=({label:t,leftElement:r,onSelect:s,shouldTruncateText:o,type:u="default",variant:p,["data-testid"]:c="kibble-menu-item",...a})=>{const[g,S]=i.useState(!1),w=i.useCallback(()=>{s&&s(a.value)},[s,a.value]);if(u==="submenu"){const{valueText:b,listProps:C,positionerProps:f,portalled:N=!0,open:I,lazyMount:M=!0,unmountOnExit:L=!0}=a;return console.log("positionerProps",f),e.jsxRuntimeExports.jsx(Oe,{lazyMount:M,unmountOnExit:L,submenuTrigger:e.jsxRuntimeExports.jsxs(jt,{className:"Menu__Item--Submenu","data-testid":`${c}-submenu`,justifyContent:"space-between","aria-valuetext":b,position:"relative",onClick:()=>{I!==void 0&&s?s(a.value):S(!g)},children:[e.jsxRuntimeExports.jsx(H,{label:t,leftElement:r,shouldTruncateText:o,variant:p}),e.jsxRuntimeExports.jsx(ce.Icon,{name:"chevronRight",size:"sm"})]}),portalled:N,open:I!==void 0?I:g,listProps:C,positionerProps:f})}if(u==="checkbox"){const{checked:b,value:C,disabled:f,tooltipLabel:N,...I}=a;return e.jsxRuntimeExports.jsxs(ne,{className:"Menu__Item--Checkbox","data-testid":`${c}-checkbox`,value:C,closeOnSelect:!1,onSelect:f?void 0:w,gap:3,disabled:f,...I,children:[e.jsxRuntimeExports.jsx(tt.WrappedCheckbox,{checked:!!b,disabled:f,size:"md",fullWidth:!1}),e.jsxRuntimeExports.jsx(H,{label:t,leftElement:r,shouldTruncateText:o,variant:p,tooltipLabel:N})]})}if(u==="default"){const{selected:b=!1,disabled:C,value:f,tooltipLabel:N,...I}=a;return e.jsxRuntimeExports.jsx(ne,{className:"Menu__Item--Default","data-testid":`${c}-default`,value:f,onSelect:C?void 0:w,disabled:C,...b&&{bgColor:"background.secondaryAlpha.hover"},...I,children:e.jsxRuntimeExports.jsx(H,{label:t,leftElement:r,shouldTruncateText:o,variant:b?"info":p,tooltipLabel:N})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},H=({label:t,leftElement:r,shouldTruncateText:s,variant:o,tooltipLabel:u})=>{const p=e.jsxRuntimeExports.jsxs(G.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[r,typeof t=="string"?e.jsxRuntimeExports.jsx(J.WrappedText,{size:"sm",truncated:s,variant:o,children:t}):t]});return u?e.jsxRuntimeExports.jsx(ae.Tooltip,{label:u,children:p}):p},oe=({groupName:t,hasSelectedItems:r=!1,onToggle:s,["data-testid"]:o="kibble-menu-toggle-buttons"})=>{const u=!!t;return e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__ToggleButtons","data-testid":o,...u&&{textAlign:"right",w:"50%"},children:u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:r?e.jsxRuntimeExports.jsx(ie,{hasSelectedItems:r,groupName:t,onToggle:s}):e.jsxRuntimeExports.jsx(ue,{groupName:t,onToggle:s})}):e.jsxRuntimeExports.jsxs(G.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(ue,{groupName:t,onToggle:s}),e.jsxRuntimeExports.jsx(ie,{hasSelectedItems:r,groupName:t,onToggle:s})]})})},ue=({groupName:t,onToggle:r})=>e.jsxRuntimeExports.jsx(K.Button,{variant:"ghost",size:"xs",onClick:()=>r({groupName:t,clear:!1}),children:"Select All"}),ie=({hasSelectedItems:t,groupName:r,onToggle:s})=>e.jsxRuntimeExports.jsx(K.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!t,onClick:()=>s({groupName:r,clear:!0}),children:"Clear All"}),Oe=({buttonProps:t,listProps:r,positionerProps:s,portalled:o=!1,submenuTrigger:u,lazyMount:p=!0,onOpenChange:c,["data-testid"]:a="kibble-menu",...g})=>{const{contentRef:S}=Ye.usePortalContentRef(),{canSelectAll:w,canSelectGroups:b,emptyState:C="No results found",groupSortOrder:f,loading:N,maxH:I="480px",menuItems:M=[],minW:L="240px",onSearch:k,onSelect:q,onSelectAll:X,searchable:F,searchPlaceholder:Be="Search...",shouldTruncateText:Le,...Y}=r||{},[qe,Fe]=i.useState(!1),[z,D]=i.useState(""),[$,W]=i.useState(M),Z=i.useMemo(()=>{const n={};return $?.forEach(x=>{const d=x.groupLabel||"default",P=x.type==="checkbox"?"checkbox":"default";n[d]||(n[d]={}),n[d][P]||(n[d][P]=[]),n[d][P].push(x)}),n},[$]),ee=i.useMemo(()=>{const n=Object.entries(Z);return!f||f.length===0?n:n.sort(([x],[d])=>{const P=f.indexOf(x),R=f.indexOf(d);return P!==-1&&R!==-1?P-R:P!==-1?-1:R!==-1?1:0})},[Z,f]),_=i.useMemo(()=>M?.filter(n=>n.type==="checkbox")||[],[M]),V=i.useCallback(n=>_.some(x=>x.value===n&&x.checked),[_]),v=i.useMemo(()=>_.filter(n=>n.checked),[_]),te=i.useCallback(({groupName:n,clear:x})=>{let d;const P=$.filter(R=>R.type==="checkbox"&&!R.disabled);if(n){const R=P.filter(O=>O.groupLabel===n);d=x?v.filter(O=>O.groupLabel!==n):[...new Set([...v,...R])]}else d=x?[]:P.map(R=>({...R,checked:!0}));X?.({allSelectedItems:d})},[X,$,v]),ze=i.useCallback(n=>{if(n.type==="checkbox"){const x=V(n.value)?v.filter(d=>d.value!==n.value):[...v,n];if(n.onSelect){n.onSelect(n.value);return}q?.({item:n,allSelectedItems:x});return}if(n.onSelect){n.onSelect(n.value);return}q?.({item:n,allSelectedItems:[n]})},[q,V,v]),se=i.useCallback((n,x)=>n===""||!n?x:x.filter(d=>!!(typeof d.label=="string"?d.label:d.valueText)?.toLowerCase().includes(n.toLowerCase())),[]),De=i.useCallback(n=>{const x=n.target.value;D(x),k&&k(n)},[k]),We=i.useCallback(()=>{D(""),k&&k({target:{value:""}})},[k]),Ve=i.useCallback(n=>{Fe(n),n||(D(""),W(M)),c&&c({open:n,allSelectedItems:v})},[M,c,v]);return i.useEffect(()=>{W(k?M:se(z,M))},[z,k,se,M]),e.jsxRuntimeExports.jsxs(ct,{lazyMount:p,unmountOnExit:p,onOpenChange:n=>{Ve(n.open)},...g,children:[u||e.jsxRuntimeExports.jsx(at,{asChild:!0,className:"Menu__Trigger","data-testid":`${a}-trigger`,children:t?.showTooltip?e.jsxRuntimeExports.jsx(ht,{isMenuOpen:qe,...t}):e.jsxRuntimeExports.jsx($e,{...t})}),e.jsxRuntimeExports.jsx(E.Portal,{disabled:!o,container:S||void 0,children:e.jsxRuntimeExports.jsx(lt,{className:"Menu","data-testid":a,...s,children:e.jsxRuntimeExports.jsxs(pt,{className:"Menu__Content","data-testid":`${a}-content`,maxH:I,minW:L,...Y,...F&&{pt:"0"},onClick:n=>{n.stopPropagation(),Y?.onClick?.(n)},children:[F&&e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__SearchBarContainer","data-testid":`${a}-search-bar-container`,px:3,py:2,position:"sticky",top:0,bg:"background",zIndex:"docked",children:e.jsxRuntimeExports.jsx(Ue.WrappedTextInput,{className:"Menu__SearchBar","data-testid":`${a}-search-bar`,placeholder:Be,onChange:De,size:"sm",value:z,clearable:!0,onClear:We,onKeyDown:n=>{n.code==="Space"&&n.stopPropagation()}})}),w&&e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__CheckboxGroupHeader","data-testid":`${a}-checkbox-group-header`,px:3,mt:F?1:2,children:w&&!!_.length&&e.jsxRuntimeExports.jsx(oe,{onToggle:te,hasSelectedItems:!!v.length})}),N&&e.jsxRuntimeExports.jsx(G.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(Xe.Spinner,{fullScreen:!0})}),e.jsxRuntimeExports.jsx(y.Box,{className:"Menu__List","data-testid":`${a}-list`,children:ee.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:ee.map(([n,x])=>{const d=n==="default",P=Object.keys(x),R=d?rt.default.Fragment:dt,He=x.checkbox?.map(A=>A.value)?.some(A=>v.some(B=>B.value===A&&B.checked));return e.jsxRuntimeExports.jsxs(R,{children:[!d&&e.jsxRuntimeExports.jsx(mt,{children:e.jsxRuntimeExports.jsxs(G.Flex,{alignItems:"center",justifyContent:"space-between",children:[n,b&&P.includes("checkbox")&&e.jsxRuntimeExports.jsx(oe,{groupName:n,onToggle:te,hasSelectedItems:He})]})}),Object.entries(x).map(([A,B])=>B.map((T,Ke)=>{const{groupLabel:Je,...Qe}=T;return e.jsxRuntimeExports.jsx(gt,{...Qe,shouldTruncateText:Le,...T.type==="checkbox"&&{checked:V(T.value)},"data-testid":`${a}-item-${T.label}`,onSelect:()=>ze(T)},`menu-item-${Je}-${A}-${Ke}`)}))]},n)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(y.Box,{p:3,children:typeof C=="string"?e.jsxRuntimeExports.jsx(y.Box,{textAlign:"center",children:e.jsxRuntimeExports.jsx(J.WrappedText,{size:"sm",variant:"subtle","data-testid":`${a}-empty-state`,children:C})}):C})})})]})})})]})};exports.Menu=Oe;
|
|
2
|
+
//# sourceMappingURL=menu.component-CateT8pX.js.map
|