@fluentui-react-native/framework 0.14.1 → 0.14.2
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 +15 -0
- package/CHANGELOG.md +9 -1
- package/lib/compose.d.ts +1 -0
- package/lib/compose.d.ts.map +1 -0
- package/lib/compressible.d.ts +1 -0
- package/lib/compressible.d.ts.map +1 -0
- package/lib/compressible.test.d.ts +1 -0
- package/lib/compressible.test.d.ts.map +1 -0
- package/lib/compressible.test.js +11 -15
- package/lib/compressible.test.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/themeHelper.d.ts +1 -0
- package/lib/themeHelper.d.ts.map +1 -0
- package/lib/useFluentTheme.d.ts +1 -0
- package/lib/useFluentTheme.d.ts.map +1 -0
- package/lib/useStyling.d.ts +1 -0
- package/lib/useStyling.d.ts.map +1 -0
- package/lib/useTokens.d.ts +1 -0
- package/lib/useTokens.d.ts.map +1 -0
- package/lib-commonjs/compose.d.ts +1 -0
- package/lib-commonjs/compose.d.ts.map +1 -0
- package/lib-commonjs/compressible.d.ts +1 -0
- package/lib-commonjs/compressible.d.ts.map +1 -0
- package/lib-commonjs/compressible.test.d.ts +1 -0
- package/lib-commonjs/compressible.test.d.ts.map +1 -0
- package/lib-commonjs/compressible.test.js +11 -15
- package/lib-commonjs/compressible.test.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -0
- package/lib-commonjs/index.d.ts.map +1 -0
- package/lib-commonjs/themeHelper.d.ts +1 -0
- package/lib-commonjs/themeHelper.d.ts.map +1 -0
- package/lib-commonjs/useFluentTheme.d.ts +1 -0
- package/lib-commonjs/useFluentTheme.d.ts.map +1 -0
- package/lib-commonjs/useStyling.d.ts +1 -0
- package/lib-commonjs/useStyling.d.ts.map +1 -0
- package/lib-commonjs/useTokens.d.ts +1 -0
- package/lib-commonjs/useTokens.d.ts.map +1 -0
- package/package.json +9 -9
- package/src/__snapshots__/compressible.test.tsx.snap +74 -174
- package/src/compressible.test.tsx +19 -24
package/CHANGELOG.json
CHANGED
|
@@ -1,6 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/framework",
|
|
3
3
|
"entries": [
|
|
4
|
+
{
|
|
5
|
+
"date": "Wed, 29 Jan 2025 23:39:20 GMT",
|
|
6
|
+
"version": "0.14.2",
|
|
7
|
+
"tag": "@fluentui-react-native/framework_v0.14.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "sanajmi@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/framework",
|
|
13
|
+
"commit": "5ca24ac45054439768404d117213a2ae4767235d",
|
|
14
|
+
"comment": "remove enzyme tests"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
4
19
|
{
|
|
5
20
|
"date": "Thu, 11 Apr 2024 18:08:38 GMT",
|
|
6
21
|
"version": "0.14.0",
|
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/framework
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
<!-- This log was last generated on Wed, 29 Jan 2025 23:39:20 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.14.2
|
|
8
|
+
|
|
9
|
+
Wed, 29 Jan 2025 23:39:20 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- remove enzyme tests (sanajmi@microsoft.com)
|
|
14
|
+
|
|
7
15
|
## 0.14.0
|
|
8
16
|
|
|
9
17
|
Thu, 11 Apr 2024 18:08:38 GMT
|
package/lib/compose.d.ts
CHANGED
|
@@ -33,3 +33,4 @@ export type ComposableComponent<TProps, TSlotProps, TTokens, TStatics extends ob
|
|
|
33
33
|
export type UseSlots<T> = UseStyledSlots<ExtractProps<T>, ExtractSlotProps<T>>;
|
|
34
34
|
export declare function compose<T>(options: ComposeOptions<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>, base?: ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>): ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>;
|
|
35
35
|
export {};
|
|
36
|
+
//# sourceMappingURL=compose.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAIhE;;;GAGG;AAEH,MAAM,WAAW,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,GAAG,MAAM;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC;CACnB;AAED,wCAAwC;AACxC,KAAK,aAAa,CAAC,MAAM,IAAI;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/C,KAAK,iBAAiB,CAAC,UAAU,IAAI;IAAE,SAAS,EAAE,UAAU,CAAA;CAAE,CAAC;AAC/D,KAAK,cAAc,CAAC,OAAO,IAAI;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAGnD,KAAK,eAAe,CAAC,QAAQ,SAAS,MAAM,IAAI;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEtE,iFAAiF;AACjF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC3E,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAGnF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAG9E,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAGhF,MAAM,MAAM,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,MAAM,IAAI,qBAAqB,CACtG,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAGF,MAAM,MAAM,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,MAAM,IAAI,uBAAuB,CAC7G,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E,wBAAgB,OAAO,CAAC,CAAC,EACvB,OAAO,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAClG,IAAI,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,GACpG,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAEhG"}
|
package/lib/compressible.d.ts
CHANGED
|
@@ -10,3 +10,4 @@ import type { UseTokens } from './useTokens';
|
|
|
10
10
|
* @returns A tree compressed function component with the `.customize` method exposed to it
|
|
11
11
|
*/
|
|
12
12
|
export declare function compressible<TProps, TTokens>(fn: StagedRender<TProps>, useTokens: UseTokens<TTokens>): CustomizableComponent<TProps, TTokens, Theme>;
|
|
13
|
+
//# sourceMappingURL=compressible.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compressible.d.ts","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAC1C,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC,EACxB,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,GAC5B,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAY/C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compressible.test.d.ts","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":""}
|
package/lib/compressible.test.js
CHANGED
|
@@ -3,8 +3,7 @@ import { Text, View } from 'react-native';
|
|
|
3
3
|
import { mergeStyles } from '@fluentui-react-native/merge-props';
|
|
4
4
|
import { useSlot, withSlots } from '@fluentui-react-native/use-slot';
|
|
5
5
|
import { applyTokenLayers } from '@fluentui-react-native/use-tokens';
|
|
6
|
-
import
|
|
7
|
-
import toJson from 'enzyme-to-json';
|
|
6
|
+
import * as renderer from 'react-test-renderer';
|
|
8
7
|
import { compressible } from './compressible';
|
|
9
8
|
import { buildUseTokens } from './useTokens';
|
|
10
9
|
var useVariantTokens = buildUseTokens({
|
|
@@ -60,25 +59,22 @@ var Label = compressible(function (props, useTokens) {
|
|
|
60
59
|
return withSlots(Header, null, headerText);
|
|
61
60
|
};
|
|
62
61
|
}, useLabelTokens);
|
|
63
|
-
/**
|
|
64
|
-
* this wrapper solves the (so-far) inexplicable type errors from the matchers in typescript
|
|
65
|
-
*/
|
|
66
|
-
function snapshotTestTree(tree) {
|
|
67
|
-
expect(toJson(tree)).toMatchSnapshot();
|
|
68
|
-
}
|
|
69
62
|
describe('compressible tests', function () {
|
|
70
|
-
/** first render the component with no updates */
|
|
71
63
|
it('Two labels, one with caption and one without', function () {
|
|
72
|
-
var tree =
|
|
64
|
+
var tree = renderer
|
|
65
|
+
.create(withSlots(View, null,
|
|
73
66
|
withSlots(Label, { headerText: "Header1" }),
|
|
74
|
-
withSlots(Label, { headerText: "Header2", captionText: "Caption2" })))
|
|
75
|
-
|
|
67
|
+
withSlots(Label, { headerText: "Header2", captionText: "Caption2" })))
|
|
68
|
+
.toJSON();
|
|
69
|
+
expect(tree).toMatchSnapshot();
|
|
76
70
|
});
|
|
77
71
|
it('Two labels, one plugging in SuperHeader instead', function () {
|
|
78
|
-
var tree =
|
|
72
|
+
var tree = renderer
|
|
73
|
+
.create(withSlots(View, null,
|
|
79
74
|
withSlots(Label, { headerText: "Super Header", headerSlot: SuperHeader, captionText: "Normal caption" }),
|
|
80
|
-
withSlots(Label, { headerText: "Normal Header", captionText: "Another normal caption" })))
|
|
81
|
-
|
|
75
|
+
withSlots(Label, { headerText: "Normal Header", captionText: "Another normal caption" })))
|
|
76
|
+
.toJSON();
|
|
77
|
+
expect(tree).toMatchSnapshot();
|
|
82
78
|
});
|
|
83
79
|
});
|
|
84
80
|
//# sourceMappingURL=compressible.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,
|
|
1
|
+
{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":"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"}
|
package/lib/index.d.ts
CHANGED
|
@@ -21,3 +21,4 @@ export { buildProps, buildUseStyling } from './useStyling';
|
|
|
21
21
|
export type { BuildProps, TokenSettings, TokensFromTheme, UseStylingOptions } from './useStyling';
|
|
22
22
|
export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens';
|
|
23
23
|
export type { UseTokens } from './useTokens';
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE1E,YAAY,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAE7E,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,YAAY,GACb,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAClG,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE9H,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAE1G,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC9G,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,YAAY,EACZ,gBAAgB,EAChB,eAAe,GAChB,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC5E,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,OAAO,EACP,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,oBAAoB,EACpB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,QAAQ,GACT,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC9G,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
|
package/lib/themeHelper.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeHelper.d.ts","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAItE,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,KAAK,CAM1C,CAAC"}
|
package/lib/useFluentTheme.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFluentTheme.d.ts","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAGhE;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,KAAK,CAEtC"}
|
package/lib/useStyling.d.ts
CHANGED
|
@@ -16,3 +16,4 @@ export type UseStylingOptions<TProps, TSlotProps, TTokens> = UseStylingOptionsBa
|
|
|
16
16
|
* @param options - options which drive behavior for the generated styling hook
|
|
17
17
|
*/
|
|
18
18
|
export declare function buildUseStyling<TProps, TSlotProps, TTokens>(options: UseStylingOptions<TProps, TSlotProps, TTokens>): UseStyling<TProps, TSlotProps>;
|
|
19
|
+
//# sourceMappingURL=useStyling.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useStyling.d.ts","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACvG,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,aAAa,IAAI,iBAAiB,EAClC,iBAAiB,IAAI,qBAAqB,EAC1C,UAAU,EACV,cAAc,EACf,MAAM,oCAAoC,CAAC;AAK5C,MAAM,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,IAAI,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEjF,wBAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,EACxC,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,EAC7C,IAAI,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,GACvB,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAE7B;AAED,MAAM,MAAM,eAAe,CAAC,OAAO,IAAI,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC3E,MAAM,MAAM,aAAa,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACvE,MAAM,MAAM,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,IAAI,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEvH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EACzD,OAAO,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,GACtD,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAGhC"}
|
package/lib/useTokens.d.ts
CHANGED
|
@@ -4,3 +4,4 @@ import type { TokenSettings } from './useStyling';
|
|
|
4
4
|
export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
|
|
5
5
|
export type UseTokens<TTokens> = UseTokensCore<TTokens, Theme>;
|
|
6
6
|
export declare function buildUseTokens<TTokens>(...tokens: TokenSettings<TTokens>[]): UseTokens<TTokens>;
|
|
7
|
+
//# sourceMappingURL=useTokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAIpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGpH,MAAM,MAAM,SAAS,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAE/D,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,CAE/F"}
|
|
@@ -33,3 +33,4 @@ export type ComposableComponent<TProps, TSlotProps, TTokens, TStatics extends ob
|
|
|
33
33
|
export type UseSlots<T> = UseStyledSlots<ExtractProps<T>, ExtractSlotProps<T>>;
|
|
34
34
|
export declare function compose<T>(options: ComposeOptions<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>, base?: ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>): ComposableComponent<ExtractProps<T>, ExtractSlotProps<T>, ExtractTokens<T>, ExtractStatics<T>>;
|
|
35
35
|
export {};
|
|
36
|
+
//# sourceMappingURL=compose.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAIhE;;;GAGG;AAEH,MAAM,WAAW,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,GAAG,MAAM;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC;CACnB;AAED,wCAAwC;AACxC,KAAK,aAAa,CAAC,MAAM,IAAI;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/C,KAAK,iBAAiB,CAAC,UAAU,IAAI;IAAE,SAAS,EAAE,UAAU,CAAA;CAAE,CAAC;AAC/D,KAAK,cAAc,CAAC,OAAO,IAAI;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAGnD,KAAK,eAAe,CAAC,QAAQ,SAAS,MAAM,IAAI;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEtE,iFAAiF;AACjF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC3E,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAGnF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAG9E,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAGhF,MAAM,MAAM,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,MAAM,IAAI,qBAAqB,CACtG,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAGF,MAAM,MAAM,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,MAAM,IAAI,uBAAuB,CAC7G,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E,wBAAgB,OAAO,CAAC,CAAC,EACvB,OAAO,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAClG,IAAI,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,GACpG,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAEhG"}
|
|
@@ -10,3 +10,4 @@ import type { UseTokens } from './useTokens';
|
|
|
10
10
|
* @returns A tree compressed function component with the `.customize` method exposed to it
|
|
11
11
|
*/
|
|
12
12
|
export declare function compressible<TProps, TTokens>(fn: StagedRender<TProps>, useTokens: UseTokens<TTokens>): CustomizableComponent<TProps, TTokens, Theme>;
|
|
13
|
+
//# sourceMappingURL=compressible.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compressible.d.ts","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAC1C,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC,EACxB,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,GAC5B,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAY/C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compressible.test.d.ts","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":""}
|
|
@@ -5,8 +5,7 @@ var react_native_1 = require("react-native");
|
|
|
5
5
|
var merge_props_1 = require("@fluentui-react-native/merge-props");
|
|
6
6
|
var use_slot_1 = require("@fluentui-react-native/use-slot");
|
|
7
7
|
var use_tokens_1 = require("@fluentui-react-native/use-tokens");
|
|
8
|
-
var
|
|
9
|
-
var enzyme_to_json_1 = require("enzyme-to-json");
|
|
8
|
+
var renderer = tslib_1.__importStar(require("react-test-renderer"));
|
|
10
9
|
var compressible_1 = require("./compressible");
|
|
11
10
|
var useTokens_1 = require("./useTokens");
|
|
12
11
|
var useVariantTokens = (0, useTokens_1.buildUseTokens)({
|
|
@@ -62,25 +61,22 @@ var Label = (0, compressible_1.compressible)(function (props, useTokens) {
|
|
|
62
61
|
return (0, use_slot_1.withSlots)(Header, null, headerText);
|
|
63
62
|
};
|
|
64
63
|
}, useLabelTokens);
|
|
65
|
-
/**
|
|
66
|
-
* this wrapper solves the (so-far) inexplicable type errors from the matchers in typescript
|
|
67
|
-
*/
|
|
68
|
-
function snapshotTestTree(tree) {
|
|
69
|
-
expect((0, enzyme_to_json_1.default)(tree)).toMatchSnapshot();
|
|
70
|
-
}
|
|
71
64
|
describe('compressible tests', function () {
|
|
72
|
-
/** first render the component with no updates */
|
|
73
65
|
it('Two labels, one with caption and one without', function () {
|
|
74
|
-
var tree =
|
|
66
|
+
var tree = renderer
|
|
67
|
+
.create((0, use_slot_1.withSlots)(react_native_1.View, null,
|
|
75
68
|
(0, use_slot_1.withSlots)(Label, { headerText: "Header1" }),
|
|
76
|
-
(0, use_slot_1.withSlots)(Label, { headerText: "Header2", captionText: "Caption2" })))
|
|
77
|
-
|
|
69
|
+
(0, use_slot_1.withSlots)(Label, { headerText: "Header2", captionText: "Caption2" })))
|
|
70
|
+
.toJSON();
|
|
71
|
+
expect(tree).toMatchSnapshot();
|
|
78
72
|
});
|
|
79
73
|
it('Two labels, one plugging in SuperHeader instead', function () {
|
|
80
|
-
var tree =
|
|
74
|
+
var tree = renderer
|
|
75
|
+
.create((0, use_slot_1.withSlots)(react_native_1.View, null,
|
|
81
76
|
(0, use_slot_1.withSlots)(Label, { headerText: "Super Header", headerSlot: SuperHeader, captionText: "Normal caption" }),
|
|
82
|
-
(0, use_slot_1.withSlots)(Label, { headerText: "Normal Header", captionText: "Another normal caption" })))
|
|
83
|
-
|
|
77
|
+
(0, use_slot_1.withSlots)(Label, { headerText: "Normal Header", captionText: "Another normal caption" })))
|
|
78
|
+
.toJSON();
|
|
79
|
+
expect(tree).toMatchSnapshot();
|
|
84
80
|
});
|
|
85
81
|
});
|
|
86
82
|
//# sourceMappingURL=compressible.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":";;;AAIA,6CAA0C;AAE1C,kEAAiE;AAEjE,4DAAqE;AACrE,gEAAqE;AACrE,
|
|
1
|
+
{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":"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"}
|
package/lib-commonjs/index.d.ts
CHANGED
|
@@ -21,3 +21,4 @@ export { buildProps, buildUseStyling } from './useStyling';
|
|
|
21
21
|
export type { BuildProps, TokenSettings, TokensFromTheme, UseStylingOptions } from './useStyling';
|
|
22
22
|
export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens';
|
|
23
23
|
export type { UseTokens } from './useTokens';
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE1E,YAAY,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAE7E,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,YAAY,GACb,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAClG,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE9H,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAE1G,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC9G,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,YAAY,EACZ,gBAAgB,EAChB,eAAe,GAChB,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC5E,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,OAAO,EACP,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,oBAAoB,EACpB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,QAAQ,GACT,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC9G,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeHelper.d.ts","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAItE,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,KAAK,CAM1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFluentTheme.d.ts","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAGhE;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,KAAK,CAEtC"}
|
|
@@ -16,3 +16,4 @@ export type UseStylingOptions<TProps, TSlotProps, TTokens> = UseStylingOptionsBa
|
|
|
16
16
|
* @param options - options which drive behavior for the generated styling hook
|
|
17
17
|
*/
|
|
18
18
|
export declare function buildUseStyling<TProps, TSlotProps, TTokens>(options: UseStylingOptions<TProps, TSlotProps, TTokens>): UseStyling<TProps, TSlotProps>;
|
|
19
|
+
//# sourceMappingURL=useStyling.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useStyling.d.ts","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACvG,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,aAAa,IAAI,iBAAiB,EAClC,iBAAiB,IAAI,qBAAqB,EAC1C,UAAU,EACV,cAAc,EACf,MAAM,oCAAoC,CAAC;AAK5C,MAAM,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,IAAI,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEjF,wBAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,EACxC,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,EAC7C,IAAI,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,GACvB,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAE7B;AAED,MAAM,MAAM,eAAe,CAAC,OAAO,IAAI,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC3E,MAAM,MAAM,aAAa,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACvE,MAAM,MAAM,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,IAAI,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEvH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EACzD,OAAO,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,GACtD,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAGhC"}
|
|
@@ -4,3 +4,4 @@ import type { TokenSettings } from './useStyling';
|
|
|
4
4
|
export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
|
|
5
5
|
export type UseTokens<TTokens> = UseTokensCore<TTokens, Theme>;
|
|
6
6
|
export declare function buildUseTokens<TTokens>(...tokens: TokenSettings<TTokens>[]): UseTokens<TTokens>;
|
|
7
|
+
//# sourceMappingURL=useTokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAIpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGpH,MAAM,MAAM,SAAS,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAE/D,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,CAE/F"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/framework",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.2",
|
|
4
4
|
"description": "Component framework used by fluentui react native controls",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -24,17 +24,17 @@
|
|
|
24
24
|
"directory": "packages/framework/framework"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@fluentui-react-native/composition": "0.11.
|
|
28
|
-
"@fluentui-react-native/default-theme": "0.26.
|
|
27
|
+
"@fluentui-react-native/composition": "0.11.2",
|
|
28
|
+
"@fluentui-react-native/default-theme": "0.26.2",
|
|
29
29
|
"@fluentui-react-native/immutable-merge": "1.2.2",
|
|
30
30
|
"@fluentui-react-native/memo-cache": "1.3.3",
|
|
31
31
|
"@fluentui-react-native/merge-props": "0.9.1",
|
|
32
|
-
"@fluentui-react-native/theme-types": "0.39.
|
|
33
|
-
"@fluentui-react-native/tokens": "0.23.
|
|
34
|
-
"@fluentui-react-native/use-slot": "0.6.
|
|
35
|
-
"@fluentui-react-native/use-slots": "0.10.
|
|
36
|
-
"@fluentui-react-native/use-styling": "0.13.
|
|
37
|
-
"@fluentui-react-native/use-tokens": "0.6.
|
|
32
|
+
"@fluentui-react-native/theme-types": "0.39.1",
|
|
33
|
+
"@fluentui-react-native/tokens": "0.23.1",
|
|
34
|
+
"@fluentui-react-native/use-slot": "0.6.2",
|
|
35
|
+
"@fluentui-react-native/use-slots": "0.10.2",
|
|
36
|
+
"@fluentui-react-native/use-styling": "0.13.2",
|
|
37
|
+
"@fluentui-react-native/use-tokens": "0.6.2",
|
|
38
38
|
"tslib": "^2.3.1"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
@@ -3,192 +3,92 @@
|
|
|
3
3
|
exports[`compressible tests Two labels, one plugging in SuperHeader instead 1`] = `
|
|
4
4
|
<View>
|
|
5
5
|
<View>
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
<Text
|
|
7
|
+
style={
|
|
8
|
+
{
|
|
9
|
+
"color": "purple",
|
|
10
|
+
"fontSize": 24,
|
|
11
|
+
"fontWeight": "700",
|
|
12
|
+
}
|
|
13
|
+
}
|
|
10
14
|
>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
>
|
|
22
|
-
<Text
|
|
23
|
-
style={
|
|
24
|
-
{
|
|
25
|
-
"color": "purple",
|
|
26
|
-
"fontSize": 24,
|
|
27
|
-
"fontWeight": "700",
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
>
|
|
31
|
-
Super Header
|
|
32
|
-
</Text>
|
|
33
|
-
</Text>
|
|
34
|
-
<Text
|
|
35
|
-
style={
|
|
36
|
-
{
|
|
37
|
-
"color": "gray",
|
|
38
|
-
"fontSize": 12,
|
|
39
|
-
"fontWeight": "300",
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
>
|
|
43
|
-
<Text
|
|
44
|
-
style={
|
|
45
|
-
{
|
|
46
|
-
"color": "gray",
|
|
47
|
-
"fontSize": 12,
|
|
48
|
-
"fontWeight": "300",
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
>
|
|
52
|
-
Normal caption
|
|
53
|
-
</Text>
|
|
54
|
-
</Text>
|
|
55
|
-
</View>
|
|
56
|
-
</View>
|
|
57
|
-
</component>
|
|
58
|
-
<component
|
|
59
|
-
captionText="Another normal caption"
|
|
60
|
-
headerText="Normal Header"
|
|
15
|
+
Super Header
|
|
16
|
+
</Text>
|
|
17
|
+
<Text
|
|
18
|
+
style={
|
|
19
|
+
{
|
|
20
|
+
"color": "gray",
|
|
21
|
+
"fontSize": 12,
|
|
22
|
+
"fontWeight": "300",
|
|
23
|
+
}
|
|
24
|
+
}
|
|
61
25
|
>
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
"color": "gray",
|
|
89
|
-
"fontSize": 12,
|
|
90
|
-
"fontWeight": "300",
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
>
|
|
94
|
-
<Text
|
|
95
|
-
style={
|
|
96
|
-
{
|
|
97
|
-
"color": "gray",
|
|
98
|
-
"fontSize": 12,
|
|
99
|
-
"fontWeight": "300",
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
>
|
|
103
|
-
Another normal caption
|
|
104
|
-
</Text>
|
|
105
|
-
</Text>
|
|
106
|
-
</View>
|
|
107
|
-
</View>
|
|
108
|
-
</component>
|
|
26
|
+
Normal caption
|
|
27
|
+
</Text>
|
|
28
|
+
</View>
|
|
29
|
+
<View>
|
|
30
|
+
<Text
|
|
31
|
+
style={
|
|
32
|
+
{
|
|
33
|
+
"color": "blue",
|
|
34
|
+
"fontSize": 16,
|
|
35
|
+
"fontWeight": "700",
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
>
|
|
39
|
+
Normal Header
|
|
40
|
+
</Text>
|
|
41
|
+
<Text
|
|
42
|
+
style={
|
|
43
|
+
{
|
|
44
|
+
"color": "gray",
|
|
45
|
+
"fontSize": 12,
|
|
46
|
+
"fontWeight": "300",
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
>
|
|
50
|
+
Another normal caption
|
|
51
|
+
</Text>
|
|
109
52
|
</View>
|
|
110
53
|
</View>
|
|
111
54
|
`;
|
|
112
55
|
|
|
113
56
|
exports[`compressible tests Two labels, one with caption and one without 1`] = `
|
|
114
57
|
<View>
|
|
58
|
+
<Text
|
|
59
|
+
style={
|
|
60
|
+
{
|
|
61
|
+
"color": "blue",
|
|
62
|
+
"fontSize": 16,
|
|
63
|
+
"fontWeight": "700",
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
>
|
|
67
|
+
Header1
|
|
68
|
+
</Text>
|
|
115
69
|
<View>
|
|
116
|
-
<
|
|
117
|
-
|
|
70
|
+
<Text
|
|
71
|
+
style={
|
|
72
|
+
{
|
|
73
|
+
"color": "blue",
|
|
74
|
+
"fontSize": 16,
|
|
75
|
+
"fontWeight": "700",
|
|
76
|
+
}
|
|
77
|
+
}
|
|
118
78
|
>
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
79
|
+
Header2
|
|
80
|
+
</Text>
|
|
81
|
+
<Text
|
|
82
|
+
style={
|
|
83
|
+
{
|
|
84
|
+
"color": "gray",
|
|
85
|
+
"fontSize": 12,
|
|
86
|
+
"fontWeight": "300",
|
|
126
87
|
}
|
|
127
|
-
|
|
128
|
-
<Text
|
|
129
|
-
style={
|
|
130
|
-
{
|
|
131
|
-
"color": "blue",
|
|
132
|
-
"fontSize": 16,
|
|
133
|
-
"fontWeight": "700",
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
>
|
|
137
|
-
Header1
|
|
138
|
-
</Text>
|
|
139
|
-
</Text>
|
|
140
|
-
</component>
|
|
141
|
-
<component
|
|
142
|
-
captionText="Caption2"
|
|
143
|
-
headerText="Header2"
|
|
88
|
+
}
|
|
144
89
|
>
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
<Text
|
|
148
|
-
style={
|
|
149
|
-
{
|
|
150
|
-
"color": "blue",
|
|
151
|
-
"fontSize": 16,
|
|
152
|
-
"fontWeight": "700",
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
>
|
|
156
|
-
<Text
|
|
157
|
-
style={
|
|
158
|
-
{
|
|
159
|
-
"color": "blue",
|
|
160
|
-
"fontSize": 16,
|
|
161
|
-
"fontWeight": "700",
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
>
|
|
165
|
-
Header2
|
|
166
|
-
</Text>
|
|
167
|
-
</Text>
|
|
168
|
-
<Text
|
|
169
|
-
style={
|
|
170
|
-
{
|
|
171
|
-
"color": "gray",
|
|
172
|
-
"fontSize": 12,
|
|
173
|
-
"fontWeight": "300",
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
>
|
|
177
|
-
<Text
|
|
178
|
-
style={
|
|
179
|
-
{
|
|
180
|
-
"color": "gray",
|
|
181
|
-
"fontSize": 12,
|
|
182
|
-
"fontWeight": "300",
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
>
|
|
186
|
-
Caption2
|
|
187
|
-
</Text>
|
|
188
|
-
</Text>
|
|
189
|
-
</View>
|
|
190
|
-
</View>
|
|
191
|
-
</component>
|
|
90
|
+
Caption2
|
|
91
|
+
</Text>
|
|
192
92
|
</View>
|
|
193
93
|
</View>
|
|
194
94
|
`;
|
|
@@ -8,8 +8,7 @@ import { mergeStyles } from '@fluentui-react-native/merge-props';
|
|
|
8
8
|
import type { Theme } from '@fluentui-react-native/theme-types';
|
|
9
9
|
import { useSlot, withSlots } from '@fluentui-react-native/use-slot';
|
|
10
10
|
import { applyTokenLayers } from '@fluentui-react-native/use-tokens';
|
|
11
|
-
import
|
|
12
|
-
import toJson from 'enzyme-to-json';
|
|
11
|
+
import * as renderer from 'react-test-renderer';
|
|
13
12
|
|
|
14
13
|
import { compressible } from './compressible';
|
|
15
14
|
import { buildUseTokens } from './useTokens';
|
|
@@ -103,32 +102,28 @@ const Label = compressible<LabelProps, LabelTokens>((props: LabelProps, useToken
|
|
|
103
102
|
};
|
|
104
103
|
}, useLabelTokens);
|
|
105
104
|
|
|
106
|
-
/**
|
|
107
|
-
* this wrapper solves the (so-far) inexplicable type errors from the matchers in typescript
|
|
108
|
-
*/
|
|
109
|
-
function snapshotTestTree(tree: any) {
|
|
110
|
-
(expect(toJson(tree)) as any).toMatchSnapshot();
|
|
111
|
-
}
|
|
112
|
-
|
|
113
105
|
describe('compressible tests', () => {
|
|
114
|
-
/** first render the component with no updates */
|
|
115
106
|
it('Two labels, one with caption and one without', () => {
|
|
116
|
-
const tree =
|
|
117
|
-
|
|
118
|
-
<
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
107
|
+
const tree = renderer
|
|
108
|
+
.create(
|
|
109
|
+
<View>
|
|
110
|
+
<Label headerText="Header1" />
|
|
111
|
+
<Label headerText="Header2" captionText="Caption2" />
|
|
112
|
+
</View>,
|
|
113
|
+
)
|
|
114
|
+
.toJSON();
|
|
115
|
+
expect(tree).toMatchSnapshot();
|
|
123
116
|
});
|
|
124
117
|
|
|
125
118
|
it('Two labels, one plugging in SuperHeader instead', () => {
|
|
126
|
-
const tree =
|
|
127
|
-
|
|
128
|
-
<
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
119
|
+
const tree = renderer
|
|
120
|
+
.create(
|
|
121
|
+
<View>
|
|
122
|
+
<Label headerText="Super Header" headerSlot={SuperHeader} captionText="Normal caption" />
|
|
123
|
+
<Label headerText="Normal Header" captionText="Another normal caption" />
|
|
124
|
+
</View>,
|
|
125
|
+
)
|
|
126
|
+
.toJSON();
|
|
127
|
+
expect(tree).toMatchSnapshot();
|
|
133
128
|
});
|
|
134
129
|
});
|