@kommo-crm/crm-react-ui-kit 1.1.1-beta.8 → 1.1.1-beta.9
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/components/ContextMenu/components/CheckboxItem/CheckboxItem.d.ts +2 -1
- package/dist/components/ContextMenu/components/CheckboxItem/CheckboxItem.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/CheckboxItem/CheckboxItem.js +58 -57
- package/dist/components/ContextMenu/components/CheckboxItem/CheckboxItem.props.d.ts +2 -2
- package/dist/components/ContextMenu/components/CheckboxItem/CheckboxItem.props.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/RadioGroup/RadioGroup.context.d.ts +5 -0
- package/dist/components/ContextMenu/components/RadioGroup/RadioGroup.context.d.ts.map +1 -0
- package/dist/components/ContextMenu/components/RadioGroup/RadioGroup.context.js +7 -0
- package/dist/components/ContextMenu/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/RadioGroup/RadioGroup.js +20 -10
- package/dist/components/ContextMenu/components/RadioGroup/RadioGroup.props.d.ts +8 -0
- package/dist/components/ContextMenu/components/RadioGroup/RadioGroup.props.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/RadioGroup/index.d.ts +1 -0
- package/dist/components/ContextMenu/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/RadioGroup/index.js +6 -2
- package/dist/components/ContextMenu/components/RadioItem/RadioItem.d.ts.map +1 -1
- package/dist/components/ContextMenu/components/RadioItem/RadioItem.js +48 -44
- package/package.json +1 -1
|
@@ -271,8 +271,9 @@ export declare const CheckboxItem: React.ForwardRefExoticComponent<{
|
|
|
271
271
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
272
272
|
asChild?: boolean | undefined;
|
|
273
273
|
textValue?: string | undefined;
|
|
274
|
+
onCheckedChange?: ((checked: boolean) => void) | undefined;
|
|
274
275
|
} & {
|
|
275
|
-
onChange?: (e: React.ChangeEvent<
|
|
276
|
+
onChange?: (e: React.ChangeEvent<HTMLDivElement>) => void;
|
|
276
277
|
isDisabled?: boolean;
|
|
277
278
|
isChecked?: boolean;
|
|
278
279
|
hasIconCheckFn?: (children: React.ReactNode) => boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAkB1D,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"CheckboxItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAkB1D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAJd,WAAW;;;sCAiBhB,SAAE;;wCA+FP,CAAC"}
|
|
@@ -1,83 +1,84 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { d as
|
|
4
|
-
import { c as
|
|
5
|
-
import { useLevelContext as
|
|
6
|
-
import { useContextMenuContext as
|
|
7
|
-
import { hasItemIcon as
|
|
1
|
+
import { jsx as R } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as W, useId as Y, useMemo as n } from "react";
|
|
3
|
+
import { d as q } from "../../../../index-CYWNqEqR.mjs";
|
|
4
|
+
import { c as z } from "../../../../index-L8X2o7IH.mjs";
|
|
5
|
+
import { useLevelContext as G } from "../../providers/LevelProvider/LevelProvider.js";
|
|
6
|
+
import { useContextMenuContext as J } from "../../ContextMenu.context.js";
|
|
7
|
+
import { hasItemIcon as K } from "../../utils/hasItemIcon/hasItemIcon.js";
|
|
8
8
|
import "../../../../useContentPositioning-BLEFxO0N.mjs";
|
|
9
9
|
import "../Content/Content.utils.js";
|
|
10
|
-
import { useContextMenuItemFocus as
|
|
11
|
-
import '../../../../assets/CheckboxItem.css';const
|
|
12
|
-
checkbox_item:
|
|
13
|
-
}, m = "ContextMenu.CheckboxItem",
|
|
10
|
+
import { useContextMenuItemFocus as O } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
|
|
11
|
+
import '../../../../assets/CheckboxItem.css';const Q = "_checkbox_item_j9dmr_1", T = {
|
|
12
|
+
checkbox_item: Q
|
|
13
|
+
}, m = "ContextMenu.CheckboxItem", U = W(
|
|
14
14
|
({
|
|
15
|
-
className:
|
|
15
|
+
className: j,
|
|
16
16
|
children: o,
|
|
17
|
-
onChange:
|
|
18
|
-
isDisabled:
|
|
19
|
-
isChecked:
|
|
20
|
-
hasIconCheckFn:
|
|
21
|
-
onFocus:
|
|
22
|
-
onMouseEnter:
|
|
23
|
-
onBlur:
|
|
24
|
-
onMouseLeave:
|
|
25
|
-
onSelect:
|
|
26
|
-
onClick:
|
|
27
|
-
isCloseMenuOnClick:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
17
|
+
onChange: _,
|
|
18
|
+
isDisabled: b,
|
|
19
|
+
isChecked: h,
|
|
20
|
+
hasIconCheckFn: v = K,
|
|
21
|
+
onFocus: i,
|
|
22
|
+
onMouseEnter: r,
|
|
23
|
+
onBlur: s,
|
|
24
|
+
onMouseLeave: c,
|
|
25
|
+
onSelect: a,
|
|
26
|
+
onClick: e,
|
|
27
|
+
isCloseMenuOnClick: N = !0,
|
|
28
|
+
onCheckedChange: x,
|
|
29
|
+
...A
|
|
30
|
+
}, k) => {
|
|
31
|
+
const w = Y(), { hasItemWithIcon: D } = G(m), { closeMenuImmediately: g, isCloseOnClick: u } = J(m), {
|
|
32
|
+
dataHighlighted: H,
|
|
33
|
+
onFocus: f,
|
|
34
|
+
onMouseEnter: p,
|
|
35
|
+
onBlur: d,
|
|
36
|
+
onMouseLeave: I
|
|
37
|
+
} = O({
|
|
37
38
|
displayName: m,
|
|
38
|
-
id:
|
|
39
|
-
isDisabled:
|
|
40
|
-
}),
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
id: w,
|
|
40
|
+
isDisabled: b
|
|
41
|
+
}), P = n(() => v(o), [o]), y = (t) => {
|
|
42
|
+
x == null || x(t), _ && _({
|
|
43
|
+
target: { checked: t }
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
return /* @__PURE__ */ R(
|
|
47
|
+
q,
|
|
43
48
|
{
|
|
44
|
-
ref:
|
|
45
|
-
className:
|
|
46
|
-
disabled:
|
|
47
|
-
checked:
|
|
49
|
+
ref: k,
|
|
50
|
+
className: z(T.checkbox_item, j),
|
|
51
|
+
disabled: b,
|
|
52
|
+
checked: h,
|
|
48
53
|
"data-item": !0,
|
|
49
|
-
"data-no-icon-align":
|
|
50
|
-
onCheckedChange:
|
|
51
|
-
|
|
52
|
-
target: { checked: t }
|
|
53
|
-
});
|
|
54
|
-
},
|
|
55
|
-
"data-highlighted": v,
|
|
54
|
+
"data-no-icon-align": P || !D ? "" : void 0,
|
|
55
|
+
onCheckedChange: y,
|
|
56
|
+
"data-highlighted": H,
|
|
56
57
|
onSelect: (t) => {
|
|
57
|
-
|
|
58
|
+
a == null || a(t), u && N && g(!0);
|
|
58
59
|
},
|
|
59
60
|
onClick: (t) => {
|
|
60
|
-
t.preventDefault(),
|
|
61
|
+
t.preventDefault(), e == null || e(t), y(!h), u && N && g(!0);
|
|
61
62
|
},
|
|
62
63
|
onFocus: (t) => {
|
|
63
|
-
|
|
64
|
+
f == null || f(), i == null || i(t);
|
|
64
65
|
},
|
|
65
66
|
onMouseEnter: (t) => {
|
|
66
|
-
|
|
67
|
+
p == null || p(t), r == null || r(t);
|
|
67
68
|
},
|
|
68
69
|
onBlur: (t) => {
|
|
69
|
-
|
|
70
|
+
d == null || d(), s == null || s(t);
|
|
70
71
|
},
|
|
71
72
|
onMouseLeave: (t) => {
|
|
72
|
-
|
|
73
|
+
I == null || I(t), c == null || c(t);
|
|
73
74
|
},
|
|
74
|
-
...
|
|
75
|
+
...A,
|
|
75
76
|
children: o
|
|
76
77
|
}
|
|
77
78
|
);
|
|
78
79
|
}
|
|
79
80
|
);
|
|
80
|
-
|
|
81
|
+
U.displayName = m;
|
|
81
82
|
export {
|
|
82
|
-
|
|
83
|
+
U as CheckboxItem
|
|
83
84
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
import { CheckboxItem as RadixDropdownMenuCheckboxItem } from '@radix-ui/react-dropdown-menu';
|
|
3
|
-
type RadixCheckboxItemProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuCheckboxItem>, 'disabled' | 'checked'
|
|
3
|
+
type RadixCheckboxItemProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuCheckboxItem>, 'disabled' | 'checked'>;
|
|
4
4
|
export type CheckboxItemProps = RadixCheckboxItemProps & {
|
|
5
5
|
/**
|
|
6
6
|
* Callback that fires when the checked state changes.
|
|
7
7
|
* Mimics the native input `onChange` event pattern.
|
|
8
8
|
*/
|
|
9
|
-
onChange?: (e: React.ChangeEvent<
|
|
9
|
+
onChange?: (e: React.ChangeEvent<HTMLDivElement>) => void;
|
|
10
10
|
/**
|
|
11
11
|
* Whether the CheckboxItem is disabled.
|
|
12
12
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxItem.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnG,KAAK,sBAAsB,GAAG,IAAI,CAChC,wBAAwB,CAAC,OAAO,6BAA6B,CAAC,EAC9D,UAAU,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"CheckboxItem.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnG,KAAK,sBAAsB,GAAG,IAAI,CAChC,wBAAwB,CAAC,OAAO,6BAA6B,CAAC,EAC9D,UAAU,GAAG,SAAS,CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG;IACvD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACxD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RadioGroupContextProps } from './RadioGroup.props';
|
|
2
|
+
declare const DISPLAY_NAME = "ContextMenu.RadioGroup";
|
|
3
|
+
declare const RadioGroupProvider: import('../../../../lib/react/createComponentContext').ContextProps<RadioGroupContextProps>, useRadioGroupContext: (consumerName: string) => RadioGroupContextProps;
|
|
4
|
+
export { RadioGroupProvider, useRadioGroupContext, DISPLAY_NAME };
|
|
5
|
+
//# sourceMappingURL=RadioGroup.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.context.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioGroup/RadioGroup.context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,QAAA,MAAM,YAAY,2BAA2B,CAAC;AAE9C,QAAA,MAAO,kBAAkB,+FAAE,oBAAoB,kDACe,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,eAAO,MAAM,UAAU;4BAGpB,eAAe,GAAG,GAAG,CAAC,OAAO;;CAmB/B,CAAC"}
|
|
@@ -1,14 +1,24 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { a as n } from "../../../../index-CYWNqEqR.mjs";
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
import { RadioGroupProvider as i, DISPLAY_NAME as p } from "./RadioGroup.context.js";
|
|
4
|
+
const s = ({
|
|
5
|
+
onChange: o,
|
|
5
6
|
...e
|
|
6
|
-
}) =>
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
|
|
7
|
+
}) => {
|
|
8
|
+
const r = (a) => {
|
|
9
|
+
o && o({
|
|
10
|
+
target: { value: a }
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
return /* @__PURE__ */ t(i, { onChange: r, children: /* @__PURE__ */ t(
|
|
14
|
+
n,
|
|
15
|
+
{
|
|
16
|
+
...e,
|
|
17
|
+
onValueChange: r
|
|
18
|
+
}
|
|
19
|
+
) });
|
|
20
|
+
};
|
|
21
|
+
s.displayName = p;
|
|
12
22
|
export {
|
|
13
|
-
|
|
23
|
+
s as RadioGroup
|
|
14
24
|
};
|
|
@@ -8,5 +8,13 @@ export type RadioGroupProps = RadixRadioGroupProps & {
|
|
|
8
8
|
*/
|
|
9
9
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
10
10
|
};
|
|
11
|
+
export type RadioGroupContextProps = {
|
|
12
|
+
/**
|
|
13
|
+
* Handler for the selected value.
|
|
14
|
+
*
|
|
15
|
+
* Automatically applied to all Radio buttons.
|
|
16
|
+
*/
|
|
17
|
+
onChange: (value: string) => void;
|
|
18
|
+
};
|
|
11
19
|
export {};
|
|
12
20
|
//# sourceMappingURL=RadioGroup.props.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioGroup/RadioGroup.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE/F,KAAK,oBAAoB,GAAG,IAAI,CAC9B,wBAAwB,CAAC,OAAO,2BAA2B,CAAC,EAC5D,eAAe,CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,oBAAoB,GAAG;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE,CAAC"}
|
|
1
|
+
{"version":3,"file":"RadioGroup.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioGroup/RadioGroup.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE/F,KAAK,oBAAoB,GAAG,IAAI,CAC9B,wBAAwB,CAAC,OAAO,2BAA2B,CAAC,EAC5D,eAAe,CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,oBAAoB,GAAG;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,YAAY,GACb,MAAM,sBAAsB,CAAC"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import { RadioGroup as
|
|
1
|
+
import { RadioGroup as e } from "./RadioGroup.js";
|
|
2
|
+
import { DISPLAY_NAME as d, RadioGroupProvider as i, useRadioGroupContext as t } from "./RadioGroup.context.js";
|
|
2
3
|
export {
|
|
3
|
-
|
|
4
|
+
d as DISPLAY_NAME,
|
|
5
|
+
e as RadioGroup,
|
|
6
|
+
i as RadioGroupProvider,
|
|
7
|
+
t as useRadioGroupContext
|
|
4
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioItem/RadioItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioItem/RadioItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAoB1D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAJO,SAAS;;wCAkGrC,CAAC"}
|
|
@@ -1,58 +1,61 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { f as
|
|
4
|
-
import { c as
|
|
5
|
-
import { useLevelContext as
|
|
6
|
-
import { useContextMenuContext as
|
|
7
|
-
import { hasItemIcon as
|
|
1
|
+
import { jsx as G } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as H, useId as P, useMemo as W } from "react";
|
|
3
|
+
import { f as Y } from "../../../../index-CYWNqEqR.mjs";
|
|
4
|
+
import { c as b } from "../../../../index-L8X2o7IH.mjs";
|
|
5
|
+
import { useLevelContext as q } from "../../providers/LevelProvider/LevelProvider.js";
|
|
6
|
+
import { useContextMenuContext as z } from "../../ContextMenu.context.js";
|
|
7
|
+
import { hasItemIcon as J } from "../../utils/hasItemIcon/hasItemIcon.js";
|
|
8
8
|
import "../../../../useContentPositioning-BLEFxO0N.mjs";
|
|
9
9
|
import "../Content/Content.utils.js";
|
|
10
|
-
import { useContextMenuItemFocus as
|
|
11
|
-
import
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
import { useContextMenuItemFocus as K } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
|
|
11
|
+
import "../RadioGroup/RadioGroup.js";
|
|
12
|
+
import { useRadioGroupContext as O } from "../RadioGroup/RadioGroup.context.js";
|
|
13
|
+
import '../../../../assets/RadioItem.css';const Q = "_radio_item_14d4r_1", T = {
|
|
14
|
+
radio_item: Q
|
|
15
|
+
}, o = "ContextMenu.RadioItem", U = H(
|
|
14
16
|
({
|
|
15
|
-
className:
|
|
16
|
-
children:
|
|
17
|
-
isDisabled:
|
|
18
|
-
hasIconCheckFn:
|
|
19
|
-
onFocus:
|
|
17
|
+
className: h,
|
|
18
|
+
children: m,
|
|
19
|
+
isDisabled: I,
|
|
20
|
+
hasIconCheckFn: u = J,
|
|
21
|
+
onFocus: i,
|
|
20
22
|
onMouseEnter: r,
|
|
21
23
|
onBlur: a,
|
|
22
24
|
onMouseLeave: s,
|
|
23
25
|
onSelect: d,
|
|
24
|
-
onClick:
|
|
25
|
-
isCloseMenuOnClick:
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
onClick: p,
|
|
27
|
+
isCloseMenuOnClick: _ = !0,
|
|
28
|
+
value: g,
|
|
29
|
+
...C
|
|
30
|
+
}, N) => {
|
|
31
|
+
const y = P(), { hasItemWithIcon: A } = q(o), { closeMenuImmediately: n, isCloseOnClick: R } = z(o), {
|
|
32
|
+
dataHighlighted: j,
|
|
33
|
+
onFocus: f,
|
|
31
34
|
onMouseEnter: e,
|
|
32
35
|
onBlur: x,
|
|
33
|
-
onMouseLeave:
|
|
34
|
-
} =
|
|
35
|
-
displayName:
|
|
36
|
-
id:
|
|
37
|
-
isDisabled:
|
|
38
|
-
}),
|
|
39
|
-
return /* @__PURE__ */
|
|
40
|
-
|
|
36
|
+
onMouseLeave: c
|
|
37
|
+
} = K({
|
|
38
|
+
displayName: o,
|
|
39
|
+
id: y,
|
|
40
|
+
isDisabled: I
|
|
41
|
+
}), w = W(() => u(m), [m]), { onChange: D } = O(o);
|
|
42
|
+
return /* @__PURE__ */ G(
|
|
43
|
+
Y,
|
|
41
44
|
{
|
|
42
|
-
ref:
|
|
43
|
-
className:
|
|
44
|
-
disabled:
|
|
45
|
+
ref: N,
|
|
46
|
+
className: b(T.radio_item, h),
|
|
47
|
+
disabled: I,
|
|
45
48
|
"data-item": !0,
|
|
46
|
-
"data-no-icon-align":
|
|
47
|
-
"data-highlighted":
|
|
49
|
+
"data-no-icon-align": w || !A ? "" : void 0,
|
|
50
|
+
"data-highlighted": j,
|
|
48
51
|
onSelect: (t) => {
|
|
49
|
-
d == null || d(t),
|
|
52
|
+
d == null || d(t), R && _ && n(!0);
|
|
50
53
|
},
|
|
51
54
|
onClick: (t) => {
|
|
52
|
-
t.preventDefault(),
|
|
55
|
+
t.preventDefault(), D(g), p == null || p(t), R && _ && n(!0);
|
|
53
56
|
},
|
|
54
57
|
onFocus: (t) => {
|
|
55
|
-
|
|
58
|
+
f == null || f(), i == null || i(t);
|
|
56
59
|
},
|
|
57
60
|
onMouseEnter: (t) => {
|
|
58
61
|
e == null || e(t), r == null || r(t);
|
|
@@ -61,15 +64,16 @@ import '../../../../assets/RadioItem.css';const G = "_radio_item_14d4r_1", J = {
|
|
|
61
64
|
x == null || x(), a == null || a(t);
|
|
62
65
|
},
|
|
63
66
|
onMouseLeave: (t) => {
|
|
64
|
-
|
|
67
|
+
c == null || c(t), s == null || s(t);
|
|
65
68
|
},
|
|
66
|
-
|
|
67
|
-
|
|
69
|
+
value: g,
|
|
70
|
+
...C,
|
|
71
|
+
children: m
|
|
68
72
|
}
|
|
69
73
|
);
|
|
70
74
|
}
|
|
71
75
|
);
|
|
72
|
-
|
|
76
|
+
U.displayName = o;
|
|
73
77
|
export {
|
|
74
|
-
|
|
78
|
+
U as RadioItem
|
|
75
79
|
};
|
package/package.json
CHANGED