@fluentui-react-native/composition 0.8.3 → 0.9.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 +76 -4
- package/CHANGELOG.md +25 -2
- package/lib/composeFactory.d.ts +1 -1
- package/lib/composeFactory.d.ts.map +1 -1
- package/lib/composeFactory.js +2 -2
- package/lib/composeFactory.js.map +1 -1
- package/lib/composeFactory.test.js +1 -2
- package/lib/composeFactory.test.js.map +1 -1
- package/lib-commonjs/composeFactory.d.ts +1 -1
- package/lib-commonjs/composeFactory.d.ts.map +1 -1
- package/lib-commonjs/composeFactory.js +2 -2
- package/lib-commonjs/composeFactory.js.map +1 -1
- package/lib-commonjs/composeFactory.test.js +1 -2
- package/lib-commonjs/composeFactory.test.js.map +1 -1
- package/package.json +10 -11
- package/src/__snapshots__/composeFactory.test.tsx.snap +4 -4
- package/src/composeFactory.test.tsx +6 -3
- package/src/composeFactory.ts +4 -4
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,79 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/composition",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Mon, 05 Jun 2023 19:19:47 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/composition_v0.9.0",
|
|
7
|
+
"version": "0.9.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "sanajmi@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/composition",
|
|
13
|
+
"commit": "8c0f9d27e34913da82c00299c12c399877257325",
|
|
14
|
+
"comment": "Upgrade to React Native 0.71"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/composition",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/immutable-merge to v1.2.0",
|
|
20
|
+
"commit": "8c0f9d27e34913da82c00299c12c399877257325"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/composition",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/use-slot to v0.4.0",
|
|
26
|
+
"commit": "8c0f9d27e34913da82c00299c12c399877257325"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/composition",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/use-slots to v0.8.0",
|
|
32
|
+
"commit": "8c0f9d27e34913da82c00299c12c399877257325"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/composition",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/use-styling to v0.10.0",
|
|
38
|
+
"commit": "8c0f9d27e34913da82c00299c12c399877257325"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"date": "Fri, 24 Feb 2023 20:39:57 GMT",
|
|
45
|
+
"tag": "@fluentui-react-native/composition_v0.8.4",
|
|
46
|
+
"version": "0.8.4",
|
|
47
|
+
"comments": {
|
|
48
|
+
"patch": [
|
|
49
|
+
{
|
|
50
|
+
"author": "78454019+lyzhan7@users.noreply.github.com",
|
|
51
|
+
"package": "@fluentui-react-native/composition",
|
|
52
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2",
|
|
53
|
+
"comment": "Order imports"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"author": "beachball",
|
|
57
|
+
"package": "@fluentui-react-native/composition",
|
|
58
|
+
"comment": "Bump @fluentui-react-native/use-slot to v0.3.4",
|
|
59
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "beachball",
|
|
63
|
+
"package": "@fluentui-react-native/composition",
|
|
64
|
+
"comment": "Bump @fluentui-react-native/use-slots to v0.7.4",
|
|
65
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "beachball",
|
|
69
|
+
"package": "@fluentui-react-native/composition",
|
|
70
|
+
"comment": "Bump @fluentui-react-native/use-styling to v0.9.4",
|
|
71
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2"
|
|
72
|
+
}
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"date": "Thu, 02 Feb 2023 01:29:38 GMT",
|
|
6
78
|
"tag": "@fluentui-react-native/composition_v0.8.3",
|
|
7
79
|
"version": "0.8.3",
|
|
8
80
|
"comments": {
|
|
@@ -17,19 +89,19 @@
|
|
|
17
89
|
"author": "beachball",
|
|
18
90
|
"package": "@fluentui-react-native/composition",
|
|
19
91
|
"comment": "Bump @fluentui-react-native/use-slot to v0.3.3",
|
|
20
|
-
"commit": "
|
|
92
|
+
"commit": "8babef935750d57271f466a1c446e6531ee1b0a5"
|
|
21
93
|
},
|
|
22
94
|
{
|
|
23
95
|
"author": "beachball",
|
|
24
96
|
"package": "@fluentui-react-native/composition",
|
|
25
97
|
"comment": "Bump @fluentui-react-native/use-slots to v0.7.3",
|
|
26
|
-
"commit": "
|
|
98
|
+
"commit": "8babef935750d57271f466a1c446e6531ee1b0a5"
|
|
27
99
|
},
|
|
28
100
|
{
|
|
29
101
|
"author": "beachball",
|
|
30
102
|
"package": "@fluentui-react-native/composition",
|
|
31
103
|
"comment": "Bump @fluentui-react-native/use-styling to v0.9.3",
|
|
32
|
-
"commit": "
|
|
104
|
+
"commit": "8babef935750d57271f466a1c446e6531ee1b0a5"
|
|
33
105
|
}
|
|
34
106
|
]
|
|
35
107
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,35 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/composition
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 05 Jun 2023 19:19:47 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.9.0
|
|
8
|
+
|
|
9
|
+
Mon, 05 Jun 2023 19:19:47 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Upgrade to React Native 0.71 (sanajmi@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/immutable-merge to v1.2.0
|
|
15
|
+
- Bump @fluentui-react-native/use-slot to v0.4.0
|
|
16
|
+
- Bump @fluentui-react-native/use-slots to v0.8.0
|
|
17
|
+
- Bump @fluentui-react-native/use-styling to v0.10.0
|
|
18
|
+
|
|
19
|
+
## 0.8.4
|
|
20
|
+
|
|
21
|
+
Fri, 24 Feb 2023 20:39:57 GMT
|
|
22
|
+
|
|
23
|
+
### Patches
|
|
24
|
+
|
|
25
|
+
- Order imports (78454019+lyzhan7@users.noreply.github.com)
|
|
26
|
+
- Bump @fluentui-react-native/use-slot to v0.3.4
|
|
27
|
+
- Bump @fluentui-react-native/use-slots to v0.7.4
|
|
28
|
+
- Bump @fluentui-react-native/use-styling to v0.9.4
|
|
29
|
+
|
|
7
30
|
## 0.8.3
|
|
8
31
|
|
|
9
|
-
Thu, 02 Feb 2023 01:
|
|
32
|
+
Thu, 02 Feb 2023 01:29:38 GMT
|
|
10
33
|
|
|
11
34
|
### Patches
|
|
12
35
|
|
package/lib/composeFactory.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { UseStylingOptions, TokenSettings, ThemeHelper, HasLayer } from '@fluentui-react-native/use-styling';
|
|
2
1
|
import type { ComposableFunction } from '@fluentui-react-native/use-slot';
|
|
3
2
|
import type { UseSlotOptions, Slots } from '@fluentui-react-native/use-slots';
|
|
3
|
+
import type { UseStylingOptions, TokenSettings, ThemeHelper, HasLayer } from '@fluentui-react-native/use-styling';
|
|
4
4
|
export type UseStyledSlots<TProps, TSlotProps> = (props: TProps, lookup?: HasLayer) => Slots<TSlotProps>;
|
|
5
5
|
export type ComposeFactoryOptions<TProps, TSlotProps, TTokens, TTheme, TStatics extends object = object> = UseStylingOptions<TProps, TSlotProps, TTokens, TTheme> & UseSlotOptions<TSlotProps> & {
|
|
6
6
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composeFactory.d.ts","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"composeFactory.d.ts","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAG9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAElH,MAAM,MAAM,cAAc,CAAC,MAAM,EAAE,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,CAAC,CAAC;AAEzG,MAAM,MAAM,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAAI,iBAAiB,CAC1H,MAAM,EACN,UAAU,EACV,OAAO,EACP,MAAM,CACP,GACC,cAAc,CAAC,UAAU,CAAC,GAAG;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE5G;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEJ,MAAM,MAAM,uBAAuB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG;IACxI,SAAS,EAAE,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChF,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,KAAK,uBAAuB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACnI,OAAO,EAAE,CACP,OAAO,EAAE,OAAO,CAAC,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,KACnF,uBAAuB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;CAC7E,GAAG,QAAQ,CAAC;AAUb,wBAAgB,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,SAAS,MAAM,GAAG,MAAM,EAClG,OAAO,EAAE,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAC7E,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAChC,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,GAC5E,uBAAuB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAsCxE"}
|
package/lib/composeFactory.js
CHANGED
|
@@ -9,10 +9,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import {
|
|
12
|
+
import { immutableMergeCore } from '@fluentui-react-native/immutable-merge';
|
|
13
13
|
import { stagedComponent } from '@fluentui-react-native/use-slot';
|
|
14
14
|
import { buildUseSlots } from '@fluentui-react-native/use-slots';
|
|
15
|
-
import {
|
|
15
|
+
import { buildUseStyling } from '@fluentui-react-native/use-styling';
|
|
16
16
|
/**
|
|
17
17
|
* options get deep merged except the tokens array gets appended
|
|
18
18
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composeFactory.js","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"composeFactory.js","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAqCrE;;GAEG;AACH,IAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,MAAM,UAAU,cAAc,CAC5B,OAA6E,EAC7E,WAAgC,EAChC,IAA6E;IAK7E,gDAAgD;IAChD,IAAM,WAAW,GAAiB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAyB,CAAC;IAClE,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAe,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,cAAM,OAAO,CAAE,CAAC;IAE9G,iDAAiD;IACjD,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,cAAM,OAAA,CAAC,EAAiB,CAAA,EAAlB,CAAkB,CAAC;IAE5H,6EAA6E;IAC7E,IAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAuC,CAAC;IAE9E,6BAA6B;IAC7B,IAAM,SAAS,GAAG,eAAe,CAAS,UAAC,KAAK,IAAK,OAAA,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAlC,CAAkC,CAAmB,CAAC;IAE3G,oDAAoD;IACpD,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,SAAS,CAAC,SAAS,GAAG,OAAO,CAAC;IAC9B,SAAS,CAAC,SAAS,GAAG;QAAC,gBAAiC;aAAjC,UAAiC,EAAjC,qBAAiC,EAAjC,IAAiC;YAAjC,2BAAiC;;QACtD,OAAA,cAAc,CACZ,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAkB,CAAC,EAC7E,WAAW,CACZ;IAHD,CAGC,CAAC;IAEJ,SAAS,CAAC,OAAO,GAAG,UAAC,aAAoC;QACvD,OAAA,cAAc,CACZ,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,aAAa,CAAiB,EACxE,WAAW,CACZ;IAHD,CAGC,CAAC;IAEJ,8BAA8B;IAC9B,IAAI,OAAO,CAAC,OAAO,EAAE;QACnB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;KAC3C;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}
|
|
@@ -9,11 +9,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
import { View, Text } from 'react-native';
|
|
13
13
|
import { withSlots } from '@fluentui-react-native/use-slot';
|
|
14
14
|
import * as renderer from 'react-test-renderer';
|
|
15
15
|
import { composeFactory } from './composeFactory';
|
|
16
|
-
import { View, Text } from 'react-native';
|
|
17
16
|
var theme = {
|
|
18
17
|
values: {
|
|
19
18
|
backgroundColor: 'black',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composeFactory.test.js","sourceRoot":"","sources":["../src/composeFactory.test.tsx"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"composeFactory.test.js","sourceRoot":"","sources":["../src/composeFactory.test.tsx"],"names":[],"mappings":";;;;;;;;;;;AAGA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD,IAAM,KAAK,GAAU;IACnB,MAAM,EAAE;QACN,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE,EAAE;CACf,CAAC;AAYF,IAAM,WAAW,GAAuB;IACtC,QAAQ,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;IACrB,gBAAgB,EAAE,UAAC,KAAY,EAAE,IAAY;;QAC3C,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,mCAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;CACF,CAAC;AAEF,SAAS,UAAU,CAAI,EAAK,EAAE,EAAK;IACjC,6BAAY,EAAE,GAAK,EAAE,EAAG;AAC1B,CAAC;AAED,IAAM,IAAI,GAAG,cAAc,CACzB;IACE,MAAM,EAAE;QACN,UAAC,CAAC,IAAK,OAAA,CAAC;YACN,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,eAAe;YACzC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;SACtB,CAAC,EAHK,CAGL;KACH;IACD,SAAS,EAAE;QACT,KAAK,EAAE,UAAC,MAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE,EAAE,CAAC,EAAxD,CAAwD;QAC3E,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,EAApC,CAAoC;KAC1D;IACD,KAAK,EAAE;QACL,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;KACd;IACD,SAAS,EAAE,UAAC,KAAgB,EAAE,QAA8C;QAC1E,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,UAAC,KAAgB,IAAK,OAAA,CAC3B,UAAC,KAAK,CAAC,KAAK,eAAK,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;YACvC,UAAC,KAAK,CAAC,OAAO,gBAAsB,CACxB,CACf,EAJ4B,CAI5B,CAAC;IACJ,CAAC;CACF,EACD,WAAW,CACZ,CAAC;AAEF,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AAE/D,IAAM,UAAU,GAAG;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,QAAQ,CAAC,2BAA2B,EAAE;IACpC,EAAE,CAAC,uBAAuB,EAAE;QAC1B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAC,IAAI,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACnE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE;QAC1B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAC,UAAU,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACzE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { UseStylingOptions, TokenSettings, ThemeHelper, HasLayer } from '@fluentui-react-native/use-styling';
|
|
2
1
|
import type { ComposableFunction } from '@fluentui-react-native/use-slot';
|
|
3
2
|
import type { UseSlotOptions, Slots } from '@fluentui-react-native/use-slots';
|
|
3
|
+
import type { UseStylingOptions, TokenSettings, ThemeHelper, HasLayer } from '@fluentui-react-native/use-styling';
|
|
4
4
|
export type UseStyledSlots<TProps, TSlotProps> = (props: TProps, lookup?: HasLayer) => Slots<TSlotProps>;
|
|
5
5
|
export type ComposeFactoryOptions<TProps, TSlotProps, TTokens, TTheme, TStatics extends object = object> = UseStylingOptions<TProps, TSlotProps, TTokens, TTheme> & UseSlotOptions<TSlotProps> & {
|
|
6
6
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composeFactory.d.ts","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"composeFactory.d.ts","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAG9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAElH,MAAM,MAAM,cAAc,CAAC,MAAM,EAAE,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,CAAC,CAAC;AAEzG,MAAM,MAAM,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAAI,iBAAiB,CAC1H,MAAM,EACN,UAAU,EACV,OAAO,EACP,MAAM,CACP,GACC,cAAc,CAAC,UAAU,CAAC,GAAG;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE5G;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEJ,MAAM,MAAM,uBAAuB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG;IACxI,SAAS,EAAE,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChF,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,KAAK,uBAAuB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACnI,OAAO,EAAE,CACP,OAAO,EAAE,OAAO,CAAC,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,KACnF,uBAAuB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;CAC7E,GAAG,QAAQ,CAAC;AAUb,wBAAgB,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,SAAS,MAAM,GAAG,MAAM,EAClG,OAAO,EAAE,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAC7E,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAChC,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,GAC5E,uBAAuB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAsCxE"}
|
|
@@ -12,10 +12,10 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.composeFactory = void 0;
|
|
15
|
-
var
|
|
15
|
+
var immutable_merge_1 = require("@fluentui-react-native/immutable-merge");
|
|
16
16
|
var use_slot_1 = require("@fluentui-react-native/use-slot");
|
|
17
17
|
var use_slots_1 = require("@fluentui-react-native/use-slots");
|
|
18
|
-
var
|
|
18
|
+
var use_styling_1 = require("@fluentui-react-native/use-styling");
|
|
19
19
|
/**
|
|
20
20
|
* options get deep merged except the tokens array gets appended
|
|
21
21
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composeFactory.js","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"composeFactory.js","sourceRoot":"","sources":["../src/composeFactory.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,0EAA4E;AAE5E,4DAAkE;AAElE,8DAAiE;AACjE,kEAAqE;AAqCrE;;GAEG;AACH,IAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,SAAgB,cAAc,CAC5B,OAA6E,EAC7E,WAAgC,EAChC,IAA6E;IAK7E,gDAAgD;IAChD,IAAM,WAAW,GAAiB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAyB,CAAC;IAClE,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,IAAA,oCAAkB,EAAe,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,cAAM,OAAO,CAAE,CAAC;IAE9G,iDAAiD;IACjD,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAA,6BAAe,EAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,cAAM,OAAA,CAAC,EAAiB,CAAA,EAAlB,CAAkB,CAAC;IAE5H,6EAA6E;IAC7E,IAAM,QAAQ,GAAG,IAAA,yBAAa,EAAC,OAAO,CAAuC,CAAC;IAE9E,6BAA6B;IAC7B,IAAM,SAAS,GAAG,IAAA,0BAAe,EAAS,UAAC,KAAK,IAAK,OAAA,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAlC,CAAkC,CAAmB,CAAC;IAE3G,oDAAoD;IACpD,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,SAAS,CAAC,SAAS,GAAG,OAAO,CAAC;IAC9B,SAAS,CAAC,SAAS,GAAG;QAAC,gBAAiC;aAAjC,UAAiC,EAAjC,qBAAiC,EAAjC,IAAiC;YAAjC,2BAAiC;;QACtD,OAAA,cAAc,CACZ,IAAA,oCAAkB,EAAC,YAAY,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAkB,CAAC,EAC7E,WAAW,CACZ;IAHD,CAGC,CAAC;IAEJ,SAAS,CAAC,OAAO,GAAG,UAAC,aAAoC;QACvD,OAAA,cAAc,CACZ,IAAA,oCAAkB,EAAC,YAAY,EAAE,OAAO,EAAE,aAAa,CAAiB,EACxE,WAAW,CACZ;IAHD,CAGC,CAAC;IAEJ,8BAA8B;IAC9B,IAAI,OAAO,CAAC,OAAO,EAAE;QACnB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;KAC3C;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AA1CD,wCA0CC"}
|
|
@@ -34,11 +34,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
34
34
|
return result;
|
|
35
35
|
};
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
|
|
37
|
+
var react_native_1 = require("react-native");
|
|
38
38
|
var use_slot_1 = require("@fluentui-react-native/use-slot");
|
|
39
39
|
var renderer = __importStar(require("react-test-renderer"));
|
|
40
40
|
var composeFactory_1 = require("./composeFactory");
|
|
41
|
-
var react_native_1 = require("react-native");
|
|
42
41
|
var theme = {
|
|
43
42
|
values: {
|
|
44
43
|
backgroundColor: 'black',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composeFactory.test.js","sourceRoot":"","sources":["../src/composeFactory.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"composeFactory.test.js","sourceRoot":"","sources":["../src/composeFactory.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,6CAA0C;AAE1C,4DAA4D;AAE5D,4DAAgD;AAGhD,mDAAkD;AAYlD,IAAM,KAAK,GAAU;IACnB,MAAM,EAAE;QACN,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE,EAAE;CACf,CAAC;AAYF,IAAM,WAAW,GAAuB;IACtC,QAAQ,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;IACrB,gBAAgB,EAAE,UAAC,KAAY,EAAE,IAAY;;QAC3C,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,mCAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;CACF,CAAC;AAEF,SAAS,UAAU,CAAI,EAAK,EAAE,EAAK;IACjC,6BAAY,EAAE,GAAK,EAAE,EAAG;AAC1B,CAAC;AAED,IAAM,IAAI,GAAG,IAAA,+BAAc,EACzB;IACE,MAAM,EAAE;QACN,UAAC,CAAC,IAAK,OAAA,CAAC;YACN,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,eAAe;YACzC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;SACtB,CAAC,EAHK,CAGL;KACH;IACD,SAAS,EAAE;QACT,KAAK,EAAE,UAAC,MAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE,EAAE,CAAC,EAAxD,CAAwD;QAC3E,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,EAApC,CAAoC;KAC1D;IACD,KAAK,EAAE;QACL,KAAK,EAAE,mBAAI;QACX,OAAO,EAAE,mBAAI;KACd;IACD,SAAS,EAAE,UAAC,KAAgB,EAAE,QAA8C;QAC1E,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,UAAC,KAAgB,IAAK,OAAA,CAC3B,0BAAC,KAAK,CAAC,KAAK,eAAK,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;YACvC,0BAAC,KAAK,CAAC,OAAO,gBAAsB,CACxB,CACf,EAJ4B,CAI5B,CAAC;IACJ,CAAC;CACF,EACD,WAAW,CACZ,CAAC;AAEF,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AAE/D,IAAM,UAAU,GAAG;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,QAAQ,CAAC,2BAA2B,EAAE;IACpC,EAAE,CAAC,uBAAuB,EAAE;QAC1B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,0BAAC,IAAI,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACnE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE;QAC1B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,0BAAC,UAAU,IAAC,KAAK,EAAE,UAAU,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACzE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/composition",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"description": "Composition factories for building HOCs",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -27,20 +27,19 @@
|
|
|
27
27
|
"author": "",
|
|
28
28
|
"license": "MIT",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@fluentui-react-native/immutable-merge": "^1.
|
|
31
|
-
"@fluentui-react-native/use-slot": ">=0.
|
|
32
|
-
"@fluentui-react-native/use-slots": ">=0.
|
|
33
|
-
"@fluentui-react-native/use-styling": ">=0.
|
|
30
|
+
"@fluentui-react-native/immutable-merge": "^1.2.0",
|
|
31
|
+
"@fluentui-react-native/use-slot": ">=0.4.0 <1.0.0",
|
|
32
|
+
"@fluentui-react-native/use-slots": ">=0.8.0 <1.0.0",
|
|
33
|
+
"@fluentui-react-native/use-styling": ">=0.10.0 <1.0.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@fluentui-react-native/scripts": "^0.1.1",
|
|
37
|
-
"
|
|
38
|
-
"react": "
|
|
39
|
-
"react-native": "^0.68.0"
|
|
37
|
+
"react": "18.2.0",
|
|
38
|
+
"react-native": "^0.71.0"
|
|
40
39
|
},
|
|
41
40
|
"peerDependencies": {
|
|
42
|
-
"react": "
|
|
43
|
-
"react-native": "^0.
|
|
41
|
+
"react": "18.2.0",
|
|
42
|
+
"react-native": "^0.71.0"
|
|
44
43
|
},
|
|
45
44
|
"rnx-kit": {
|
|
46
45
|
"kitType": "library",
|
|
@@ -49,7 +48,7 @@
|
|
|
49
48
|
"microsoft/react-native"
|
|
50
49
|
],
|
|
51
50
|
"requirements": [
|
|
52
|
-
"react-native@0.
|
|
51
|
+
"react-native@0.71"
|
|
53
52
|
],
|
|
54
53
|
"capabilities": [
|
|
55
54
|
"core",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`composeFactory test suite Base component render 1`] = `
|
|
4
4
|
<View
|
|
5
5
|
style={
|
|
6
|
-
|
|
6
|
+
{
|
|
7
7
|
"backgroundColor": "black",
|
|
8
8
|
"borderColor": "green",
|
|
9
9
|
"borderWidth": 1,
|
|
@@ -14,7 +14,7 @@ exports[`composeFactory test suite Base component render 1`] = `
|
|
|
14
14
|
>
|
|
15
15
|
<Text
|
|
16
16
|
style={
|
|
17
|
-
|
|
17
|
+
{
|
|
18
18
|
"color": "white",
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -27,7 +27,7 @@ exports[`composeFactory test suite Base component render 1`] = `
|
|
|
27
27
|
exports[`composeFactory test suite Base component render 2`] = `
|
|
28
28
|
<View
|
|
29
29
|
style={
|
|
30
|
-
|
|
30
|
+
{
|
|
31
31
|
"backgroundColor": "pink",
|
|
32
32
|
"borderColor": "green",
|
|
33
33
|
"borderWidth": 1,
|
|
@@ -38,7 +38,7 @@ exports[`composeFactory test suite Base component render 2`] = `
|
|
|
38
38
|
>
|
|
39
39
|
<Text
|
|
40
40
|
style={
|
|
41
|
-
|
|
41
|
+
{
|
|
42
42
|
"color": "white",
|
|
43
43
|
}
|
|
44
44
|
}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
+
/** @jsxRuntime classic */
|
|
1
2
|
/** @jsx withSlots */
|
|
3
|
+
import type { ViewProps, TextProps, ColorValue } from 'react-native';
|
|
4
|
+
import { View, Text } from 'react-native';
|
|
5
|
+
|
|
2
6
|
import { withSlots } from '@fluentui-react-native/use-slot';
|
|
7
|
+
import type { ThemeHelper } from '@fluentui-react-native/use-styling';
|
|
3
8
|
import * as renderer from 'react-test-renderer';
|
|
9
|
+
|
|
4
10
|
import type { UseStyledSlots } from './composeFactory';
|
|
5
11
|
import { composeFactory } from './composeFactory';
|
|
6
|
-
import type { ViewProps, TextProps, ColorValue } from 'react-native';
|
|
7
|
-
import { View, Text } from 'react-native';
|
|
8
|
-
import type { ThemeHelper } from '@fluentui-react-native/use-styling';
|
|
9
12
|
|
|
10
13
|
type Theme = {
|
|
11
14
|
values: {
|
package/src/composeFactory.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import {
|
|
1
|
+
import type { MergeOptions } from '@fluentui-react-native/immutable-merge';
|
|
2
|
+
import { immutableMergeCore } from '@fluentui-react-native/immutable-merge';
|
|
3
3
|
import type { ComposableFunction } from '@fluentui-react-native/use-slot';
|
|
4
4
|
import { stagedComponent } from '@fluentui-react-native/use-slot';
|
|
5
5
|
import type { UseSlotOptions, Slots } from '@fluentui-react-native/use-slots';
|
|
6
6
|
import { buildUseSlots } from '@fluentui-react-native/use-slots';
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
7
|
+
import { buildUseStyling } from '@fluentui-react-native/use-styling';
|
|
8
|
+
import type { UseStylingOptions, TokenSettings, ThemeHelper, HasLayer } from '@fluentui-react-native/use-styling';
|
|
9
9
|
|
|
10
10
|
export type UseStyledSlots<TProps, TSlotProps> = (props: TProps, lookup?: HasLayer) => Slots<TSlotProps>;
|
|
11
11
|
|