@fluentui-react-native/experimental-expander 0.9.0 → 0.9.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.
Files changed (22) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/lib/Expander.d.ts +4 -9
  3. package/lib/Expander.js +25 -32
  4. package/lib/Expander.types.d.ts +139 -139
  5. package/lib/Expander.types.js +1 -1
  6. package/lib/ExpanderNativeComponent.d.ts +32 -32
  7. package/lib/ExpanderNativeComponent.js +1 -1
  8. package/lib/index.d.ts +2 -10
  9. package/lib/index.d.ts.map +1 -1
  10. package/lib/index.js +1 -1
  11. package/lib-commonjs/Expander.d.ts +4 -9
  12. package/lib-commonjs/Expander.js +60 -84
  13. package/lib-commonjs/Expander.types.d.ts +139 -139
  14. package/lib-commonjs/Expander.types.js +3 -3
  15. package/lib-commonjs/ExpanderNativeComponent.d.ts +32 -32
  16. package/lib-commonjs/ExpanderNativeComponent.js +7 -9
  17. package/lib-commonjs/index.d.ts +2 -10
  18. package/lib-commonjs/index.d.ts.map +1 -1
  19. package/lib-commonjs/index.js +7 -17
  20. package/package.json +20 -19
  21. package/src/index.ts +9 -1
  22. package/eslint.config.js +0 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # Change Log - @fluentui-react-native/experimental-expander
2
2
 
3
+ ## 0.9.3
4
+
5
+ ### Patch Changes
6
+
7
+ - 9cf4444: Migrate from ESLint to oxlint
8
+ - Updated dependencies [9cf4444]
9
+ - @fluentui-react-native/framework@0.15.3
10
+
11
+ ## 0.9.2
12
+
13
+ ### Patch Changes
14
+
15
+ - 8a7b549: Update to the latest rnx-kit versions, fix some typing issues, and correct the vscode settings
16
+ - Updated dependencies [8a7b549]
17
+ - @fluentui-react-native/framework@0.15.2
18
+
19
+ ## 0.9.1
20
+
21
+ ### Patch Changes
22
+
23
+ - 0d6e9c1: chore: migrate to `oxfmt`
24
+ - ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
25
+ - Updated dependencies [0d6e9c1]
26
+ - Updated dependencies [ac6e7af]
27
+ - @fluentui-react-native/framework@0.15.1
28
+
3
29
  ## 0.9.0
4
30
 
5
31
  ### Minor Changes
package/lib/Expander.d.ts CHANGED
@@ -4,12 +4,7 @@
4
4
  * @format
5
5
  */
6
6
  import type { ExpanderProps } from './Expander.types';
7
- export declare const Expander: import('@fluentui-react-native/framework').ComposableComponent<
8
- ExpanderProps,
9
- {
10
- root: import('./ExpanderNativeComponent').NativeProps;
11
- },
12
- import('./Expander.types').ExpanderTokens,
13
- import('@fluentui-react-native/framework-base').ObjectBase
14
- >;
15
- //# sourceMappingURL=Expander.d.ts.map
7
+ export declare const Expander: import("@fluentui-react-native/framework").ComposableComponent<ExpanderProps, {
8
+ root: import("./ExpanderNativeComponent").NativeProps;
9
+ }, import("./Expander.types").ExpanderTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
10
+ //# sourceMappingURL=Expander.d.ts.map
package/lib/Expander.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
1
+ import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
2
2
  /**
3
3
  * Copyright (c) Microsoft Corporation.
4
4
  * Licensed under the MIT License.
@@ -10,37 +10,30 @@ import { compose, mergeProps, buildProps } from '@fluentui-react-native/framewor
10
10
  import { expanderName } from './Expander.types';
11
11
  import { ExpanderComponent } from './ExpanderNativeComponent';
12
12
  function delay(ms) {
13
- return new Promise((resolve) => setTimeout(resolve, ms));
13
+ return new Promise((resolve) => setTimeout(resolve, ms));
14
14
  }
15
15
  export const Expander = compose({
16
- displayName: expanderName,
17
- tokens: [{}, expanderName],
18
- slotProps: {
19
- root: buildProps((tokens) => ({ ...tokens })),
20
- },
21
- slots: { root: ExpanderComponent },
22
- useRender: (userProps, useSlots) => {
23
- const Root = useSlots(userProps).root;
24
- const [expandedState, setExpandedState] = React.useState(userProps.expanded);
25
- const expanderHeight = expandedState ? userProps.expandedHeight : userProps.collapsedHeight;
26
- const _onCollapsing = async () => {
27
- userProps.onCollapsing?.();
28
- // Need to delay the height change so that the animation runs
29
- await delay(175);
30
- setExpandedState(false);
31
- };
32
- const _onExpanding = () => {
33
- setExpandedState(true);
34
- userProps.onExpanding?.();
35
- };
36
- return (rest, ...children) =>
37
- _jsx(Root, {
38
- ...mergeProps(userProps, rest),
39
- height: expanderHeight,
40
- onCollapsing: _onCollapsing,
41
- onExpanding: _onExpanding,
42
- children: children,
43
- });
44
- },
16
+ displayName: expanderName,
17
+ tokens: [{}, expanderName],
18
+ slotProps: {
19
+ root: buildProps((tokens) => ({ ...tokens })),
20
+ },
21
+ slots: { root: ExpanderComponent },
22
+ useRender: (userProps, useSlots) => {
23
+ const Root = useSlots(userProps).root;
24
+ const [expandedState, setExpandedState] = React.useState(userProps.expanded);
25
+ const expanderHeight = expandedState ? userProps.expandedHeight : userProps.collapsedHeight;
26
+ const _onCollapsing = async () => {
27
+ userProps.onCollapsing?.();
28
+ // Need to delay the height change so that the animation runs
29
+ await delay(175);
30
+ setExpandedState(false);
31
+ };
32
+ const _onExpanding = () => {
33
+ setExpandedState(true);
34
+ userProps.onExpanding?.();
35
+ };
36
+ return (rest, ...children) => (_jsx(Root, { ...mergeProps(userProps, rest), height: expanderHeight, onCollapsing: _onCollapsing, onExpanding: _onExpanding, children: children }));
37
+ },
45
38
  });
46
- //# sourceMappingURL=Expander.js.map
39
+ //# sourceMappingURL=Expander.js.map
package/lib/Expander.types.d.ts CHANGED
@@ -1,152 +1,152 @@
1
1
  import type { PropsWithChildren } from 'react';
2
2
  import type { ColorValue } from 'react-native';
3
3
  import type { NativeProps } from './ExpanderNativeComponent';
4
- export declare const expanderName = 'Expander';
4
+ export declare const expanderName = "Expander";
5
5
  export type ExpanderProps = PropsWithChildren<{
6
- /**
7
- * Direction to expand the Expander.
8
- */
9
- expandDirection?: ExpandDirection;
10
- /**
11
- * Determines if the expander is currently expanded
12
- */
13
- expanded?: boolean;
14
- /**
15
- * Is Expander control enabled for the user
16
- */
17
- enabled?: boolean;
18
- /**
19
- * Height of the Expander
20
- */
21
- height?: number;
22
- /**
23
- * Height for the Expander when expanded
24
- */
25
- expandedHeight: number;
26
- /**
27
- * Height for the Expander when collapsed
28
- */
29
- collapsedHeight: number;
30
- /**
31
- * A callback to call on Expander collapsed event
32
- */
33
- onCollapsing?: () => void;
34
- /**
35
- * A callback to call on Expander expanding event
36
- */
37
- onExpanding?: () => void;
6
+ /**
7
+ * Direction to expand the Expander.
8
+ */
9
+ expandDirection?: ExpandDirection;
10
+ /**
11
+ * Determines if the expander is currently expanded
12
+ */
13
+ expanded?: boolean;
14
+ /**
15
+ * Is Expander control enabled for the user
16
+ */
17
+ enabled?: boolean;
18
+ /**
19
+ * Height of the Expander
20
+ */
21
+ height?: number;
22
+ /**
23
+ * Height for the Expander when expanded
24
+ */
25
+ expandedHeight: number;
26
+ /**
27
+ * Height for the Expander when collapsed
28
+ */
29
+ collapsedHeight: number;
30
+ /**
31
+ * A callback to call on Expander collapsed event
32
+ */
33
+ onCollapsing?: () => void;
34
+ /**
35
+ * A callback to call on Expander expanding event
36
+ */
37
+ onExpanding?: () => void;
38
38
  }>;
39
39
  export interface ExpanderTokens {
40
- /**
41
- * Width of the expander
42
- */
43
- width?: number;
44
- /**
45
- * Horizontal alignment of the expander's content
46
- */
47
- contentHorizontalAlignment?: HorizontalAlignment;
48
- /**
49
- * Vertical alignment of the expander's content
50
- */
51
- contentVerticalAlignment?: VerticalAlignment;
52
- /**
53
- * Header background color
54
- */
55
- headerBackground?: ColorValue;
56
- /**
57
- * Header foreground color at rest
58
- */
59
- headerForeground?: ColorValue;
60
- /**
61
- * Header foreground color on pointer over
62
- */
63
- headerForegroundPointerOver?: ColorValue;
64
- /**
65
- * Header foreground color when pressed
66
- */
67
- headerForegroundPressed?: ColorValue;
68
- /**
69
- * Header border color at rest
70
- */
71
- headerBorderBrush?: ColorValue;
72
- /**
73
- * Header border color on pointer over
74
- */
75
- headerBorderPointerOverBrush?: ColorValue;
76
- /**
77
- * Header border color when pressed
78
- */
79
- headerBorderPressedBrush?: ColorValue;
80
- /**
81
- * Header foreground color when disabled
82
- */
83
- headerDisabledForeground?: ColorValue;
84
- /**
85
- * Header border color when disabled
86
- */
87
- headerDisabledBorderBrush?: ColorValue;
88
- /**
89
- * Header border thickness
90
- */
91
- headerBorderThickness?: number;
92
- /**
93
- * Content background color
94
- */
95
- contentBackground?: ColorValue;
96
- /**
97
- * Content border color
98
- */
99
- contentBorderBrush?: ColorValue;
100
- /**
101
- * Chevron background color at rest
102
- */
103
- chevronBackground?: ColorValue;
104
- /**
105
- * Chevron foreground color at rest
106
- */
107
- chevronForeground?: ColorValue;
108
- /**
109
- * Chevron background color on pointer over
110
- */
111
- chevronPointerOverBackground?: ColorValue;
112
- /**
113
- * Chevron foreground color on pointer over
114
- */
115
- chevronPointerOverForeground?: ColorValue;
116
- /**
117
- * Chevron background color when pressed
118
- */
119
- chevronPressedBackground?: ColorValue;
120
- /**
121
- * Chevron foreground color when pressed
122
- */
123
- chevronPressedForeground?: ColorValue;
124
- /**
125
- * Chevron border thickness
126
- */
127
- chevronBorderThickness?: number;
128
- /**
129
- * Chevron border color at rest
130
- */
131
- chevronBorderBrush?: ColorValue;
132
- /**
133
- * Chevron border color on pointer over
134
- */
135
- chevronBorderPointerOverBrush?: ColorValue;
136
- /**
137
- * Chevron border color when pressed
138
- */
139
- chevronBorderPressedBrush?: ColorValue;
40
+ /**
41
+ * Width of the expander
42
+ */
43
+ width?: number;
44
+ /**
45
+ * Horizontal alignment of the expander's content
46
+ */
47
+ contentHorizontalAlignment?: HorizontalAlignment;
48
+ /**
49
+ * Vertical alignment of the expander's content
50
+ */
51
+ contentVerticalAlignment?: VerticalAlignment;
52
+ /**
53
+ * Header background color
54
+ */
55
+ headerBackground?: ColorValue;
56
+ /**
57
+ * Header foreground color at rest
58
+ */
59
+ headerForeground?: ColorValue;
60
+ /**
61
+ * Header foreground color on pointer over
62
+ */
63
+ headerForegroundPointerOver?: ColorValue;
64
+ /**
65
+ * Header foreground color when pressed
66
+ */
67
+ headerForegroundPressed?: ColorValue;
68
+ /**
69
+ * Header border color at rest
70
+ */
71
+ headerBorderBrush?: ColorValue;
72
+ /**
73
+ * Header border color on pointer over
74
+ */
75
+ headerBorderPointerOverBrush?: ColorValue;
76
+ /**
77
+ * Header border color when pressed
78
+ */
79
+ headerBorderPressedBrush?: ColorValue;
80
+ /**
81
+ * Header foreground color when disabled
82
+ */
83
+ headerDisabledForeground?: ColorValue;
84
+ /**
85
+ * Header border color when disabled
86
+ */
87
+ headerDisabledBorderBrush?: ColorValue;
88
+ /**
89
+ * Header border thickness
90
+ */
91
+ headerBorderThickness?: number;
92
+ /**
93
+ * Content background color
94
+ */
95
+ contentBackground?: ColorValue;
96
+ /**
97
+ * Content border color
98
+ */
99
+ contentBorderBrush?: ColorValue;
100
+ /**
101
+ * Chevron background color at rest
102
+ */
103
+ chevronBackground?: ColorValue;
104
+ /**
105
+ * Chevron foreground color at rest
106
+ */
107
+ chevronForeground?: ColorValue;
108
+ /**
109
+ * Chevron background color on pointer over
110
+ */
111
+ chevronPointerOverBackground?: ColorValue;
112
+ /**
113
+ * Chevron foreground color on pointer over
114
+ */
115
+ chevronPointerOverForeground?: ColorValue;
116
+ /**
117
+ * Chevron background color when pressed
118
+ */
119
+ chevronPressedBackground?: ColorValue;
120
+ /**
121
+ * Chevron foreground color when pressed
122
+ */
123
+ chevronPressedForeground?: ColorValue;
124
+ /**
125
+ * Chevron border thickness
126
+ */
127
+ chevronBorderThickness?: number;
128
+ /**
129
+ * Chevron border color at rest
130
+ */
131
+ chevronBorderBrush?: ColorValue;
132
+ /**
133
+ * Chevron border color on pointer over
134
+ */
135
+ chevronBorderPointerOverBrush?: ColorValue;
136
+ /**
137
+ * Chevron border color when pressed
138
+ */
139
+ chevronBorderPressedBrush?: ColorValue;
140
140
  }
141
141
  export type ExpandDirection = 'up' | 'down';
142
142
  export type VerticalAlignment = 'bottom' | 'center' | 'stretch' | 'top';
143
143
  export type HorizontalAlignment = 'center' | 'left' | 'right' | 'stretch';
144
144
  export type ExpanderViewProps = ExpanderProps & ExpanderTokens;
145
145
  export interface ExpanderType {
146
- props: ExpanderProps;
147
- tokens: ExpanderTokens;
148
- slotProps: {
149
- root: NativeProps;
150
- };
146
+ props: ExpanderProps;
147
+ tokens: ExpanderTokens;
148
+ slotProps: {
149
+ root: NativeProps;
150
+ };
151
151
  }
152
- //# sourceMappingURL=Expander.types.d.ts.map
152
+ //# sourceMappingURL=Expander.types.d.ts.map
package/lib/Expander.types.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const expanderName = 'Expander';
2
- //# sourceMappingURL=Expander.types.js.map
2
+ //# sourceMappingURL=Expander.types.js.map
package/lib/ExpanderNativeComponent.d.ts CHANGED
@@ -6,38 +6,38 @@
6
6
  import type { ColorValue, HostComponent, ViewProps } from 'react-native';
7
7
  import type { DirectEventHandler, Double, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
8
8
  export interface NativeProps extends ViewProps {
9
- expandDirection?: WithDefault<'up' | 'down', 'down'>;
10
- expanded?: boolean;
11
- enabled?: boolean;
12
- width?: Double;
13
- height?: Double;
14
- contentHorizontalAlignment?: WithDefault<'center' | 'left' | 'right' | 'stretch', 'stretch'>;
15
- contentVerticalAlignment?: WithDefault<'bottom' | 'center' | 'stretch' | 'top', '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>;
9
+ expandDirection?: WithDefault<'up' | 'down', 'down'>;
10
+ expanded?: boolean;
11
+ enabled?: boolean;
12
+ width?: Double;
13
+ height?: Double;
14
+ contentHorizontalAlignment?: WithDefault<'center' | 'left' | 'right' | 'stretch', 'stretch'>;
15
+ contentVerticalAlignment?: WithDefault<'bottom' | 'center' | 'stretch' | 'top', '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
40
  }
41
41
  export declare const ExpanderComponent: HostComponent<NativeProps>;
42
42
  export default ExpanderComponent;
43
- //# sourceMappingURL=ExpanderNativeComponent.d.ts.map
43
+ //# sourceMappingURL=ExpanderNativeComponent.d.ts.map
package/lib/ExpanderNativeComponent.js CHANGED
@@ -6,4 +6,4 @@
6
6
  import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
7
7
  export const ExpanderComponent = codegenNativeComponent('ExpanderView');
8
8
  export default ExpanderComponent;
9
- //# sourceMappingURL=ExpanderNativeComponent.js.map
9
+ //# sourceMappingURL=ExpanderNativeComponent.js.map
package/lib/index.d.ts CHANGED
@@ -1,12 +1,4 @@
1
1
  export { Expander } from './Expander';
2
2
  export { expanderName } from './Expander.types';
3
- export type {
4
- ExpandDirection,
5
- ExpanderProps,
6
- ExpanderTokens,
7
- ExpanderType,
8
- ExpanderViewProps,
9
- HorizontalAlignment,
10
- VerticalAlignment,
11
- } from './Expander.types';
12
- //# sourceMappingURL=index.d.ts.map
3
+ export type { ExpandDirection, ExpanderProps, ExpanderTokens, ExpanderType, ExpanderViewProps, HorizontalAlignment, VerticalAlignment, } from './Expander.types';
4
+ //# sourceMappingURL=index.d.ts.map
package/lib/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EACV,eAAe,EACf,aAAa,EACb,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAC"}
package/lib/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export { Expander } from './Expander';
2
2
  export { expanderName } from './Expander.types';
3
- //# sourceMappingURL=index.js.map
3
+ //# sourceMappingURL=index.js.map
package/lib-commonjs/Expander.d.ts CHANGED
@@ -4,12 +4,7 @@
4
4
  * @format
5
5
  */
6
6
  import type { ExpanderProps } from './Expander.types';
7
- export declare const Expander: import('@fluentui-react-native/framework').ComposableComponent<
8
- ExpanderProps,
9
- {
10
- root: import('./ExpanderNativeComponent').NativeProps;
11
- },
12
- import('./Expander.types').ExpanderTokens,
13
- import('@fluentui-react-native/framework').ObjectBase
14
- >;
15
- //# sourceMappingURL=Expander.d.ts.map
7
+ export declare const Expander: import("@fluentui-react-native/framework").ComposableComponent<ExpanderProps, {
8
+ root: import("./ExpanderNativeComponent").NativeProps;
9
+ }, import("./Expander.types").ExpanderTokens, import("@fluentui-react-native/framework").ObjectBase>;
10
+ //# sourceMappingURL=Expander.d.ts.map
package/lib-commonjs/Expander.js CHANGED
@@ -1,99 +1,75 @@
1
- 'use strict';
2
- var __createBinding =
3
- (this && this.__createBinding) ||
4
- (Object.create
5
- ? function (o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- var desc = Object.getOwnPropertyDescriptor(m, k);
8
- if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
9
- desc = {
10
- enumerable: true,
11
- get: function () {
12
- return m[k];
13
- },
14
- };
15
- }
16
- Object.defineProperty(o, k2, desc);
17
- }
18
- : function (o, m, k, k2) {
19
- if (k2 === undefined) k2 = k;
20
- o[k2] = m[k];
21
- });
22
- var __setModuleDefault =
23
- (this && this.__setModuleDefault) ||
24
- (Object.create
25
- ? function (o, v) {
26
- Object.defineProperty(o, 'default', { enumerable: true, value: v });
27
- }
28
- : function (o, v) {
29
- o['default'] = v;
30
- });
31
- var __importStar =
32
- (this && this.__importStar) ||
33
- (function () {
34
- var ownKeys = function (o) {
35
- ownKeys =
36
- Object.getOwnPropertyNames ||
37
- function (o) {
38
- var ar = [];
39
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
40
- return ar;
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
41
24
  };
42
- return ownKeys(o);
25
+ return ownKeys(o);
43
26
  };
44
27
  return function (mod) {
45
- if (mod && mod.__esModule) return mod;
46
- var result = {};
47
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
48
- __setModuleDefault(result, mod);
49
- return result;
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
50
33
  };
51
- })();
52
- Object.defineProperty(exports, '__esModule', { value: true });
34
+ })();
35
+ Object.defineProperty(exports, "__esModule", { value: true });
53
36
  exports.Expander = void 0;
54
- const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
37
+ const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
55
38
  /**
56
39
  * Copyright (c) Microsoft Corporation.
57
40
  * Licensed under the MIT License.
58
41
  * @format
59
42
  */
60
43
  /** @jsxImportSource @fluentui-react-native/framework-base */
61
- const React = __importStar(require('react'));
62
- const framework_1 = require('@fluentui-react-native/framework');
63
- const Expander_types_1 = require('./Expander.types');
64
- const ExpanderNativeComponent_1 = require('./ExpanderNativeComponent');
44
+ const React = __importStar(require("react"));
45
+ const framework_1 = require("@fluentui-react-native/framework");
46
+ const Expander_types_1 = require("./Expander.types");
47
+ const ExpanderNativeComponent_1 = require("./ExpanderNativeComponent");
65
48
  function delay(ms) {
66
- return new Promise((resolve) => setTimeout(resolve, ms));
49
+ return new Promise((resolve) => setTimeout(resolve, ms));
67
50
  }
68
51
  exports.Expander = (0, framework_1.compose)({
69
- displayName: Expander_types_1.expanderName,
70
- tokens: [{}, Expander_types_1.expanderName],
71
- slotProps: {
72
- root: (0, framework_1.buildProps)((tokens) => ({ ...tokens })),
73
- },
74
- slots: { root: ExpanderNativeComponent_1.ExpanderComponent },
75
- useRender: (userProps, useSlots) => {
76
- const Root = useSlots(userProps).root;
77
- const [expandedState, setExpandedState] = React.useState(userProps.expanded);
78
- const expanderHeight = expandedState ? userProps.expandedHeight : userProps.collapsedHeight;
79
- const _onCollapsing = async () => {
80
- userProps.onCollapsing?.();
81
- // Need to delay the height change so that the animation runs
82
- await delay(175);
83
- setExpandedState(false);
84
- };
85
- const _onExpanding = () => {
86
- setExpandedState(true);
87
- userProps.onExpanding?.();
88
- };
89
- return (rest, ...children) =>
90
- jsx_runtime_1.jsx(Root, {
91
- ...(0, framework_1.mergeProps)(userProps, rest),
92
- height: expanderHeight,
93
- onCollapsing: _onCollapsing,
94
- onExpanding: _onExpanding,
95
- children: children,
96
- });
97
- },
52
+ displayName: Expander_types_1.expanderName,
53
+ tokens: [{}, Expander_types_1.expanderName],
54
+ slotProps: {
55
+ root: (0, framework_1.buildProps)((tokens) => ({ ...tokens })),
56
+ },
57
+ slots: { root: ExpanderNativeComponent_1.ExpanderComponent },
58
+ useRender: (userProps, useSlots) => {
59
+ const Root = useSlots(userProps).root;
60
+ const [expandedState, setExpandedState] = React.useState(userProps.expanded);
61
+ const expanderHeight = expandedState ? userProps.expandedHeight : userProps.collapsedHeight;
62
+ const _onCollapsing = async () => {
63
+ userProps.onCollapsing?.();
64
+ // Need to delay the height change so that the animation runs
65
+ await delay(175);
66
+ setExpandedState(false);
67
+ };
68
+ const _onExpanding = () => {
69
+ setExpandedState(true);
70
+ userProps.onExpanding?.();
71
+ };
72
+ return (rest, ...children) => (jsx_runtime_1.jsx(Root, { ...(0, framework_1.mergeProps)(userProps, rest), height: expanderHeight, onCollapsing: _onCollapsing, onExpanding: _onExpanding, children: children }));
73
+ },
98
74
  });
99
- //# sourceMappingURL=Expander.js.map
75
+ //# sourceMappingURL=Expander.js.map
package/lib-commonjs/Expander.types.d.ts CHANGED
@@ -1,152 +1,152 @@
1
1
  import type { PropsWithChildren } from 'react';
2
2
  import type { ColorValue } from 'react-native';
3
3
  import type { NativeProps } from './ExpanderNativeComponent';
4
- export declare const expanderName = 'Expander';
4
+ export declare const expanderName = "Expander";
5
5
  export type ExpanderProps = PropsWithChildren<{
6
- /**
7
- * Direction to expand the Expander.
8
- */
9
- expandDirection?: ExpandDirection;
10
- /**
11
- * Determines if the expander is currently expanded
12
- */
13
- expanded?: boolean;
14
- /**
15
- * Is Expander control enabled for the user
16
- */
17
- enabled?: boolean;
18
- /**
19
- * Height of the Expander
20
- */
21
- height?: number;
22
- /**
23
- * Height for the Expander when expanded
24
- */
25
- expandedHeight: number;
26
- /**
27
- * Height for the Expander when collapsed
28
- */
29
- collapsedHeight: number;
30
- /**
31
- * A callback to call on Expander collapsed event
32
- */
33
- onCollapsing?: () => void;
34
- /**
35
- * A callback to call on Expander expanding event
36
- */
37
- onExpanding?: () => void;
6
+ /**
7
+ * Direction to expand the Expander.
8
+ */
9
+ expandDirection?: ExpandDirection;
10
+ /**
11
+ * Determines if the expander is currently expanded
12
+ */
13
+ expanded?: boolean;
14
+ /**
15
+ * Is Expander control enabled for the user
16
+ */
17
+ enabled?: boolean;
18
+ /**
19
+ * Height of the Expander
20
+ */
21
+ height?: number;
22
+ /**
23
+ * Height for the Expander when expanded
24
+ */
25
+ expandedHeight: number;
26
+ /**
27
+ * Height for the Expander when collapsed
28
+ */
29
+ collapsedHeight: number;
30
+ /**
31
+ * A callback to call on Expander collapsed event
32
+ */
33
+ onCollapsing?: () => void;
34
+ /**
35
+ * A callback to call on Expander expanding event
36
+ */
37
+ onExpanding?: () => void;
38
38
  }>;
39
39
  export interface ExpanderTokens {
40
- /**
41
- * Width of the expander
42
- */
43
- width?: number;
44
- /**
45
- * Horizontal alignment of the expander's content
46
- */
47
- contentHorizontalAlignment?: HorizontalAlignment;
48
- /**
49
- * Vertical alignment of the expander's content
50
- */
51
- contentVerticalAlignment?: VerticalAlignment;
52
- /**
53
- * Header background color
54
- */
55
- headerBackground?: ColorValue;
56
- /**
57
- * Header foreground color at rest
58
- */
59
- headerForeground?: ColorValue;
60
- /**
61
- * Header foreground color on pointer over
62
- */
63
- headerForegroundPointerOver?: ColorValue;
64
- /**
65
- * Header foreground color when pressed
66
- */
67
- headerForegroundPressed?: ColorValue;
68
- /**
69
- * Header border color at rest
70
- */
71
- headerBorderBrush?: ColorValue;
72
- /**
73
- * Header border color on pointer over
74
- */
75
- headerBorderPointerOverBrush?: ColorValue;
76
- /**
77
- * Header border color when pressed
78
- */
79
- headerBorderPressedBrush?: ColorValue;
80
- /**
81
- * Header foreground color when disabled
82
- */
83
- headerDisabledForeground?: ColorValue;
84
- /**
85
- * Header border color when disabled
86
- */
87
- headerDisabledBorderBrush?: ColorValue;
88
- /**
89
- * Header border thickness
90
- */
91
- headerBorderThickness?: number;
92
- /**
93
- * Content background color
94
- */
95
- contentBackground?: ColorValue;
96
- /**
97
- * Content border color
98
- */
99
- contentBorderBrush?: ColorValue;
100
- /**
101
- * Chevron background color at rest
102
- */
103
- chevronBackground?: ColorValue;
104
- /**
105
- * Chevron foreground color at rest
106
- */
107
- chevronForeground?: ColorValue;
108
- /**
109
- * Chevron background color on pointer over
110
- */
111
- chevronPointerOverBackground?: ColorValue;
112
- /**
113
- * Chevron foreground color on pointer over
114
- */
115
- chevronPointerOverForeground?: ColorValue;
116
- /**
117
- * Chevron background color when pressed
118
- */
119
- chevronPressedBackground?: ColorValue;
120
- /**
121
- * Chevron foreground color when pressed
122
- */
123
- chevronPressedForeground?: ColorValue;
124
- /**
125
- * Chevron border thickness
126
- */
127
- chevronBorderThickness?: number;
128
- /**
129
- * Chevron border color at rest
130
- */
131
- chevronBorderBrush?: ColorValue;
132
- /**
133
- * Chevron border color on pointer over
134
- */
135
- chevronBorderPointerOverBrush?: ColorValue;
136
- /**
137
- * Chevron border color when pressed
138
- */
139
- chevronBorderPressedBrush?: ColorValue;
40
+ /**
41
+ * Width of the expander
42
+ */
43
+ width?: number;
44
+ /**
45
+ * Horizontal alignment of the expander's content
46
+ */
47
+ contentHorizontalAlignment?: HorizontalAlignment;
48
+ /**
49
+ * Vertical alignment of the expander's content
50
+ */
51
+ contentVerticalAlignment?: VerticalAlignment;
52
+ /**
53
+ * Header background color
54
+ */
55
+ headerBackground?: ColorValue;
56
+ /**
57
+ * Header foreground color at rest
58
+ */
59
+ headerForeground?: ColorValue;
60
+ /**
61
+ * Header foreground color on pointer over
62
+ */
63
+ headerForegroundPointerOver?: ColorValue;
64
+ /**
65
+ * Header foreground color when pressed
66
+ */
67
+ headerForegroundPressed?: ColorValue;
68
+ /**
69
+ * Header border color at rest
70
+ */
71
+ headerBorderBrush?: ColorValue;
72
+ /**
73
+ * Header border color on pointer over
74
+ */
75
+ headerBorderPointerOverBrush?: ColorValue;
76
+ /**
77
+ * Header border color when pressed
78
+ */
79
+ headerBorderPressedBrush?: ColorValue;
80
+ /**
81
+ * Header foreground color when disabled
82
+ */
83
+ headerDisabledForeground?: ColorValue;
84
+ /**
85
+ * Header border color when disabled
86
+ */
87
+ headerDisabledBorderBrush?: ColorValue;
88
+ /**
89
+ * Header border thickness
90
+ */
91
+ headerBorderThickness?: number;
92
+ /**
93
+ * Content background color
94
+ */
95
+ contentBackground?: ColorValue;
96
+ /**
97
+ * Content border color
98
+ */
99
+ contentBorderBrush?: ColorValue;
100
+ /**
101
+ * Chevron background color at rest
102
+ */
103
+ chevronBackground?: ColorValue;
104
+ /**
105
+ * Chevron foreground color at rest
106
+ */
107
+ chevronForeground?: ColorValue;
108
+ /**
109
+ * Chevron background color on pointer over
110
+ */
111
+ chevronPointerOverBackground?: ColorValue;
112
+ /**
113
+ * Chevron foreground color on pointer over
114
+ */
115
+ chevronPointerOverForeground?: ColorValue;
116
+ /**
117
+ * Chevron background color when pressed
118
+ */
119
+ chevronPressedBackground?: ColorValue;
120
+ /**
121
+ * Chevron foreground color when pressed
122
+ */
123
+ chevronPressedForeground?: ColorValue;
124
+ /**
125
+ * Chevron border thickness
126
+ */
127
+ chevronBorderThickness?: number;
128
+ /**
129
+ * Chevron border color at rest
130
+ */
131
+ chevronBorderBrush?: ColorValue;
132
+ /**
133
+ * Chevron border color on pointer over
134
+ */
135
+ chevronBorderPointerOverBrush?: ColorValue;
136
+ /**
137
+ * Chevron border color when pressed
138
+ */
139
+ chevronBorderPressedBrush?: ColorValue;
140
140
  }
141
141
  export type ExpandDirection = 'up' | 'down';
142
142
  export type VerticalAlignment = 'bottom' | 'center' | 'stretch' | 'top';
143
143
  export type HorizontalAlignment = 'center' | 'left' | 'right' | 'stretch';
144
144
  export type ExpanderViewProps = ExpanderProps & ExpanderTokens;
145
145
  export interface ExpanderType {
146
- props: ExpanderProps;
147
- tokens: ExpanderTokens;
148
- slotProps: {
149
- root: NativeProps;
150
- };
146
+ props: ExpanderProps;
147
+ tokens: ExpanderTokens;
148
+ slotProps: {
149
+ root: NativeProps;
150
+ };
151
151
  }
152
- //# sourceMappingURL=Expander.types.d.ts.map
152
+ //# sourceMappingURL=Expander.types.d.ts.map
package/lib-commonjs/Expander.types.js CHANGED
@@ -1,5 +1,5 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.expanderName = void 0;
4
4
  exports.expanderName = 'Expander';
5
- //# sourceMappingURL=Expander.types.js.map
5
+ //# sourceMappingURL=Expander.types.js.map
package/lib-commonjs/ExpanderNativeComponent.d.ts CHANGED
@@ -6,38 +6,38 @@
6
6
  import type { ColorValue, HostComponent, ViewProps } from 'react-native';
7
7
  import type { DirectEventHandler, Double, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
8
8
  export interface NativeProps extends ViewProps {
9
- expandDirection?: WithDefault<'up' | 'down', 'down'>;
10
- expanded?: boolean;
11
- enabled?: boolean;
12
- width?: Double;
13
- height?: Double;
14
- contentHorizontalAlignment?: WithDefault<'center' | 'left' | 'right' | 'stretch', 'stretch'>;
15
- contentVerticalAlignment?: WithDefault<'bottom' | 'center' | 'stretch' | 'top', '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>;
9
+ expandDirection?: WithDefault<'up' | 'down', 'down'>;
10
+ expanded?: boolean;
11
+ enabled?: boolean;
12
+ width?: Double;
13
+ height?: Double;
14
+ contentHorizontalAlignment?: WithDefault<'center' | 'left' | 'right' | 'stretch', 'stretch'>;
15
+ contentVerticalAlignment?: WithDefault<'bottom' | 'center' | 'stretch' | 'top', '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
40
  }
41
41
  export declare const ExpanderComponent: HostComponent<NativeProps>;
42
42
  export default ExpanderComponent;
43
- //# sourceMappingURL=ExpanderNativeComponent.d.ts.map
43
+ //# sourceMappingURL=ExpanderNativeComponent.d.ts.map
package/lib-commonjs/ExpanderNativeComponent.js CHANGED
@@ -1,17 +1,15 @@
1
- 'use strict';
1
+ "use strict";
2
2
  /**
3
3
  * Copyright (c) Microsoft Corporation.
4
4
  * Licensed under the MIT License.
5
5
  * @format
6
6
  */
7
- var __importDefault =
8
- (this && this.__importDefault) ||
9
- function (mod) {
10
- return mod && mod.__esModule ? mod : { default: mod };
11
- };
12
- Object.defineProperty(exports, '__esModule', { value: true });
7
+ var __importDefault = (this && this.__importDefault) || function (mod) {
8
+ return (mod && mod.__esModule) ? mod : { "default": mod };
9
+ };
10
+ Object.defineProperty(exports, "__esModule", { value: true });
13
11
  exports.ExpanderComponent = void 0;
14
- const codegenNativeComponent_1 = __importDefault(require('react-native/Libraries/Utilities/codegenNativeComponent'));
12
+ const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
15
13
  exports.ExpanderComponent = (0, codegenNativeComponent_1.default)('ExpanderView');
16
14
  exports.default = exports.ExpanderComponent;
17
- //# sourceMappingURL=ExpanderNativeComponent.js.map
15
+ //# sourceMappingURL=ExpanderNativeComponent.js.map
package/lib-commonjs/index.d.ts CHANGED
@@ -1,12 +1,4 @@
1
1
  export { Expander } from './Expander';
2
2
  export { expanderName } from './Expander.types';
3
- export type {
4
- ExpandDirection,
5
- ExpanderProps,
6
- ExpanderTokens,
7
- ExpanderType,
8
- ExpanderViewProps,
9
- HorizontalAlignment,
10
- VerticalAlignment,
11
- } from './Expander.types';
12
- //# sourceMappingURL=index.d.ts.map
3
+ export type { ExpandDirection, ExpanderProps, ExpanderTokens, ExpanderType, ExpanderViewProps, HorizontalAlignment, VerticalAlignment, } from './Expander.types';
4
+ //# sourceMappingURL=index.d.ts.map
package/lib-commonjs/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EACV,eAAe,EACf,aAAa,EACb,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAC"}
package/lib-commonjs/index.js CHANGED
@@ -1,18 +1,8 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.expanderName = exports.Expander = void 0;
4
- const Expander_1 = require('./Expander');
5
- Object.defineProperty(exports, 'Expander', {
6
- enumerable: true,
7
- get: function () {
8
- return Expander_1.Expander;
9
- },
10
- });
11
- const Expander_types_1 = require('./Expander.types');
12
- Object.defineProperty(exports, 'expanderName', {
13
- enumerable: true,
14
- get: function () {
15
- return Expander_types_1.expanderName;
16
- },
17
- });
18
- //# sourceMappingURL=index.js.map
4
+ const Expander_1 = require("./Expander");
5
+ Object.defineProperty(exports, "Expander", { enumerable: true, get: function () { return Expander_1.Expander; } });
6
+ const Expander_types_1 = require("./Expander.types");
7
+ Object.defineProperty(exports, "expanderName", { enumerable: true, get: function () { return Expander_types_1.expanderName; } });
8
+ //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,32 +1,33 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/experimental-expander",
3
- "version": "0.9.0",
3
+ "version": "0.9.3",
4
4
  "description": "A cross-platform Native Expander component using the Fluent Design System. Currently only implemented on windows",
5
5
  "homepage": "https://github.com/microsoft/fluentui-react-native",
6
+ "license": "MIT",
7
+ "author": "Microsoft <fluentuinativeowners@microsoft.com>",
6
8
  "repository": {
7
9
  "type": "git",
8
10
  "url": "https://github.com/microsoft/fluentui-react-native.git",
9
11
  "directory": "packages/experimental/Expander"
10
12
  },
11
- "license": "MIT",
12
- "author": "Microsoft <fluentuinativeowners@microsoft.com>",
13
+ "main": "lib-commonjs/index.js",
14
+ "module": "lib/index.js",
15
+ "types": "lib/index.d.ts",
13
16
  "exports": {
14
17
  ".": {
15
18
  "types": "./lib/index.d.ts",
16
19
  "import": "./lib/index.js",
17
- "require": "./lib-commonjs/index.js"
20
+ "require": "./lib-commonjs/index.js",
21
+ "default": "./src/index.ts"
18
22
  }
19
23
  },
20
- "main": "lib-commonjs/index.js",
21
- "module": "lib/index.js",
22
- "types": "lib/index.d.ts",
23
24
  "scripts": {
24
25
  "build": "fluentui-scripts build",
25
26
  "build-cjs": "tsgo --outDir lib-commonjs",
26
- "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
27
+ "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
27
28
  "clean": "fluentui-scripts clean",
28
29
  "depcheck": "fluentui-scripts depcheck",
29
- "lint": "fluentui-scripts eslint",
30
+ "lint": "fluentui-scripts lint",
30
31
  "lint-package": "fluentui-scripts lint-package",
31
32
  "test": "fluentui-scripts jest",
32
33
  "update-api": "fluentui-scripts update-api-extractor",
@@ -35,30 +36,30 @@
35
36
  "windows": "react-native run-windows"
36
37
  },
37
38
  "dependencies": {
38
- "@fluentui-react-native/framework": "0.15.0"
39
+ "@fluentui-react-native/framework": "0.15.3"
39
40
  },
40
41
  "devDependencies": {
41
42
  "@babel/core": "^7.20.0",
42
43
  "@fluentui-react-native/babel-config": "0.1.1",
43
- "@fluentui-react-native/eslint-config-rules": "0.1.1",
44
- "@fluentui-react-native/framework-base": "0.3.0",
44
+ "@fluentui-react-native/framework-base": "0.3.3",
45
45
  "@fluentui-react-native/kit-config": "0.1.2",
46
- "@fluentui-react-native/scripts": "0.1.2",
46
+ "@fluentui-react-native/lint-config-rules": "0.1.3",
47
+ "@fluentui-react-native/scripts": "0.1.0",
47
48
  "@react-native-community/cli": "^20.0.0",
48
49
  "@react-native-community/cli-platform-android": "^20.0.0",
49
50
  "@react-native-community/cli-platform-ios": "^20.0.0",
50
51
  "@react-native/metro-config": "^0.81.0",
51
- "@types/react": "~19.1.0",
52
- "react": "19.1.0",
53
- "react-native": "^0.81.0",
52
+ "@types/react": "~19.1.4",
53
+ "react": "19.1.4",
54
+ "react-native": "^0.81.6",
54
55
  "react-native-macos": "^0.81.0",
55
56
  "react-native-windows": "^0.81.0"
56
57
  },
57
58
  "peerDependencies": {
58
59
  "@office-iss/react-native-win32": "^0.74.0",
59
- "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
60
- "react": "18.2.0 || 19.0.0 || 19.1.0",
61
- "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
60
+ "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.4",
61
+ "react": "18.2.0 || 19.0.0 || 19.1.4",
62
+ "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.6",
62
63
  "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
63
64
  "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
64
65
  },
package/src/index.ts CHANGED
@@ -1,3 +1,11 @@
1
1
  export { Expander } from './Expander';
2
2
  export { expanderName } from './Expander.types';
3
- export type { ExpandDirection, ExpanderProps, ExpanderTokens, ExpanderType, ExpanderViewProps, HorizontalAlignment, VerticalAlignment } from './Expander.types';
3
+ export type {
4
+ ExpandDirection,
5
+ ExpanderProps,
6
+ ExpanderTokens,
7
+ ExpanderType,
8
+ ExpanderViewProps,
9
+ HorizontalAlignment,
10
+ VerticalAlignment,
11
+ } from './Expander.types';
package/eslint.config.js DELETED
@@ -1,3 +0,0 @@
1
- const baseConfig = require('@fluentui-react-native/eslint-config-rules');
2
-
3
- module.exports = baseConfig;