@fluentui-react-native/experimental-expander 0.7.12 → 0.8.0

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 CHANGED
@@ -2,7 +2,37 @@
2
2
  "name": "@fluentui-react-native/experimental-expander",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 25 Mar 2024 06:51:04 GMT",
5
+ "date": "Thu, 11 Apr 2024 18:02:33 GMT",
6
+ "version": "0.8.0",
7
+ "tag": "@fluentui-react-native/experimental-expander_v0.8.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "30809111+acoates-ms@users.noreply.github.com",
12
+ "package": "@fluentui-react-native/experimental-expander",
13
+ "commit": "6164473627c321b03d301376c48227f4abd8e947",
14
+ "comment": "Update to RN 0.73"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Fri, 29 Mar 2024 18:07:00 GMT",
21
+ "version": "0.7.13",
22
+ "tag": "@fluentui-react-native/experimental-expander_v0.7.13",
23
+ "comments": {
24
+ "patch": [
25
+ {
26
+ "author": "30809111+acoates-ms@users.noreply.github.com",
27
+ "package": "@fluentui-react-native/experimental-expander",
28
+ "commit": "a722aa94799f4afee55baa03a5a754b0d4b2fdce",
29
+ "comment": "Use codegenNativeComponent so JS View configs can be generated for all native components"
30
+ }
31
+ ]
32
+ }
33
+ },
34
+ {
35
+ "date": "Mon, 25 Mar 2024 06:51:42 GMT",
6
36
  "version": "0.7.12",
7
37
  "tag": "@fluentui-react-native/experimental-expander_v0.7.12",
8
38
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,28 @@
1
1
  # Change Log - @fluentui-react-native/experimental-expander
2
2
 
3
- This log was last generated on Mon, 25 Mar 2024 06:51:04 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 11 Apr 2024 18:02:33 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.8.0
8
+
9
+ Thu, 11 Apr 2024 18:02:33 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - Update to RN 0.73 (30809111+acoates-ms@users.noreply.github.com)
14
+
15
+ ## 0.7.13
16
+
17
+ Fri, 29 Mar 2024 18:07:00 GMT
18
+
19
+ ### Patches
20
+
21
+ - Use codegenNativeComponent so JS View configs can be generated for all native components (30809111+acoates-ms@users.noreply.github.com)
22
+
7
23
  ## 0.7.12
8
24
 
9
- Mon, 25 Mar 2024 06:51:04 GMT
25
+ Mon, 25 Mar 2024 06:51:42 GMT
10
26
 
11
27
  ### Patches
12
28
 
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;
@@ -1 +1 @@
1
- {"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAgB,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AASvF,eAAO,MAAM,QAAQ;;qDA8BnB,CAAC"}
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
- var ExpanderComponent = ensureNativeComponent('ExpanderView');
58
+ import ExpanderComponent from './ExpanderNativeComponent';
55
59
  function delay(ms) {
56
60
  return new Promise(function (resolve) { return setTimeout(resolve, ms); });
57
61
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Expander.js","sourceRoot":"","sources":["../src/Expander.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,IAAM,iBAAiB,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAC;AAEhE,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"}
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":"AAQA,OAAO,KAAK,EAAgB,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AASvF,eAAO,MAAM,QAAQ;;qDA8BnB,CAAC"}
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"}
@@ -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 ExpanderComponent = (0, component_cache_1.ensureNativeComponent)('ExpanderView');
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: ExpanderComponent },
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,2CAA+B;AAE/B,0EAA+E;AAE/E,8DAA8F;AAG9F,mDAAgD;AAEhD,IAAM,iBAAiB,GAAG,IAAA,uCAAqB,EAAC,cAAc,CAAC,CAAC;AAEhE,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,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,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"}
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.12",
3
+ "version": "0.8.0",
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,23 +26,23 @@
26
26
  "directory": "packages/experimental/Expander"
27
27
  },
28
28
  "dependencies": {
29
- "@fluentui-react-native/component-cache": "1.6.1",
30
- "@fluentui-react-native/framework": "0.13.10"
29
+ "@fluentui-react-native/framework": "0.14.0"
31
30
  },
32
31
  "devDependencies": {
33
32
  "@fluentui-react-native/eslint-config-rules": "0.1.1",
34
33
  "@fluentui-react-native/scripts": "0.1.1",
35
- "@react-native/metro-config": "^0.72.0",
34
+ "@react-native/babel-preset": "^0.73.0",
35
+ "@react-native/metro-config": "^0.73.0",
36
36
  "react": "18.2.0",
37
- "react-native": "^0.72.0",
38
- "react-native-windows": "^0.72.0"
37
+ "react-native": "^0.73.0",
38
+ "react-native-windows": "^0.73.0"
39
39
  },
40
40
  "peerDependencies": {
41
- "@office-iss/react-native-win32": "^0.72.0",
41
+ "@office-iss/react-native-win32": "^0.73.0",
42
42
  "react": "18.2.0",
43
- "react-native": "^0.72.0",
44
- "react-native-macos": "^0.72.0",
45
- "react-native-windows": "^0.72.0"
43
+ "react-native": "^0.73.0",
44
+ "react-native-macos": "^0.73.0",
45
+ "react-native-windows": "^0.73.0"
46
46
  },
47
47
  "rnx-kit": {
48
48
  "kitType": "library",
@@ -51,7 +51,7 @@
51
51
  "microsoft/react-native"
52
52
  ],
53
53
  "requirements": [
54
- "react-native@0.72"
54
+ "react-native@0.73"
55
55
  ],
56
56
  "capabilities": [
57
57
  "core",
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>;