@react-xp/aeiou 0.1.0-beta.4 → 0.1.0-beta.6
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/components/a/a.native.js +1 -1
- package/dist/cjs/hooks/useInteractiveState/useInteractiveState.native.js +18 -58
- package/dist/cjs/hooks/useInteractiveState/useInteractiveState.web.js +33 -42
- package/dist/esm/components/a/a.native.js +1 -1
- 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 +1 -1
- package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.native.js +18 -58
- package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.web.js +33 -42
- package/dist/native/esm/components/a/a.native.js +1 -1
- package/dist/native/esm/hooks/useInteractiveState/useInteractiveState.native.js +19 -59
- package/dist/native/esm/hooks/useInteractiveState/useInteractiveState.web.js +34 -43
- package/dist/native/tsconfig.native.cjs.tsbuildinfo +1 -1
- package/dist/native/tsconfig.native.esm.tsbuildinfo +1 -1
- package/dist/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/types/components/a/a.native.d.ts +4 -1
- package/dist/types/components/a/a.native.d.ts.map +1 -1
- package/dist/types/components/a/a.web.d.ts +4 -1
- package/dist/types/components/a/a.web.d.ts.map +1 -1
- package/dist/types/components/d/d.native.d.ts +4 -1
- package/dist/types/components/d/d.native.d.ts.map +1 -1
- package/dist/types/components/d/d.web.d.ts +4 -1
- package/dist/types/components/d/d.web.d.ts.map +1 -1
- package/dist/types/components/e/e.native.d.ts +4 -1
- package/dist/types/components/e/e.native.d.ts.map +1 -1
- package/dist/types/components/e/e.web.d.ts +4 -1
- package/dist/types/components/e/e.web.d.ts.map +1 -1
- package/dist/types/components/i/i.native.d.ts +4 -1
- package/dist/types/components/i/i.native.d.ts.map +1 -1
- package/dist/types/components/i/i.web.d.ts +4 -1
- package/dist/types/components/i/i.web.d.ts.map +1 -1
- package/dist/types/components/l/l.native.d.ts +4 -1
- package/dist/types/components/l/l.native.d.ts.map +1 -1
- package/dist/types/components/l/l.web.d.ts +4 -1
- package/dist/types/components/l/l.web.d.ts.map +1 -1
- package/dist/types/components/o/o.native.d.ts +4 -1
- package/dist/types/components/o/o.native.d.ts.map +1 -1
- package/dist/types/components/o/o.web.d.ts +4 -1
- package/dist/types/components/o/o.web.d.ts.map +1 -1
- package/dist/types/components/p/p.native.d.ts +4 -1
- package/dist/types/components/p/p.native.d.ts.map +1 -1
- package/dist/types/components/p/p.web.d.ts +2 -0
- package/dist/types/components/p/p.web.d.ts.map +1 -1
- package/dist/types/components/s/s.native.d.ts +4 -1
- package/dist/types/components/s/s.native.d.ts.map +1 -1
- package/dist/types/components/s/s.web.d.ts +4 -1
- package/dist/types/components/s/s.web.d.ts.map +1 -1
- package/dist/types/components/t/t.native.d.ts +4 -1
- package/dist/types/components/t/t.native.d.ts.map +1 -1
- package/dist/types/components/t/t.web.d.ts +4 -1
- package/dist/types/components/t/t.web.d.ts.map +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 +1 -1
|
@@ -1,3 +1,15 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
1
|
+
import type { GestureResponderEvent } from 'react-native';
|
|
2
|
+
import type { TUseInteractiveStateOptions } from './useInteractiveState.types';
|
|
3
|
+
export declare function useInteractiveState(options?: TUseInteractiveStateOptions): {
|
|
4
|
+
state: "idle" | "pressed" | "disabled";
|
|
5
|
+
dataAttrs: {
|
|
6
|
+
readonly 'data-state': "idle" | "pressed" | "disabled";
|
|
7
|
+
readonly 'data-pressed': "true" | "false";
|
|
8
|
+
readonly 'data-disabled': "true" | "false";
|
|
9
|
+
};
|
|
10
|
+
eventHandlers: {
|
|
11
|
+
onPressIn: (e: GestureResponderEvent) => void;
|
|
12
|
+
onPressOut: (e: GestureResponderEvent) => void;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
3
15
|
//# sourceMappingURL=useInteractiveState.native.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInteractiveState.native.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"useInteractiveState.native.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAEV,2BAA2B,EAC5B,MAAM,6BAA6B,CAAC;AAErC,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,2BAAgC;;;;;;;;uBAiB1D,qBAAqB;wBAIpB,qBAAqB;;EAOxC"}
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
import type { TAny } from '../../types';
|
|
2
|
-
export type
|
|
3
|
-
hovered: boolean;
|
|
4
|
-
pressed: boolean;
|
|
5
|
-
focused: boolean;
|
|
6
|
-
disabled: boolean;
|
|
7
|
-
};
|
|
8
|
-
export type TInteractionVisualState = 'default' | 'hovered' | 'pressed' | 'focused' | 'disabled';
|
|
2
|
+
export type TInteractiveState = 'idle' | 'hovered' | 'pressed' | 'focused' | 'disabled';
|
|
9
3
|
export type TInteractionDataAttrs = {
|
|
10
|
-
'data-state':
|
|
4
|
+
'data-state': TInteractiveState;
|
|
11
5
|
'data-hovered': string;
|
|
12
6
|
'data-pressed': string;
|
|
13
7
|
'data-focused': string;
|
|
@@ -17,7 +11,7 @@ export type TUseInteractiveStateOptions = {
|
|
|
17
11
|
disabled?: boolean;
|
|
18
12
|
};
|
|
19
13
|
export type TUseInteractiveStateResult = {
|
|
20
|
-
state:
|
|
14
|
+
state: TInteractiveState;
|
|
21
15
|
dataAttrs: TInteractionDataAttrs;
|
|
22
16
|
eventHandlers: Record<string, TAny>;
|
|
23
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInteractiveState.types.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"useInteractiveState.types.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,CAAC;AAEf,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,EAAE,iBAAiB,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,iBAAiB,CAAC;IACzB,SAAS,EAAE,qBAAqB,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;CACrC,CAAC"}
|
|
@@ -1,3 +1,21 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
1
|
+
import type { TAny } from '../../types';
|
|
2
|
+
import type { TInteractiveState, TUseInteractiveStateOptions } from './useInteractiveState.types';
|
|
3
|
+
export declare function useInteractiveState(options?: TUseInteractiveStateOptions): {
|
|
4
|
+
state: TInteractiveState;
|
|
5
|
+
dataAttrs: {
|
|
6
|
+
readonly 'data-state': TInteractiveState;
|
|
7
|
+
readonly 'data-hovered': "true" | "false";
|
|
8
|
+
readonly 'data-pressed': "true" | "false";
|
|
9
|
+
readonly 'data-focused': "true" | "false";
|
|
10
|
+
readonly 'data-disabled': "true" | "false";
|
|
11
|
+
};
|
|
12
|
+
eventHandlers: {
|
|
13
|
+
onMouseEnter: () => void;
|
|
14
|
+
onMouseLeave: () => void;
|
|
15
|
+
onMouseDown: (e: React.MouseEvent<TAny>) => void;
|
|
16
|
+
onMouseUp: () => void;
|
|
17
|
+
onFocus: () => void;
|
|
18
|
+
onBlur: () => void;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
3
21
|
//# sourceMappingURL=useInteractiveState.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInteractiveState.web.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.web.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"useInteractiveState.web.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.web.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EACV,iBAAiB,EACjB,2BAA2B,EAC5B,MAAM,6BAA6B,CAAC;AAErC,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,2BAAgC;;;;;;;;;;;;yBAkCxD,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;;;;;EAqB1C"}
|