@react-xp/aeiou 0.1.0-beta.3 → 0.1.0-beta.5
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/cjs/hooks/useInteractiveState/useInteractiveState.native.js +18 -58
- package/dist/cjs/hooks/useInteractiveState/useInteractiveState.web.js +33 -42
- package/dist/esm/hooks/useInteractiveState/useInteractiveState.native.js +19 -59
- package/dist/esm/hooks/useInteractiveState/useInteractiveState.web.js +34 -43
- package/dist/native/cjs/components/a/a.native.js +17 -0
- package/dist/native/cjs/components/a/a.web.js +15 -0
- package/dist/native/cjs/components/a/index.native.js +17 -0
- package/dist/native/cjs/components/a/index.web.js +17 -0
- package/dist/native/cjs/components/d/d.native.js +28 -0
- package/dist/native/cjs/components/d/d.web.js +35 -0
- package/dist/native/cjs/components/d/index.native.js +17 -0
- package/dist/native/cjs/components/d/index.web.js +17 -0
- package/dist/native/cjs/components/e/e.native.js +21 -0
- package/dist/native/cjs/components/e/e.web.js +15 -0
- package/dist/native/cjs/components/e/index.native.js +17 -0
- package/dist/native/cjs/components/e/index.web.js +17 -0
- package/dist/native/cjs/components/i/i.native.js +30 -0
- package/dist/native/cjs/components/i/i.web.js +23 -0
- package/dist/native/cjs/components/i/index.native.js +17 -0
- package/dist/native/cjs/components/i/index.web.js +17 -0
- package/dist/native/cjs/components/i/useIUtils.js +71 -0
- package/dist/native/cjs/components/index.js +26 -0
- package/dist/native/cjs/components/index.native.js +26 -0
- package/dist/native/cjs/components/index.web.js +26 -0
- package/dist/native/cjs/components/l/index.native.js +17 -0
- package/dist/native/cjs/components/l/index.web.js +17 -0
- package/dist/native/cjs/components/l/l.native.js +10 -0
- package/dist/native/cjs/components/l/l.web.js +17 -0
- package/dist/native/cjs/components/o/index.native.js +17 -0
- package/dist/native/cjs/components/o/index.web.js +17 -0
- package/dist/native/cjs/components/o/o.native.js +12 -0
- package/dist/native/cjs/components/o/o.web.js +12 -0
- package/dist/native/cjs/components/p/index.native.js +17 -0
- package/dist/native/cjs/components/p/index.web.js +17 -0
- package/dist/native/cjs/components/p/p.native.js +13 -0
- package/dist/native/cjs/components/p/p.web.js +13 -0
- package/dist/native/cjs/components/s/index.native.js +17 -0
- package/dist/native/cjs/components/s/index.web.js +17 -0
- package/dist/native/cjs/components/s/s.native.js +10 -0
- package/dist/native/cjs/components/s/s.web.js +10 -0
- package/dist/native/cjs/components/t/index.native.js +17 -0
- package/dist/native/cjs/components/t/index.web.js +17 -0
- package/dist/native/cjs/components/t/t.native.js +16 -0
- package/dist/native/cjs/components/t/t.web.js +16 -0
- package/dist/native/cjs/components/u/context.js +14 -0
- package/dist/native/cjs/components/u/index.native.js +19 -0
- package/dist/native/cjs/components/u/index.web.js +19 -0
- package/dist/native/cjs/components/u/provider.native.js +23 -0
- package/dist/native/cjs/components/u/provider.web.js +20 -0
- package/dist/native/cjs/components/u/types.js +2 -0
- package/dist/native/cjs/components/u/useUniverse.js +8 -0
- package/dist/native/cjs/hooks/index.js +21 -0
- package/dist/native/cjs/hooks/index.native.js +21 -0
- package/dist/native/cjs/hooks/index.web.js +21 -0
- package/dist/native/cjs/hooks/useAction/types.js +2 -0
- package/dist/native/cjs/hooks/useAction/useAction.native.js +18 -0
- package/dist/native/cjs/hooks/useAction/useAction.web.js +21 -0
- package/dist/native/cjs/hooks/useCn.js +15 -0
- package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.native.js +31 -0
- package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.types.js +2 -0
- package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.web.js +62 -0
- package/dist/native/cjs/hooks/useOnChange.js +18 -0
- package/dist/native/cjs/hooks/useProps.js +66 -0
- package/dist/native/cjs/index.js +19 -0
- package/dist/native/cjs/index.native.js +19 -0
- package/dist/native/cjs/index.web.js +19 -0
- package/dist/native/cjs/types/base.js +2 -0
- package/dist/native/cjs/types/index.js +17 -0
- package/dist/native/esm/components/a/a.native.js +13 -0
- package/dist/native/esm/components/a/a.web.js +11 -0
- package/dist/native/esm/components/a/index.native.js +1 -0
- package/dist/native/esm/components/a/index.web.js +1 -0
- package/dist/native/esm/components/d/d.native.js +24 -0
- package/dist/native/esm/components/d/d.web.js +31 -0
- package/dist/native/esm/components/d/index.native.js +1 -0
- package/dist/native/esm/components/d/index.web.js +1 -0
- package/dist/native/esm/components/e/e.native.js +17 -0
- package/dist/native/esm/components/e/e.web.js +11 -0
- package/dist/native/esm/components/e/index.native.js +1 -0
- package/dist/native/esm/components/e/index.web.js +1 -0
- package/dist/native/esm/components/i/i.native.js +26 -0
- package/dist/native/esm/components/i/i.web.js +19 -0
- package/dist/native/esm/components/i/index.native.js +1 -0
- package/dist/native/esm/components/i/index.web.js +1 -0
- package/dist/native/esm/components/i/useIUtils.js +67 -0
- package/dist/native/esm/components/index.js +10 -0
- package/dist/native/esm/components/index.native.js +10 -0
- package/dist/native/esm/components/index.web.js +10 -0
- package/dist/native/esm/components/l/index.native.js +1 -0
- package/dist/native/esm/components/l/index.web.js +1 -0
- package/dist/native/esm/components/l/l.native.js +6 -0
- package/dist/native/esm/components/l/l.web.js +13 -0
- package/dist/native/esm/components/o/index.native.js +1 -0
- package/dist/native/esm/components/o/index.web.js +1 -0
- package/dist/native/esm/components/o/o.native.js +8 -0
- package/dist/native/esm/components/o/o.web.js +8 -0
- package/dist/native/esm/components/p/index.native.js +1 -0
- package/dist/native/esm/components/p/index.web.js +1 -0
- package/dist/native/esm/components/p/p.native.js +9 -0
- package/dist/native/esm/components/p/p.web.js +9 -0
- package/dist/native/esm/components/s/index.native.js +1 -0
- package/dist/native/esm/components/s/index.web.js +1 -0
- package/dist/native/esm/components/s/s.native.js +7 -0
- package/dist/native/esm/components/s/s.web.js +6 -0
- package/dist/native/esm/components/t/index.native.js +1 -0
- package/dist/native/esm/components/t/index.web.js +1 -0
- package/dist/native/esm/components/t/t.native.js +12 -0
- package/dist/native/esm/components/t/t.web.js +12 -0
- package/dist/native/esm/components/u/context.js +11 -0
- package/dist/native/esm/components/u/index.native.js +3 -0
- package/dist/native/esm/components/u/index.web.js +3 -0
- package/dist/native/esm/components/u/provider.native.js +19 -0
- package/dist/native/esm/components/u/provider.web.js +16 -0
- package/dist/native/esm/components/u/types.js +1 -0
- package/dist/native/esm/components/u/useUniverse.js +5 -0
- package/dist/native/esm/hooks/index.js +5 -0
- package/dist/native/esm/hooks/index.native.js +5 -0
- package/dist/native/esm/hooks/index.web.js +5 -0
- package/dist/native/esm/hooks/useAction/types.js +1 -0
- package/dist/native/esm/hooks/useAction/useAction.native.js +14 -0
- package/dist/native/esm/hooks/useAction/useAction.web.js +17 -0
- package/dist/native/esm/hooks/useCn.js +8 -0
- package/dist/native/esm/hooks/useInteractiveState/useInteractiveState.native.js +28 -0
- package/dist/native/esm/hooks/useInteractiveState/useInteractiveState.types.js +1 -0
- package/dist/native/esm/hooks/useInteractiveState/useInteractiveState.web.js +59 -0
- package/dist/native/esm/hooks/useOnChange.js +14 -0
- package/dist/native/esm/hooks/useProps.js +59 -0
- package/dist/native/esm/index.js +3 -0
- package/dist/native/esm/index.native.js +3 -0
- package/dist/native/esm/index.web.js +3 -0
- package/dist/native/esm/types/base.js +1 -0
- package/dist/native/esm/types/index.js +1 -0
- package/dist/native/tsconfig.native.cjs.tsbuildinfo +1 -0
- package/dist/native/tsconfig.native.esm.tsbuildinfo +1 -0
- package/dist/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/types/hooks/useInteractiveState/useInteractiveState.native.d.ts +14 -2
- package/dist/types/hooks/useInteractiveState/useInteractiveState.native.d.ts.map +1 -1
- package/dist/types/hooks/useInteractiveState/useInteractiveState.types.d.ts +3 -9
- package/dist/types/hooks/useInteractiveState/useInteractiveState.types.d.ts.map +1 -1
- package/dist/types/hooks/useInteractiveState/useInteractiveState.web.d.ts +20 -2
- package/dist/types/hooks/useInteractiveState/useInteractiveState.web.d.ts.map +1 -1
- package/package.json +5 -5
|
@@ -2,70 +2,30 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useInteractiveState = useInteractiveState;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
function computeVisualState(state) {
|
|
6
|
-
if (state.disabled)
|
|
7
|
-
return 'disabled';
|
|
8
|
-
if (state.pressed)
|
|
9
|
-
return 'pressed';
|
|
10
|
-
if (state.hovered)
|
|
11
|
-
return 'hovered';
|
|
12
|
-
if (state.focused)
|
|
13
|
-
return 'focused';
|
|
14
|
-
return 'default';
|
|
15
|
-
}
|
|
16
|
-
function toDataAttrs(state) {
|
|
17
|
-
const visual = computeVisualState(state);
|
|
18
|
-
return {
|
|
19
|
-
'data-state': visual,
|
|
20
|
-
'data-hovered': String(state.hovered),
|
|
21
|
-
'data-pressed': String(state.pressed),
|
|
22
|
-
'data-focused': String(state.focused),
|
|
23
|
-
'data-disabled': String(state.disabled),
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
5
|
function useInteractiveState(options = {}) {
|
|
27
|
-
const { disabled
|
|
28
|
-
const [
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
setState((prev) => ({ ...prev, hovered: true }));
|
|
42
|
-
},
|
|
43
|
-
onMouseLeave: () => {
|
|
44
|
-
if (disabled)
|
|
45
|
-
return;
|
|
46
|
-
setState((prev) => ({ ...prev, hovered: false, pressed: false }));
|
|
47
|
-
},
|
|
48
|
-
onMouseDown: () => {
|
|
49
|
-
if (disabled)
|
|
50
|
-
return;
|
|
51
|
-
setState((prev) => ({ ...prev, pressed: true }));
|
|
52
|
-
},
|
|
53
|
-
onMouseUp: () => {
|
|
54
|
-
if (disabled)
|
|
55
|
-
return;
|
|
56
|
-
setState((prev) => ({ ...prev, pressed: false }));
|
|
57
|
-
},
|
|
58
|
-
onFocus: () => {
|
|
6
|
+
const { disabled } = options;
|
|
7
|
+
const [pressed, setPressed] = (0, react_1.useState)(false);
|
|
8
|
+
const state = disabled
|
|
9
|
+
? 'disabled'
|
|
10
|
+
: pressed
|
|
11
|
+
? 'pressed'
|
|
12
|
+
: 'idle';
|
|
13
|
+
const dataAttrs = {
|
|
14
|
+
'data-state': state,
|
|
15
|
+
'data-pressed': pressed ? 'true' : 'false',
|
|
16
|
+
'data-disabled': disabled ? 'true' : 'false',
|
|
17
|
+
};
|
|
18
|
+
const eventHandlers = {
|
|
19
|
+
onPressIn: (e) => {
|
|
59
20
|
if (disabled)
|
|
60
21
|
return;
|
|
61
|
-
|
|
22
|
+
setPressed(true);
|
|
62
23
|
},
|
|
63
|
-
|
|
24
|
+
onPressOut: (e) => {
|
|
64
25
|
if (disabled)
|
|
65
26
|
return;
|
|
66
|
-
|
|
27
|
+
setPressed(false);
|
|
67
28
|
},
|
|
68
|
-
}
|
|
69
|
-
const dataAttrs = toDataAttrs(state);
|
|
29
|
+
};
|
|
70
30
|
return { state, dataAttrs, eventHandlers };
|
|
71
31
|
}
|
|
@@ -2,70 +2,61 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useInteractiveState = useInteractiveState;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
function computeVisualState(state) {
|
|
6
|
-
if (state.disabled)
|
|
7
|
-
return 'disabled';
|
|
8
|
-
if (state.pressed)
|
|
9
|
-
return 'pressed';
|
|
10
|
-
if (state.hovered)
|
|
11
|
-
return 'hovered';
|
|
12
|
-
if (state.focused)
|
|
13
|
-
return 'focused';
|
|
14
|
-
return 'default';
|
|
15
|
-
}
|
|
16
|
-
function toDataAttrs(state) {
|
|
17
|
-
const visual = computeVisualState(state);
|
|
18
|
-
return {
|
|
19
|
-
'data-state': visual,
|
|
20
|
-
'data-hovered': String(state.hovered),
|
|
21
|
-
'data-pressed': String(state.pressed),
|
|
22
|
-
'data-focused': String(state.focused),
|
|
23
|
-
'data-disabled': String(state.disabled),
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
5
|
function useInteractiveState(options = {}) {
|
|
27
|
-
const { disabled
|
|
28
|
-
const [
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
disabled
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
6
|
+
const { disabled } = options;
|
|
7
|
+
const [hovered, setHovered] = (0, react_1.useState)(false);
|
|
8
|
+
const [pressed, setPressed] = (0, react_1.useState)(false);
|
|
9
|
+
const [focused, setFocused] = (0, react_1.useState)(false);
|
|
10
|
+
const state = disabled
|
|
11
|
+
? 'disabled'
|
|
12
|
+
: pressed
|
|
13
|
+
? 'pressed'
|
|
14
|
+
: hovered
|
|
15
|
+
? 'hovered'
|
|
16
|
+
: focused
|
|
17
|
+
? 'focused'
|
|
18
|
+
: 'idle';
|
|
19
|
+
const dataAttrs = {
|
|
20
|
+
'data-state': state,
|
|
21
|
+
'data-hovered': hovered ? 'true' : 'false',
|
|
22
|
+
'data-pressed': pressed ? 'true' : 'false',
|
|
23
|
+
'data-focused': focused ? 'true' : 'false',
|
|
24
|
+
'data-disabled': disabled ? 'true' : 'false',
|
|
25
|
+
};
|
|
26
|
+
const eventHandlers = {
|
|
38
27
|
onMouseEnter: () => {
|
|
39
28
|
if (disabled)
|
|
40
29
|
return;
|
|
41
|
-
|
|
30
|
+
setHovered(true);
|
|
42
31
|
},
|
|
43
32
|
onMouseLeave: () => {
|
|
44
33
|
if (disabled)
|
|
45
34
|
return;
|
|
46
|
-
|
|
35
|
+
setHovered(false);
|
|
36
|
+
setPressed(false);
|
|
47
37
|
},
|
|
48
|
-
onMouseDown: () => {
|
|
49
|
-
if (disabled)
|
|
38
|
+
onMouseDown: (e) => {
|
|
39
|
+
if (disabled || e.button !== 0)
|
|
50
40
|
return;
|
|
51
|
-
|
|
41
|
+
setPressed(true);
|
|
52
42
|
},
|
|
53
43
|
onMouseUp: () => {
|
|
54
44
|
if (disabled)
|
|
55
45
|
return;
|
|
56
|
-
|
|
46
|
+
setPressed(false);
|
|
57
47
|
},
|
|
58
48
|
onFocus: () => {
|
|
59
49
|
if (disabled)
|
|
60
50
|
return;
|
|
61
|
-
|
|
51
|
+
setFocused(true);
|
|
62
52
|
},
|
|
63
53
|
onBlur: () => {
|
|
64
54
|
if (disabled)
|
|
65
55
|
return;
|
|
66
|
-
|
|
56
|
+
setFocused(false);
|
|
57
|
+
setPressed(false);
|
|
58
|
+
setHovered(false);
|
|
67
59
|
},
|
|
68
|
-
}
|
|
69
|
-
const dataAttrs = toDataAttrs(state);
|
|
60
|
+
};
|
|
70
61
|
return { state, dataAttrs, eventHandlers };
|
|
71
62
|
}
|
|
@@ -1,68 +1,28 @@
|
|
|
1
|
-
import {
|
|
2
|
-
function computeVisualState(state) {
|
|
3
|
-
if (state.disabled)
|
|
4
|
-
return 'disabled';
|
|
5
|
-
if (state.pressed)
|
|
6
|
-
return 'pressed';
|
|
7
|
-
if (state.hovered)
|
|
8
|
-
return 'hovered';
|
|
9
|
-
if (state.focused)
|
|
10
|
-
return 'focused';
|
|
11
|
-
return 'default';
|
|
12
|
-
}
|
|
13
|
-
function toDataAttrs(state) {
|
|
14
|
-
const visual = computeVisualState(state);
|
|
15
|
-
return {
|
|
16
|
-
'data-state': visual,
|
|
17
|
-
'data-hovered': String(state.hovered),
|
|
18
|
-
'data-pressed': String(state.pressed),
|
|
19
|
-
'data-focused': String(state.focused),
|
|
20
|
-
'data-disabled': String(state.disabled),
|
|
21
|
-
};
|
|
22
|
-
}
|
|
1
|
+
import { useState } from 'react';
|
|
23
2
|
export function useInteractiveState(options = {}) {
|
|
24
|
-
const { disabled
|
|
25
|
-
const [
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
setState((prev) => ({ ...prev, hovered: true }));
|
|
39
|
-
},
|
|
40
|
-
onMouseLeave: () => {
|
|
41
|
-
if (disabled)
|
|
42
|
-
return;
|
|
43
|
-
setState((prev) => ({ ...prev, hovered: false, pressed: false }));
|
|
44
|
-
},
|
|
45
|
-
onMouseDown: () => {
|
|
46
|
-
if (disabled)
|
|
47
|
-
return;
|
|
48
|
-
setState((prev) => ({ ...prev, pressed: true }));
|
|
49
|
-
},
|
|
50
|
-
onMouseUp: () => {
|
|
51
|
-
if (disabled)
|
|
52
|
-
return;
|
|
53
|
-
setState((prev) => ({ ...prev, pressed: false }));
|
|
54
|
-
},
|
|
55
|
-
onFocus: () => {
|
|
3
|
+
const { disabled } = options;
|
|
4
|
+
const [pressed, setPressed] = useState(false);
|
|
5
|
+
const state = disabled
|
|
6
|
+
? 'disabled'
|
|
7
|
+
: pressed
|
|
8
|
+
? 'pressed'
|
|
9
|
+
: 'idle';
|
|
10
|
+
const dataAttrs = {
|
|
11
|
+
'data-state': state,
|
|
12
|
+
'data-pressed': pressed ? 'true' : 'false',
|
|
13
|
+
'data-disabled': disabled ? 'true' : 'false',
|
|
14
|
+
};
|
|
15
|
+
const eventHandlers = {
|
|
16
|
+
onPressIn: (e) => {
|
|
56
17
|
if (disabled)
|
|
57
18
|
return;
|
|
58
|
-
|
|
19
|
+
setPressed(true);
|
|
59
20
|
},
|
|
60
|
-
|
|
21
|
+
onPressOut: (e) => {
|
|
61
22
|
if (disabled)
|
|
62
23
|
return;
|
|
63
|
-
|
|
24
|
+
setPressed(false);
|
|
64
25
|
},
|
|
65
|
-
}
|
|
66
|
-
const dataAttrs = toDataAttrs(state);
|
|
26
|
+
};
|
|
67
27
|
return { state, dataAttrs, eventHandlers };
|
|
68
28
|
}
|
|
@@ -1,68 +1,59 @@
|
|
|
1
|
-
import {
|
|
2
|
-
function computeVisualState(state) {
|
|
3
|
-
if (state.disabled)
|
|
4
|
-
return 'disabled';
|
|
5
|
-
if (state.pressed)
|
|
6
|
-
return 'pressed';
|
|
7
|
-
if (state.hovered)
|
|
8
|
-
return 'hovered';
|
|
9
|
-
if (state.focused)
|
|
10
|
-
return 'focused';
|
|
11
|
-
return 'default';
|
|
12
|
-
}
|
|
13
|
-
function toDataAttrs(state) {
|
|
14
|
-
const visual = computeVisualState(state);
|
|
15
|
-
return {
|
|
16
|
-
'data-state': visual,
|
|
17
|
-
'data-hovered': String(state.hovered),
|
|
18
|
-
'data-pressed': String(state.pressed),
|
|
19
|
-
'data-focused': String(state.focused),
|
|
20
|
-
'data-disabled': String(state.disabled),
|
|
21
|
-
};
|
|
22
|
-
}
|
|
1
|
+
import { useState } from 'react';
|
|
23
2
|
export function useInteractiveState(options = {}) {
|
|
24
|
-
const { disabled
|
|
25
|
-
const [
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
disabled
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
3
|
+
const { disabled } = options;
|
|
4
|
+
const [hovered, setHovered] = useState(false);
|
|
5
|
+
const [pressed, setPressed] = useState(false);
|
|
6
|
+
const [focused, setFocused] = useState(false);
|
|
7
|
+
const state = disabled
|
|
8
|
+
? 'disabled'
|
|
9
|
+
: pressed
|
|
10
|
+
? 'pressed'
|
|
11
|
+
: hovered
|
|
12
|
+
? 'hovered'
|
|
13
|
+
: focused
|
|
14
|
+
? 'focused'
|
|
15
|
+
: 'idle';
|
|
16
|
+
const dataAttrs = {
|
|
17
|
+
'data-state': state,
|
|
18
|
+
'data-hovered': hovered ? 'true' : 'false',
|
|
19
|
+
'data-pressed': pressed ? 'true' : 'false',
|
|
20
|
+
'data-focused': focused ? 'true' : 'false',
|
|
21
|
+
'data-disabled': disabled ? 'true' : 'false',
|
|
22
|
+
};
|
|
23
|
+
const eventHandlers = {
|
|
35
24
|
onMouseEnter: () => {
|
|
36
25
|
if (disabled)
|
|
37
26
|
return;
|
|
38
|
-
|
|
27
|
+
setHovered(true);
|
|
39
28
|
},
|
|
40
29
|
onMouseLeave: () => {
|
|
41
30
|
if (disabled)
|
|
42
31
|
return;
|
|
43
|
-
|
|
32
|
+
setHovered(false);
|
|
33
|
+
setPressed(false);
|
|
44
34
|
},
|
|
45
|
-
onMouseDown: () => {
|
|
46
|
-
if (disabled)
|
|
35
|
+
onMouseDown: (e) => {
|
|
36
|
+
if (disabled || e.button !== 0)
|
|
47
37
|
return;
|
|
48
|
-
|
|
38
|
+
setPressed(true);
|
|
49
39
|
},
|
|
50
40
|
onMouseUp: () => {
|
|
51
41
|
if (disabled)
|
|
52
42
|
return;
|
|
53
|
-
|
|
43
|
+
setPressed(false);
|
|
54
44
|
},
|
|
55
45
|
onFocus: () => {
|
|
56
46
|
if (disabled)
|
|
57
47
|
return;
|
|
58
|
-
|
|
48
|
+
setFocused(true);
|
|
59
49
|
},
|
|
60
50
|
onBlur: () => {
|
|
61
51
|
if (disabled)
|
|
62
52
|
return;
|
|
63
|
-
|
|
53
|
+
setFocused(false);
|
|
54
|
+
setPressed(false);
|
|
55
|
+
setHovered(false);
|
|
64
56
|
},
|
|
65
|
-
}
|
|
66
|
-
const dataAttrs = toDataAttrs(state);
|
|
57
|
+
};
|
|
67
58
|
return { state, dataAttrs, eventHandlers };
|
|
68
59
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Action = void 0;
|
|
4
|
+
exports.A = A;
|
|
5
|
+
const jsx_runtime_1 = require("nativewind/jsx-runtime");
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const index_native_1 = require("../../hooks/index.native");
|
|
8
|
+
const index_native_2 = require("../e/index.native");
|
|
9
|
+
function A({ className, children, onPress, onClick, disabled, ref, ...rest }) {
|
|
10
|
+
const cn = (0, index_native_1.useCn)();
|
|
11
|
+
const { onAction } = (0, index_native_1.useAction)({
|
|
12
|
+
onClick,
|
|
13
|
+
onPress,
|
|
14
|
+
});
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { ref: ref, onPress: onAction, disabled: disabled, ...rest, children: (0, jsx_runtime_1.jsx)(index_native_2.E, { className: cn(disabled && 'opacity-60', className), children: children }) }));
|
|
16
|
+
}
|
|
17
|
+
exports.Action = A;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Action = void 0;
|
|
4
|
+
exports.A = A;
|
|
5
|
+
const jsx_runtime_1 = require("nativewind/jsx-runtime");
|
|
6
|
+
const index_web_1 = require("../../hooks/index.web");
|
|
7
|
+
function A({ className, children, onPress, onClick, disabled, ref, ...rest }) {
|
|
8
|
+
const cn = (0, index_web_1.useCn)();
|
|
9
|
+
const { onAction } = (0, index_web_1.useAction)({
|
|
10
|
+
onClick,
|
|
11
|
+
onPress,
|
|
12
|
+
});
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("button", { ref: ref, type: "button", disabled: disabled, className: cn('cursor-pointer', disabled && 'opacity-60', className), onClick: onAction, ...rest, children: children }));
|
|
14
|
+
}
|
|
15
|
+
exports.Action = A;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./a.native"), exports);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./a.web"), exports);
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Dialog = void 0;
|
|
4
|
+
exports.D = D;
|
|
5
|
+
const jsx_runtime_1 = require("nativewind/jsx-runtime");
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const index_native_1 = require("../../hooks/index.native");
|
|
8
|
+
const index_native_2 = require("../e/index.native");
|
|
9
|
+
function D({ open, onOpenChange, placement = 'center', className, backdropClassName, containerClassName, contentClassName, children, ref, ...rest }) {
|
|
10
|
+
const cn = (0, index_native_1.useCn)();
|
|
11
|
+
const placementClasses = {
|
|
12
|
+
center: 'items-center justify-center',
|
|
13
|
+
top: 'items-start justify-center',
|
|
14
|
+
bottom: 'items-end justify-center',
|
|
15
|
+
left: 'items-stretch justify-start',
|
|
16
|
+
right: 'items-stretch justify-end',
|
|
17
|
+
};
|
|
18
|
+
const containerClasses = cn('flex-1 bg-black/40 flex', placementClasses[placement], containerClassName, backdropClassName);
|
|
19
|
+
const contentClasses = cn('bg-background p-4 rounded-lg shadow-lg max-h-[90vh] w-full max-w-lg', placement === 'left' || placement === 'right' ? 'h-full max-h-none' : '', placement === 'bottom' || placement === 'top' ? 'max-w-none' : '', className, contentClassName);
|
|
20
|
+
const handleRequestClose = (e) => {
|
|
21
|
+
onOpenChange?.(false);
|
|
22
|
+
if (typeof rest.onRequestClose === 'function') {
|
|
23
|
+
rest.onRequestClose?.(e);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, animationType: "slide", transparent: true, onRequestClose: handleRequestClose, ...rest, children: (0, jsx_runtime_1.jsx)(index_native_2.E, { className: containerClasses, children: (0, jsx_runtime_1.jsx)(index_native_2.E, { ref: ref, className: contentClasses, children: children }) }) }));
|
|
27
|
+
}
|
|
28
|
+
exports.Dialog = D;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Dialog = void 0;
|
|
4
|
+
exports.D = D;
|
|
5
|
+
const jsx_runtime_1 = require("nativewind/jsx-runtime");
|
|
6
|
+
const react_dom_1 = require("react-dom");
|
|
7
|
+
const index_web_1 = require("../../hooks/index.web");
|
|
8
|
+
const index_web_2 = require("../e/index.web");
|
|
9
|
+
function D({ open, onOpenChange, placement = 'center', className, backdropClassName, containerClassName, contentClassName, closeOnBackdropClick = true, children, ref, ...rest }) {
|
|
10
|
+
const cn = (0, index_web_1.useCn)();
|
|
11
|
+
if (typeof document === 'undefined')
|
|
12
|
+
return null;
|
|
13
|
+
if (!open)
|
|
14
|
+
return null;
|
|
15
|
+
const placementClasses = {
|
|
16
|
+
center: 'items-center justify-center',
|
|
17
|
+
top: 'items-start justify-center',
|
|
18
|
+
bottom: 'items-end justify-center',
|
|
19
|
+
left: 'items-stretch justify-start',
|
|
20
|
+
right: 'items-stretch justify-end',
|
|
21
|
+
};
|
|
22
|
+
const handleBackdropClick = (event) => {
|
|
23
|
+
if (event.target !== event.currentTarget)
|
|
24
|
+
return;
|
|
25
|
+
if (closeOnBackdropClick) {
|
|
26
|
+
onOpenChange?.(false);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
const backdropClasses = cn('fixed inset-0 z-50 flex bg-black/40', placementClasses[placement], containerClassName, backdropClassName);
|
|
30
|
+
const contentClasses = cn('relative max-h-[90vh] w-full max-w-lg overflow-auto rounded-lg bg-background p-4 shadow-lg', placement === 'left' || placement === 'right' ? 'h-full max-h-none' : '', placement === 'bottom' || placement === 'top' ? 'max-w-none' : '', className, contentClassName);
|
|
31
|
+
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(index_web_2.E, { className: backdropClasses, role: "presentation", onClick: handleBackdropClick, children: (0, jsx_runtime_1.jsx)("div", { ref: ref,
|
|
32
|
+
// biome-ignore lint/a11y/useSemanticElements: <explanation>
|
|
33
|
+
role: "dialog", "aria-modal": "true", className: contentClasses, ...rest, children: children }) }), document.body);
|
|
34
|
+
}
|
|
35
|
+
exports.Dialog = D;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./d.native"), exports);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./d.web"), exports);
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Element = void 0;
|
|
4
|
+
exports.E = E;
|
|
5
|
+
const jsx_runtime_1 = require("nativewind/jsx-runtime");
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const index_native_1 = require("../../hooks/index.native");
|
|
8
|
+
const index_native_2 = require("../t/index.native");
|
|
9
|
+
function E({ className, children, onPress, onClick, ref, ...rest }) {
|
|
10
|
+
const cn = (0, index_native_1.useCn)();
|
|
11
|
+
const { onAction } = (0, index_native_1.useAction)({
|
|
12
|
+
onClick,
|
|
13
|
+
onPress,
|
|
14
|
+
});
|
|
15
|
+
const handleOnPress = () => {
|
|
16
|
+
onAction();
|
|
17
|
+
return false;
|
|
18
|
+
};
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, className: cn(className), onStartShouldSetResponder: handleOnPress, ...rest, children: typeof children === 'string' ? (0, jsx_runtime_1.jsx)(index_native_2.T, { children: children }) : children }));
|
|
20
|
+
}
|
|
21
|
+
exports.Element = E;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Element = void 0;
|
|
4
|
+
exports.E = E;
|
|
5
|
+
const jsx_runtime_1 = require("nativewind/jsx-runtime");
|
|
6
|
+
const index_web_1 = require("../../hooks/index.web");
|
|
7
|
+
function E({ className, children, onPress, onClick, ref, ...rest }) {
|
|
8
|
+
const cn = (0, index_web_1.useCn)();
|
|
9
|
+
const { onAction } = (0, index_web_1.useAction)({
|
|
10
|
+
onClick,
|
|
11
|
+
onPress,
|
|
12
|
+
});
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: cn(className), onClick: onAction, ...rest, children: children }));
|
|
14
|
+
}
|
|
15
|
+
exports.Element = E;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./e.native"), exports);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./e.web"), exports);
|