@fluentui-react-native/experimental-expander 0.7.12 → 0.7.13
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.json +16 -1
- package/CHANGELOG.md +10 -2
- package/lib/Expander.d.ts +5 -0
- package/lib/Expander.d.ts.map +1 -1
- package/lib/Expander.js +6 -2
- package/lib/Expander.js.map +1 -1
- package/lib/ExpanderNativeComponent.d.ts +43 -0
- package/lib/ExpanderNativeComponent.d.ts.map +1 -0
- package/lib/ExpanderNativeComponent.js +8 -0
- package/lib/ExpanderNativeComponent.js.map +1 -0
- package/lib-commonjs/Expander.d.ts +5 -0
- package/lib-commonjs/Expander.d.ts.map +1 -1
- package/lib-commonjs/Expander.js +10 -3
- package/lib-commonjs/Expander.js.map +1 -1
- package/lib-commonjs/ExpanderNativeComponent.d.ts +43 -0
- package/lib-commonjs/ExpanderNativeComponent.d.ts.map +1 -0
- package/lib-commonjs/ExpanderNativeComponent.js +13 -0
- package/lib-commonjs/ExpanderNativeComponent.js.map +1 -0
- package/package.json +1 -2
- package/src/Expander.tsx +7 -3
- package/src/ExpanderNativeComponent.ts +49 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/experimental-expander",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 29 Mar 2024 18:05:03 GMT",
|
|
6
|
+
"version": "0.7.13",
|
|
7
|
+
"tag": "@fluentui-react-native/experimental-expander_v0.7.13",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "30809111+acoates-ms@users.noreply.github.com",
|
|
12
|
+
"package": "@fluentui-react-native/experimental-expander",
|
|
13
|
+
"commit": "a722aa94799f4afee55baa03a5a754b0d4b2fdce",
|
|
14
|
+
"comment": "Use codegenNativeComponent so JS View configs can be generated for all native components"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Mon, 25 Mar 2024 06:51:42 GMT",
|
|
6
21
|
"version": "0.7.12",
|
|
7
22
|
"tag": "@fluentui-react-native/experimental-expander_v0.7.12",
|
|
8
23
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/experimental-expander
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 29 Mar 2024 18:05:03 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.7.13
|
|
8
|
+
|
|
9
|
+
Fri, 29 Mar 2024 18:05:03 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Use codegenNativeComponent so JS View configs can be generated for all native components (30809111+acoates-ms@users.noreply.github.com)
|
|
14
|
+
|
|
7
15
|
## 0.7.12
|
|
8
16
|
|
|
9
|
-
Mon, 25 Mar 2024 06:51:
|
|
17
|
+
Mon, 25 Mar 2024 06:51:42 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
package/lib/Expander.d.ts
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Microsoft Corporation.
|
|
3
|
+
* Licensed under the MIT License.
|
|
4
|
+
* @format
|
|
5
|
+
*/
|
|
1
6
|
import type { ExpanderProps, ExpanderViewProps } from './Expander.types';
|
|
2
7
|
export declare const Expander: import("@fluentui-react-native/framework").ComposableComponent<ExpanderProps, {
|
|
3
8
|
root: ExpanderViewProps;
|
package/lib/Expander.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,OAAO,KAAK,EAAgB,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAQvF,eAAO,MAAM,QAAQ;;qDA8BnB,CAAC"}
|
package/lib/Expander.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Microsoft Corporation.
|
|
3
|
+
* Licensed under the MIT License.
|
|
4
|
+
* @format
|
|
5
|
+
*/
|
|
1
6
|
var __assign = (this && this.__assign) || function () {
|
|
2
7
|
__assign = Object.assign || function(t) {
|
|
3
8
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -48,10 +53,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
48
53
|
/** @jsxRuntime classic */
|
|
49
54
|
/** @jsx withSlots */
|
|
50
55
|
import * as React from 'react';
|
|
51
|
-
import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
|
|
52
56
|
import { compose, mergeProps, withSlots, buildProps } from '@fluentui-react-native/framework';
|
|
53
57
|
import { expanderName } from './Expander.types';
|
|
54
|
-
|
|
58
|
+
import ExpanderComponent from './ExpanderNativeComponent';
|
|
55
59
|
function delay(ms) {
|
|
56
60
|
return new Promise(function (resolve) { return setTimeout(resolve, ms); });
|
|
57
61
|
}
|
package/lib/Expander.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,iBAAiB,MAAM,2BAA2B,CAAC;AAE1D,SAAS,KAAK,CAAC,EAAU;IACvB,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,IAAK,OAAA,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,EAAvB,CAAuB,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,OAAO,CAAe;IAC5C,WAAW,EAAE,YAAY;IACzB,MAAM,EAAE,CAAC,EAAE,EAAE,YAAY,CAAC;IAC1B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CAAC,UAAC,MAAM,IAAK,OAAA,cAAM,MAAM,EAAG,EAAf,CAAe,CAAC;KAC9C;IACD,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE;IAClC,SAAS,EAAE,UAAC,SAAwB,EAAE,QAAgC;QACpE,IAAM,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC;QAChC,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,EAArE,aAAa,QAAA,EAAE,gBAAgB,QAAsC,CAAC;QAC7E,IAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC;QAE5F,IAAM,aAAa,GAAG;;;;;wBACpB,MAAA,SAAS,CAAC,YAAY,yDAAI,CAAC;wBAC3B,6DAA6D;wBAC7D,qBAAM,KAAK,CAAC,GAAG,CAAC,EAAA;;wBADhB,6DAA6D;wBAC7D,SAAgB,CAAC;wBACjB,gBAAgB,CAAC,KAAK,CAAC,CAAC;;;;aACzB,CAAC;QAEF,IAAM,YAAY,GAAG;;YACnB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,MAAA,SAAS,CAAC,WAAW,yDAAI,CAAC;QAC5B,CAAC,CAAC;QAEF,OAAO,UAAC,IAAuB;YAAE,kBAA8B;iBAA9B,UAA8B,EAA9B,qBAA8B,EAA9B,IAA8B;gBAA9B,iCAA8B;;YAAK,OAAA,CAClE,UAAC,IAAI,eAAK,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,IAAE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,KAClH,QAAQ,CACJ,CACR;QAJmE,CAInE,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Microsoft Corporation.
|
|
3
|
+
* Licensed under the MIT License.
|
|
4
|
+
* @format
|
|
5
|
+
*/
|
|
6
|
+
import type { ColorValue, HostComponent, ViewProps } from 'react-native';
|
|
7
|
+
import type { DirectEventHandler, Double } from 'react-native/Libraries/Types/CodegenTypes';
|
|
8
|
+
export interface NativeProps extends ViewProps {
|
|
9
|
+
expandDirection?: 'up' | 'down';
|
|
10
|
+
expanded?: boolean;
|
|
11
|
+
enabled?: boolean;
|
|
12
|
+
width?: Double;
|
|
13
|
+
height?: Double;
|
|
14
|
+
contentHorizontalAlignment?: 'center' | 'left' | 'right' | 'stretch';
|
|
15
|
+
contentVerticalAlignment?: 'bottom' | 'center' | 'stretch' | 'top';
|
|
16
|
+
headerBackground?: ColorValue;
|
|
17
|
+
headerForeground?: ColorValue;
|
|
18
|
+
headerForegroundPointerOver?: ColorValue;
|
|
19
|
+
headerForegroundPressed?: ColorValue;
|
|
20
|
+
headerBorderBrush?: ColorValue;
|
|
21
|
+
headerBorderPointerOverBrush?: ColorValue;
|
|
22
|
+
headerBorderPressedBrush?: ColorValue;
|
|
23
|
+
headerDisabledForeground?: ColorValue;
|
|
24
|
+
headerDisabledBorderBrush?: ColorValue;
|
|
25
|
+
headerBorderThickness?: Double;
|
|
26
|
+
contentBackground?: ColorValue;
|
|
27
|
+
contentBorderBrush?: ColorValue;
|
|
28
|
+
chevronBackground?: ColorValue;
|
|
29
|
+
chevronForeground?: ColorValue;
|
|
30
|
+
chevronPointerOverBackground?: ColorValue;
|
|
31
|
+
chevronPointerOverForeground?: ColorValue;
|
|
32
|
+
chevronPressedBackground?: ColorValue;
|
|
33
|
+
chevronPressedForeground?: ColorValue;
|
|
34
|
+
chevronBorderThickness?: Double;
|
|
35
|
+
chevronBorderBrush?: ColorValue;
|
|
36
|
+
chevronBorderPointerOverBrush?: ColorValue;
|
|
37
|
+
chevronBorderPressedBrush?: ColorValue;
|
|
38
|
+
onCollapsing?: DirectEventHandler<null>;
|
|
39
|
+
onExpanding?: DirectEventHandler<null>;
|
|
40
|
+
}
|
|
41
|
+
declare const _default: HostComponent<NativeProps>;
|
|
42
|
+
export default _default;
|
|
43
|
+
//# sourceMappingURL=ExpanderNativeComponent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExpanderNativeComponent.d.ts","sourceRoot":"","sources":["../src/ExpanderNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAG5F,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACrE,wBAAwB,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;IACnE,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,2BAA2B,CAAC,EAAE,UAAU,CAAC;IACzC,uBAAuB,CAAC,EAAE,UAAU,CAAC;IACrC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC,yBAAyB,CAAC,EAAE,UAAU,CAAC;IACvC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,6BAA6B,CAAC,EAAE,UAAU,CAAC;IAC3C,yBAAyB,CAAC,EAAE,UAAU,CAAC;IAEvC,YAAY,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;CACxC;;AAED,wBAEgC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Microsoft Corporation.
|
|
3
|
+
* Licensed under the MIT License.
|
|
4
|
+
* @format
|
|
5
|
+
*/
|
|
6
|
+
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
|
|
7
|
+
export default codegenNativeComponent('ExpanderView');
|
|
8
|
+
//# sourceMappingURL=ExpanderNativeComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExpanderNativeComponent.js","sourceRoot":"","sources":["../src/ExpanderNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAqC7F,eAAe,sBAAsB,CACnC,cAAc,CACe,CAAC"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Microsoft Corporation.
|
|
3
|
+
* Licensed under the MIT License.
|
|
4
|
+
* @format
|
|
5
|
+
*/
|
|
1
6
|
import type { ExpanderProps, ExpanderViewProps } from './Expander.types';
|
|
2
7
|
export declare const Expander: import("@fluentui-react-native/framework").ComposableComponent<ExpanderProps, {
|
|
3
8
|
root: ExpanderViewProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,OAAO,KAAK,EAAgB,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAQvF,eAAO,MAAM,QAAQ;;qDA8BnB,CAAC"}
|
package/lib-commonjs/Expander.js
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Copyright (c) Microsoft Corporation.
|
|
4
|
+
* Licensed under the MIT License.
|
|
5
|
+
* @format
|
|
6
|
+
*/
|
|
2
7
|
var __assign = (this && this.__assign) || function () {
|
|
3
8
|
__assign = Object.assign || function(t) {
|
|
4
9
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -69,15 +74,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
69
74
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
70
75
|
}
|
|
71
76
|
};
|
|
77
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
78
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
79
|
+
};
|
|
72
80
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
73
81
|
exports.Expander = void 0;
|
|
74
82
|
/** @jsxRuntime classic */
|
|
75
83
|
/** @jsx withSlots */
|
|
76
84
|
var React = __importStar(require("react"));
|
|
77
|
-
var component_cache_1 = require("@fluentui-react-native/component-cache");
|
|
78
85
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
79
86
|
var Expander_types_1 = require("./Expander.types");
|
|
80
|
-
var
|
|
87
|
+
var ExpanderNativeComponent_1 = __importDefault(require("./ExpanderNativeComponent"));
|
|
81
88
|
function delay(ms) {
|
|
82
89
|
return new Promise(function (resolve) { return setTimeout(resolve, ms); });
|
|
83
90
|
}
|
|
@@ -87,7 +94,7 @@ exports.Expander = (0, framework_1.compose)({
|
|
|
87
94
|
slotProps: {
|
|
88
95
|
root: (0, framework_1.buildProps)(function (tokens) { return (__assign({}, tokens)); }),
|
|
89
96
|
},
|
|
90
|
-
slots: { root:
|
|
97
|
+
slots: { root: ExpanderNativeComponent_1.default },
|
|
91
98
|
useRender: function (userProps, useSlots) {
|
|
92
99
|
var Root = useSlots(userProps).root;
|
|
93
100
|
var _a = React.useState(userProps.expanded), expandedState = _a[0], setExpandedState = _a[1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,0BAA0B;AAC1B,qBAAqB;AACrB,2CAA+B;AAG/B,8DAA8F;AAG9F,mDAAgD;AAChD,sFAA0D;AAE1D,SAAS,KAAK,CAAC,EAAU;IACvB,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,IAAK,OAAA,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,EAAvB,CAAuB,CAAC,CAAC;AAC3D,CAAC;AAEY,QAAA,QAAQ,GAAG,IAAA,mBAAO,EAAe;IAC5C,WAAW,EAAE,6BAAY;IACzB,MAAM,EAAE,CAAC,EAAE,EAAE,6BAAY,CAAC;IAC1B,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EAAC,UAAC,MAAM,IAAK,OAAA,cAAM,MAAM,EAAG,EAAf,CAAe,CAAC;KAC9C;IACD,KAAK,EAAE,EAAE,IAAI,EAAE,iCAAiB,EAAE;IAClC,SAAS,EAAE,UAAC,SAAwB,EAAE,QAAgC;QACpE,IAAM,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC;QAChC,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,EAArE,aAAa,QAAA,EAAE,gBAAgB,QAAsC,CAAC;QAC7E,IAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC;QAE5F,IAAM,aAAa,GAAG;;;;;wBACpB,MAAA,SAAS,CAAC,YAAY,yDAAI,CAAC;wBAC3B,6DAA6D;wBAC7D,qBAAM,KAAK,CAAC,GAAG,CAAC,EAAA;;wBADhB,6DAA6D;wBAC7D,SAAgB,CAAC;wBACjB,gBAAgB,CAAC,KAAK,CAAC,CAAC;;;;aACzB,CAAC;QAEF,IAAM,YAAY,GAAG;;YACnB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,MAAA,SAAS,CAAC,WAAW,yDAAI,CAAC;QAC5B,CAAC,CAAC;QAEF,OAAO,UAAC,IAAuB;YAAE,kBAA8B;iBAA9B,UAA8B,EAA9B,qBAA8B,EAA9B,IAA8B;gBAA9B,iCAA8B;;YAAK,OAAA,CAClE,2BAAC,IAAI,eAAK,IAAA,sBAAU,EAAC,SAAS,EAAE,IAAI,CAAC,IAAE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,KAClH,QAAQ,CACJ,CACR;QAJmE,CAInE,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Microsoft Corporation.
|
|
3
|
+
* Licensed under the MIT License.
|
|
4
|
+
* @format
|
|
5
|
+
*/
|
|
6
|
+
import type { ColorValue, HostComponent, ViewProps } from 'react-native';
|
|
7
|
+
import type { DirectEventHandler, Double } from 'react-native/Libraries/Types/CodegenTypes';
|
|
8
|
+
export interface NativeProps extends ViewProps {
|
|
9
|
+
expandDirection?: 'up' | 'down';
|
|
10
|
+
expanded?: boolean;
|
|
11
|
+
enabled?: boolean;
|
|
12
|
+
width?: Double;
|
|
13
|
+
height?: Double;
|
|
14
|
+
contentHorizontalAlignment?: 'center' | 'left' | 'right' | 'stretch';
|
|
15
|
+
contentVerticalAlignment?: 'bottom' | 'center' | 'stretch' | 'top';
|
|
16
|
+
headerBackground?: ColorValue;
|
|
17
|
+
headerForeground?: ColorValue;
|
|
18
|
+
headerForegroundPointerOver?: ColorValue;
|
|
19
|
+
headerForegroundPressed?: ColorValue;
|
|
20
|
+
headerBorderBrush?: ColorValue;
|
|
21
|
+
headerBorderPointerOverBrush?: ColorValue;
|
|
22
|
+
headerBorderPressedBrush?: ColorValue;
|
|
23
|
+
headerDisabledForeground?: ColorValue;
|
|
24
|
+
headerDisabledBorderBrush?: ColorValue;
|
|
25
|
+
headerBorderThickness?: Double;
|
|
26
|
+
contentBackground?: ColorValue;
|
|
27
|
+
contentBorderBrush?: ColorValue;
|
|
28
|
+
chevronBackground?: ColorValue;
|
|
29
|
+
chevronForeground?: ColorValue;
|
|
30
|
+
chevronPointerOverBackground?: ColorValue;
|
|
31
|
+
chevronPointerOverForeground?: ColorValue;
|
|
32
|
+
chevronPressedBackground?: ColorValue;
|
|
33
|
+
chevronPressedForeground?: ColorValue;
|
|
34
|
+
chevronBorderThickness?: Double;
|
|
35
|
+
chevronBorderBrush?: ColorValue;
|
|
36
|
+
chevronBorderPointerOverBrush?: ColorValue;
|
|
37
|
+
chevronBorderPressedBrush?: ColorValue;
|
|
38
|
+
onCollapsing?: DirectEventHandler<null>;
|
|
39
|
+
onExpanding?: DirectEventHandler<null>;
|
|
40
|
+
}
|
|
41
|
+
declare const _default: HostComponent<NativeProps>;
|
|
42
|
+
export default _default;
|
|
43
|
+
//# sourceMappingURL=ExpanderNativeComponent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExpanderNativeComponent.d.ts","sourceRoot":"","sources":["../src/ExpanderNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAG5F,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACrE,wBAAwB,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;IACnE,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,2BAA2B,CAAC,EAAE,UAAU,CAAC;IACzC,uBAAuB,CAAC,EAAE,UAAU,CAAC;IACrC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC,yBAAyB,CAAC,EAAE,UAAU,CAAC;IACvC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC,wBAAwB,CAAC,EAAE,UAAU,CAAC;IACtC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,6BAA6B,CAAC,EAAE,UAAU,CAAC;IAC3C,yBAAyB,CAAC,EAAE,UAAU,CAAC;IAEvC,YAAY,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;CACxC;;AAED,wBAEgC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Copyright (c) Microsoft Corporation.
|
|
4
|
+
* Licensed under the MIT License.
|
|
5
|
+
* @format
|
|
6
|
+
*/
|
|
7
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
8
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
9
|
+
};
|
|
10
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
11
|
+
var codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
|
|
12
|
+
exports.default = (0, codegenNativeComponent_1.default)('ExpanderView');
|
|
13
|
+
//# sourceMappingURL=ExpanderNativeComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExpanderNativeComponent.js","sourceRoot":"","sources":["../src/ExpanderNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAKH,mHAA6F;AAqC7F,kBAAe,IAAA,gCAAsB,EACnC,cAAc,CACe,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/experimental-expander",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.13",
|
|
4
4
|
"description": "A cross-platform Native Expander component using the Fluent Design System. Currently only implemented on windows",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -26,7 +26,6 @@
|
|
|
26
26
|
"directory": "packages/experimental/Expander"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@fluentui-react-native/component-cache": "1.6.1",
|
|
30
29
|
"@fluentui-react-native/framework": "0.13.10"
|
|
31
30
|
},
|
|
32
31
|
"devDependencies": {
|
package/src/Expander.tsx
CHANGED
|
@@ -1,15 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Microsoft Corporation.
|
|
3
|
+
* Licensed under the MIT License.
|
|
4
|
+
* @format
|
|
5
|
+
*/
|
|
6
|
+
|
|
1
7
|
/** @jsxRuntime classic */
|
|
2
8
|
/** @jsx withSlots */
|
|
3
9
|
import * as React from 'react';
|
|
4
10
|
|
|
5
|
-
import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
|
|
6
11
|
import type { UseSlots } from '@fluentui-react-native/framework';
|
|
7
12
|
import { compose, mergeProps, withSlots, buildProps } from '@fluentui-react-native/framework';
|
|
8
13
|
|
|
9
14
|
import type { ExpanderType, ExpanderProps, ExpanderViewProps } from './Expander.types';
|
|
10
15
|
import { expanderName } from './Expander.types';
|
|
11
|
-
|
|
12
|
-
const ExpanderComponent = ensureNativeComponent('ExpanderView');
|
|
16
|
+
import ExpanderComponent from './ExpanderNativeComponent';
|
|
13
17
|
|
|
14
18
|
function delay(ms: number) {
|
|
15
19
|
return new Promise((resolve) => setTimeout(resolve, ms));
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) Microsoft Corporation.
|
|
3
|
+
* Licensed under the MIT License.
|
|
4
|
+
* @format
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import type { ColorValue, HostComponent, ViewProps } from 'react-native';
|
|
8
|
+
|
|
9
|
+
import type { DirectEventHandler, Double } from 'react-native/Libraries/Types/CodegenTypes';
|
|
10
|
+
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
|
|
11
|
+
|
|
12
|
+
export interface NativeProps extends ViewProps {
|
|
13
|
+
expandDirection?: 'up' | 'down';
|
|
14
|
+
expanded?: boolean;
|
|
15
|
+
enabled?: boolean;
|
|
16
|
+
width?: Double;
|
|
17
|
+
height?: Double;
|
|
18
|
+
contentHorizontalAlignment?: 'center' | 'left' | 'right' | 'stretch';
|
|
19
|
+
contentVerticalAlignment?: 'bottom' | 'center' | 'stretch' | 'top';
|
|
20
|
+
headerBackground?: ColorValue;
|
|
21
|
+
headerForeground?: ColorValue;
|
|
22
|
+
headerForegroundPointerOver?: ColorValue;
|
|
23
|
+
headerForegroundPressed?: ColorValue;
|
|
24
|
+
headerBorderBrush?: ColorValue;
|
|
25
|
+
headerBorderPointerOverBrush?: ColorValue;
|
|
26
|
+
headerBorderPressedBrush?: ColorValue;
|
|
27
|
+
headerDisabledForeground?: ColorValue;
|
|
28
|
+
headerDisabledBorderBrush?: ColorValue;
|
|
29
|
+
headerBorderThickness?: Double;
|
|
30
|
+
contentBackground?: ColorValue;
|
|
31
|
+
contentBorderBrush?: ColorValue;
|
|
32
|
+
chevronBackground?: ColorValue;
|
|
33
|
+
chevronForeground?: ColorValue;
|
|
34
|
+
chevronPointerOverBackground?: ColorValue;
|
|
35
|
+
chevronPointerOverForeground?: ColorValue;
|
|
36
|
+
chevronPressedBackground?: ColorValue;
|
|
37
|
+
chevronPressedForeground?: ColorValue;
|
|
38
|
+
chevronBorderThickness?: Double;
|
|
39
|
+
chevronBorderBrush?: ColorValue;
|
|
40
|
+
chevronBorderPointerOverBrush?: ColorValue;
|
|
41
|
+
chevronBorderPressedBrush?: ColorValue;
|
|
42
|
+
|
|
43
|
+
onCollapsing?: DirectEventHandler<null>;
|
|
44
|
+
onExpanding?: DirectEventHandler<null>;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export default codegenNativeComponent<NativeProps>(
|
|
48
|
+
'ExpanderView'
|
|
49
|
+
) as HostComponent<NativeProps>;
|