@fluentui-react-native/drawer 0.5.1 → 0.5.3
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/CHANGELOG.md +22 -0
- package/lib/useDrawer.d.ts.map +1 -1
- package/lib/useDrawer.js +6 -6
- package/lib/useDrawer.js.map +1 -1
- package/lib-commonjs/useDrawer.d.ts.map +1 -1
- package/lib-commonjs/useDrawer.js +6 -6
- package/lib-commonjs/useDrawer.js.map +1 -1
- package/package.json +16 -16
- package/src/useDrawer.ts +17 -6
- package/eslint.config.js +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/drawer
|
|
2
2
|
|
|
3
|
+
## 0.5.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 9cf4444: Migrate from ESLint to oxlint
|
|
8
|
+
- Updated dependencies [9cf4444]
|
|
9
|
+
- @fluentui-react-native/interactive-hooks@0.28.3
|
|
10
|
+
- @fluentui-react-native/use-styling@0.14.3
|
|
11
|
+
- @fluentui-react-native/theme-tokens@0.28.3
|
|
12
|
+
- @fluentui-react-native/framework@0.15.3
|
|
13
|
+
|
|
14
|
+
## 0.5.2
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- 8a7b549: Update to the latest rnx-kit versions, fix some typing issues, and correct the vscode settings
|
|
19
|
+
- Updated dependencies [8a7b549]
|
|
20
|
+
- @fluentui-react-native/interactive-hooks@0.28.2
|
|
21
|
+
- @fluentui-react-native/use-styling@0.14.2
|
|
22
|
+
- @fluentui-react-native/theme-tokens@0.28.2
|
|
23
|
+
- @fluentui-react-native/framework@0.15.2
|
|
24
|
+
|
|
3
25
|
## 0.5.1
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
package/lib/useDrawer.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,SAAS,oCA2FrB,CAAC"}
|
package/lib/useDrawer.js
CHANGED
|
@@ -2,7 +2,7 @@ import { useRef, useEffect, useState, useCallback } from 'react';
|
|
|
2
2
|
import { Animated, Dimensions } from 'react-native';
|
|
3
3
|
const { height, width } = Dimensions.get('window');
|
|
4
4
|
export const useDrawer = (props) => {
|
|
5
|
-
const { onBlur, onFocus, accessibilityLabel, open, drawerPosition = 'left', showHandle = true, children, ...rest } = props;
|
|
5
|
+
const { onBlur, onClose: onCloseProp, onFocus, onScrimClick: onScrimClickProp, accessibilityLabel, open, drawerPosition = 'left', showHandle = true, children, ...rest } = props;
|
|
6
6
|
const animatedValue = useRef(new Animated.Value(0)).current;
|
|
7
7
|
const [internalOpen, setInternalOpen] = useState(open);
|
|
8
8
|
const [isFirstOpen, setIsFirstOpen] = useState(true);
|
|
@@ -31,13 +31,13 @@ export const useDrawer = (props) => {
|
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
}, [animatedValue, open]);
|
|
34
|
+
}, [animatedValue, isFirstOpen, open]);
|
|
35
35
|
const onClose = useCallback((e) => {
|
|
36
|
-
|
|
37
|
-
}, [
|
|
36
|
+
onCloseProp && onCloseProp(e);
|
|
37
|
+
}, [onCloseProp]);
|
|
38
38
|
const onScrimClick = useCallback((e) => {
|
|
39
|
-
|
|
40
|
-
}, [
|
|
39
|
+
onScrimClickProp && onScrimClickProp(e);
|
|
40
|
+
}, [onScrimClickProp]);
|
|
41
41
|
const animatedTranslateX = animatedValue.interpolate({
|
|
42
42
|
inputRange: [0, 1],
|
|
43
43
|
outputRange: drawerPosition === 'left' ? [-width * 0.8, 0] : drawerPosition === 'right' ? [width * 0.8, 0] : [0, 0],
|
package/lib/useDrawer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDrawer.js","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAMpD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAc,EAAE,CAAC;IAC3D,MAAM,
|
|
1
|
+
{"version":3,"file":"useDrawer.js","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,SAAS,oCA2FrB,CAAC"}
|
|
@@ -5,7 +5,7 @@ const react_1 = require("react");
|
|
|
5
5
|
const react_native_1 = require("react-native");
|
|
6
6
|
const { height, width } = react_native_1.Dimensions.get('window');
|
|
7
7
|
const useDrawer = (props) => {
|
|
8
|
-
const { onBlur, onFocus, accessibilityLabel, open, drawerPosition = 'left', showHandle = true, children, ...rest } = props;
|
|
8
|
+
const { onBlur, onClose: onCloseProp, onFocus, onScrimClick: onScrimClickProp, accessibilityLabel, open, drawerPosition = 'left', showHandle = true, children, ...rest } = props;
|
|
9
9
|
const animatedValue = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
|
|
10
10
|
const [internalOpen, setInternalOpen] = (0, react_1.useState)(open);
|
|
11
11
|
const [isFirstOpen, setIsFirstOpen] = (0, react_1.useState)(true);
|
|
@@ -34,13 +34,13 @@ const useDrawer = (props) => {
|
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
}, [animatedValue, open]);
|
|
37
|
+
}, [animatedValue, isFirstOpen, open]);
|
|
38
38
|
const onClose = (0, react_1.useCallback)((e) => {
|
|
39
|
-
|
|
40
|
-
}, [
|
|
39
|
+
onCloseProp && onCloseProp(e);
|
|
40
|
+
}, [onCloseProp]);
|
|
41
41
|
const onScrimClick = (0, react_1.useCallback)((e) => {
|
|
42
|
-
|
|
43
|
-
}, [
|
|
42
|
+
onScrimClickProp && onScrimClickProp(e);
|
|
43
|
+
}, [onScrimClickProp]);
|
|
44
44
|
const animatedTranslateX = animatedValue.interpolate({
|
|
45
45
|
inputRange: [0, 1],
|
|
46
46
|
outputRange: drawerPosition === 'left' ? [-width * 0.8, 0] : drawerPosition === 'right' ? [width * 0.8, 0] : [0, 0],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDrawer.js","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":";;;AAAA,iCAAiE;AACjE,+CAAoD;AAMpD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAc,EAAE,CAAC;IAC3D,MAAM,
|
|
1
|
+
{"version":3,"file":"useDrawer.js","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/drawer",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.3",
|
|
4
4
|
"description": "A cross-platform Drawer component using the Fluent Design System",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "",
|
|
@@ -26,44 +26,44 @@
|
|
|
26
26
|
"build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
|
|
27
27
|
"clean": "fluentui-scripts clean",
|
|
28
28
|
"depcheck": "fluentui-scripts depcheck",
|
|
29
|
-
"lint": "fluentui-scripts eslint",
|
|
30
|
-
"lint-package": "fluentui-scripts lint-package",
|
|
31
29
|
"format": "fluentui-scripts format",
|
|
30
|
+
"lint": "fluentui-scripts lint",
|
|
31
|
+
"lint-package": "fluentui-scripts lint-package",
|
|
32
32
|
"test": "fluentui-scripts jest",
|
|
33
33
|
"update-snapshots": "fluentui-scripts jest -u"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@fluentui-react-native/framework": "0.15.
|
|
37
|
-
"@fluentui-react-native/interactive-hooks": "0.28.
|
|
38
|
-
"@fluentui-react-native/theme-tokens": "0.28.
|
|
39
|
-
"@fluentui-react-native/use-styling": "0.14.
|
|
36
|
+
"@fluentui-react-native/framework": "0.15.3",
|
|
37
|
+
"@fluentui-react-native/interactive-hooks": "0.28.3",
|
|
38
|
+
"@fluentui-react-native/theme-tokens": "0.28.3",
|
|
39
|
+
"@fluentui-react-native/use-styling": "0.14.3"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@babel/core": "^7.20.0",
|
|
43
43
|
"@fluentui-react-native/babel-config": "0.1.1",
|
|
44
|
-
"@fluentui-react-native/
|
|
45
|
-
"@fluentui-react-native/framework-base": "0.3.1",
|
|
44
|
+
"@fluentui-react-native/framework-base": "0.3.3",
|
|
46
45
|
"@fluentui-react-native/jest-config": "0.1.0",
|
|
47
46
|
"@fluentui-react-native/kit-config": "0.1.2",
|
|
47
|
+
"@fluentui-react-native/lint-config-rules": "0.1.3",
|
|
48
48
|
"@fluentui-react-native/scripts": "0.1.0",
|
|
49
49
|
"@react-native-community/cli": "^20.0.0",
|
|
50
50
|
"@react-native-community/cli-platform-android": "^20.0.0",
|
|
51
51
|
"@react-native-community/cli-platform-ios": "^20.0.0",
|
|
52
52
|
"@react-native/babel-preset": "^0.81.0",
|
|
53
53
|
"@react-native/metro-config": "^0.81.0",
|
|
54
|
-
"@types/react": "~19.1.
|
|
54
|
+
"@types/react": "~19.1.4",
|
|
55
55
|
"@types/react-test-renderer": "^19.1.0",
|
|
56
|
-
"react": "19.1.
|
|
57
|
-
"react-native": "^0.81.
|
|
56
|
+
"react": "19.1.4",
|
|
57
|
+
"react-native": "^0.81.6",
|
|
58
58
|
"react-native-macos": "^0.81.0",
|
|
59
59
|
"react-native-windows": "^0.81.0",
|
|
60
|
-
"react-test-renderer": "19.1.
|
|
60
|
+
"react-test-renderer": "19.1.4"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
63
|
"@office-iss/react-native-win32": "^0.74.0",
|
|
64
|
-
"@types/react": "~18.2.0 || ~19.0.0 || ~19.1.
|
|
65
|
-
"react": "18.2.0 || 19.0.0 || 19.1.
|
|
66
|
-
"react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.
|
|
64
|
+
"@types/react": "~18.2.0 || ~19.0.0 || ~19.1.4",
|
|
65
|
+
"react": "18.2.0 || 19.0.0 || 19.1.4",
|
|
66
|
+
"react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.6",
|
|
67
67
|
"react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
|
|
68
68
|
"react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
|
|
69
69
|
},
|
package/src/useDrawer.ts
CHANGED
|
@@ -8,7 +8,18 @@ import type { DrawerProps, DrawerInfo } from './Drawer.types';
|
|
|
8
8
|
const { height, width } = Dimensions.get('window');
|
|
9
9
|
|
|
10
10
|
export const useDrawer = (props: DrawerProps): DrawerInfo => {
|
|
11
|
-
const {
|
|
11
|
+
const {
|
|
12
|
+
onBlur,
|
|
13
|
+
onClose: onCloseProp,
|
|
14
|
+
onFocus,
|
|
15
|
+
onScrimClick: onScrimClickProp,
|
|
16
|
+
accessibilityLabel,
|
|
17
|
+
open,
|
|
18
|
+
drawerPosition = 'left',
|
|
19
|
+
showHandle = true,
|
|
20
|
+
children,
|
|
21
|
+
...rest
|
|
22
|
+
} = props;
|
|
12
23
|
const animatedValue = useRef(new Animated.Value(0)).current;
|
|
13
24
|
const [internalOpen, setInternalOpen] = useState(open);
|
|
14
25
|
const [isFirstOpen, setIsFirstOpen] = useState(true);
|
|
@@ -36,20 +47,20 @@ export const useDrawer = (props: DrawerProps): DrawerInfo => {
|
|
|
36
47
|
});
|
|
37
48
|
}
|
|
38
49
|
}
|
|
39
|
-
}, [animatedValue, open]);
|
|
50
|
+
}, [animatedValue, isFirstOpen, open]);
|
|
40
51
|
|
|
41
52
|
const onClose = useCallback(
|
|
42
53
|
(e: InteractionEvent) => {
|
|
43
|
-
|
|
54
|
+
onCloseProp && onCloseProp(e);
|
|
44
55
|
},
|
|
45
|
-
[
|
|
56
|
+
[onCloseProp],
|
|
46
57
|
);
|
|
47
58
|
|
|
48
59
|
const onScrimClick = useCallback(
|
|
49
60
|
(e: InteractionEvent) => {
|
|
50
|
-
|
|
61
|
+
onScrimClickProp && onScrimClickProp(e);
|
|
51
62
|
},
|
|
52
|
-
[
|
|
63
|
+
[onScrimClickProp],
|
|
53
64
|
);
|
|
54
65
|
|
|
55
66
|
const animatedTranslateX = animatedValue.interpolate({
|
package/eslint.config.js
DELETED