@fluentui-react-native/experimental-expander 0.7.11 → 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 +30 -0
- package/CHANGELOG.md +17 -1
- 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/windows/ReactNativeExpander/ReactNativeExpander.vcxproj +1 -9
package/CHANGELOG.json
CHANGED
|
@@ -1,6 +1,36 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/experimental-expander",
|
|
3
3
|
"entries": [
|
|
4
|
+
{
|
|
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",
|
|
21
|
+
"version": "0.7.12",
|
|
22
|
+
"tag": "@fluentui-react-native/experimental-expander_v0.7.12",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "4123478+tido64@users.noreply.github.com",
|
|
27
|
+
"package": "@fluentui-react-native/experimental-expander",
|
|
28
|
+
"commit": "f12050ff7b4fc971a0d199da83c59974c39fcd48",
|
|
29
|
+
"comment": "Update VS project to support package references"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
4
34
|
{
|
|
5
35
|
"date": "Fri, 15 Mar 2024 16:26:19 GMT",
|
|
6
36
|
"version": "0.7.10",
|
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,25 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/experimental-expander
|
|
2
2
|
|
|
3
|
-
This log was last generated on Fri,
|
|
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
|
+
|
|
15
|
+
## 0.7.12
|
|
16
|
+
|
|
17
|
+
Mon, 25 Mar 2024 06:51:42 GMT
|
|
18
|
+
|
|
19
|
+
### Patches
|
|
20
|
+
|
|
21
|
+
- Update VS project to support package references (4123478+tido64@users.noreply.github.com)
|
|
22
|
+
|
|
7
23
|
## 0.7.10
|
|
8
24
|
|
|
9
25
|
Fri, 15 Mar 2024 16:26:19 GMT
|
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>;
|
|
@@ -158,12 +158,4 @@
|
|
|
158
158
|
<Import Project="$(SolutionDir)\packages\Microsoft.Windows.CppWinRT.2.0.210621.3\build\native\Microsoft.Windows.CppWinRT.targets" Condition="Exists('$(SolutionDir)\packages\Microsoft.Windows.CppWinRT.2.0.210621.3\build\native\Microsoft.Windows.CppWinRT.targets')" />
|
|
159
159
|
<Import Project="$(SolutionDir)\packages\Win2D.uwp.1.26.0\build\native\Win2D.uwp.targets" Condition="Exists('$(SolutionDir)\packages\Win2D.uwp.1.26.0\build\native\Win2D.uwp.targets')" />
|
|
160
160
|
</ImportGroup>
|
|
161
|
-
|
|
162
|
-
<PropertyGroup>
|
|
163
|
-
<ErrorText>This project references NuGet package(s) that are missing on this computer. Use NuGet Package Restore to download them. For more information, see http://go.microsoft.com/fwlink/?LinkID=322105. The missing file is {0}.</ErrorText>
|
|
164
|
-
</PropertyGroup>
|
|
165
|
-
<Error Condition="!Exists('$(SolutionDir)\packages\$(WinUIPackageName).$(WinUIPackageVersion)\build\native\$(WinUIPackageName).targets')" Text="$([System.String]::Format('$(ErrorText)', '$(SolutionDir)\packages\$(WinUIPackageName).$(WinUIPackageVersion)\build\native\$(WinUIPackageName).targets'))" />
|
|
166
|
-
<Error Condition="!Exists('$(SolutionDir)\packages\Microsoft.Windows.CppWinRT.2.0.210621.3\build\native\Microsoft.Windows.CppWinRT.props')" Text="$([System.String]::Format('$(ErrorText)', '$(SolutionDir)\packages\Microsoft.Windows.CppWinRT.2.0.210621.3\build\native\Microsoft.Windows.CppWinRT.props'))" />
|
|
167
|
-
<Error Condition="!Exists('$(SolutionDir)\packages\Microsoft.Windows.CppWinRT.2.0.210621.3\build\native\Microsoft.Windows.CppWinRT.targets')" Text="$([System.String]::Format('$(ErrorText)', '$(SolutionDir)\packages\Microsoft.Windows.CppWinRT.2.0.210621.3\build\native\Microsoft.Windows.CppWinRT.targets'))" />
|
|
168
|
-
</Target>
|
|
169
|
-
</Project>
|
|
161
|
+
</Project>
|