@fluentui-react-native/use-slots 0.7.3 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +56 -2
- package/CHANGELOG.md +22 -2
- package/lib/buildUseSlots.test.js +1 -2
- package/lib/buildUseSlots.test.js.map +1 -1
- package/lib/useSlots.samples.test.js +3 -4
- package/lib/useSlots.samples.test.js.map +1 -1
- package/lib-commonjs/buildUseSlots.test.js +1 -2
- package/lib-commonjs/buildUseSlots.test.js.map +1 -1
- package/lib-commonjs/useSlots.samples.test.js +3 -4
- package/lib-commonjs/useSlots.samples.test.js.map +1 -1
- package/package.json +8 -8
- package/src/__snapshots__/buildUseSlots.test.tsx.snap +2 -2
- package/src/__snapshots__/useSlots.samples.test.tsx.snap +36 -36
- package/src/buildUseSlots.test.tsx +5 -2
- package/src/useSlots.samples.test.tsx +13 -10
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,61 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/use-slots",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Mon, 05 Jun 2023 19:19:50 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/use-slots_v0.8.0",
|
|
7
|
+
"version": "0.8.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "sanajmi@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/use-slots",
|
|
13
|
+
"commit": "8c0f9d27e34913da82c00299c12c399877257325",
|
|
14
|
+
"comment": "Upgrade to React Native 0.71"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/use-slots",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/use-slot to v0.4.0",
|
|
20
|
+
"commit": "8c0f9d27e34913da82c00299c12c399877257325"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/use-slots",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/merge-props to v0.6.0",
|
|
26
|
+
"commit": "8c0f9d27e34913da82c00299c12c399877257325"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Fri, 24 Feb 2023 20:40:00 GMT",
|
|
33
|
+
"tag": "@fluentui-react-native/use-slots_v0.7.4",
|
|
34
|
+
"version": "0.7.4",
|
|
35
|
+
"comments": {
|
|
36
|
+
"patch": [
|
|
37
|
+
{
|
|
38
|
+
"author": "78454019+lyzhan7@users.noreply.github.com",
|
|
39
|
+
"package": "@fluentui-react-native/use-slots",
|
|
40
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2",
|
|
41
|
+
"comment": "Order imports"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"author": "beachball",
|
|
45
|
+
"package": "@fluentui-react-native/use-slots",
|
|
46
|
+
"comment": "Bump @fluentui-react-native/use-slot to v0.3.4",
|
|
47
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"author": "beachball",
|
|
51
|
+
"package": "@fluentui-react-native/use-slots",
|
|
52
|
+
"comment": "Bump @fluentui-react-native/merge-props to v0.5.3",
|
|
53
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2"
|
|
54
|
+
}
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"date": "Thu, 02 Feb 2023 01:29:39 GMT",
|
|
6
60
|
"tag": "@fluentui-react-native/use-slots_v0.7.3",
|
|
7
61
|
"version": "0.7.3",
|
|
8
62
|
"comments": {
|
|
@@ -17,7 +71,7 @@
|
|
|
17
71
|
"author": "beachball",
|
|
18
72
|
"package": "@fluentui-react-native/use-slots",
|
|
19
73
|
"comment": "Bump @fluentui-react-native/use-slot to v0.3.3",
|
|
20
|
-
"commit": "
|
|
74
|
+
"commit": "8babef935750d57271f466a1c446e6531ee1b0a5"
|
|
21
75
|
}
|
|
22
76
|
]
|
|
23
77
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,32 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/use-slots
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 05 Jun 2023 19:19:50 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.8.0
|
|
8
|
+
|
|
9
|
+
Mon, 05 Jun 2023 19:19:50 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Upgrade to React Native 0.71 (sanajmi@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/use-slot to v0.4.0
|
|
15
|
+
- Bump @fluentui-react-native/merge-props to v0.6.0
|
|
16
|
+
|
|
17
|
+
## 0.7.4
|
|
18
|
+
|
|
19
|
+
Fri, 24 Feb 2023 20:40:00 GMT
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- Order imports (78454019+lyzhan7@users.noreply.github.com)
|
|
24
|
+
- Bump @fluentui-react-native/use-slot to v0.3.4
|
|
25
|
+
- Bump @fluentui-react-native/merge-props to v0.5.3
|
|
26
|
+
|
|
7
27
|
## 0.7.3
|
|
8
28
|
|
|
9
|
-
Thu, 02 Feb 2023 01:
|
|
29
|
+
Thu, 02 Feb 2023 01:29:39 GMT
|
|
10
30
|
|
|
11
31
|
### Patches
|
|
12
32
|
|
|
@@ -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, stagedComponent } from '@fluentui-react-native/use-slot';
|
|
14
14
|
import * as renderer from 'react-test-renderer';
|
|
15
15
|
import { buildUseSlots } from './buildUseSlots';
|
|
16
|
-
import { View, Text } from 'react-native';
|
|
17
16
|
var useSlotsBase = buildUseSlots({
|
|
18
17
|
slots: {
|
|
19
18
|
outer: View,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseSlots.test.js","sourceRoot":"","sources":["../src/buildUseSlots.test.tsx"],"names":[],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"buildUseSlots.test.js","sourceRoot":"","sources":["../src/buildUseSlots.test.tsx"],"names":[],"mappings":";;;;;;;;;;;AAGA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQhD,IAAM,YAAY,GAAG,aAAa,CAAa;IAC7C,KAAK,EAAE;QACL,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;KACd;CACF,CAAC,CAAC;AAEH,IAAM,QAAQ,GAAG,eAAe,CAAC,UAAC,KAAgB;IAChD,IAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,OAAO,UAAC,KAAgB;QACtB,IAAM,MAAM,yBAAQ,KAAK,GAAK,KAAK,CAAE,CAAC;QACtC,OAAO,CACL,UAAC,KAAK,CAAC,KAAK,eAAK,MAAM;YACrB,UAAC,KAAK,CAAC,KAAK,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;gBACpE,UAAC,KAAK,CAAC,OAAO,gBAAsB,CACxB,CACF,CACf,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,0BAA0B,EAAE;IACnC,EAAE,CAAC,yBAAyB,EAAE;QAC5B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAC5H,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
/** @jsx withSlots */
|
|
24
|
-
import { withSlots, stagedComponent } from '@fluentui-react-native/use-slot';
|
|
25
23
|
import { mergeProps } from '@fluentui-react-native/merge-props';
|
|
26
|
-
import {
|
|
27
|
-
import toJson from 'enzyme-to-json';
|
|
24
|
+
import { withSlots, stagedComponent } from '@fluentui-react-native/use-slot';
|
|
28
25
|
import { mount } from 'enzyme';
|
|
26
|
+
import toJson from 'enzyme-to-json';
|
|
27
|
+
import { buildUseSlots } from './buildUseSlots';
|
|
29
28
|
/**
|
|
30
29
|
* This file contains samples and description to help explain what the useSlots hook does and why it is useful
|
|
31
30
|
* for building components.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSlots.samples.test.js","sourceRoot":"","sources":["../src/useSlots.samples.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"useSlots.samples.test.js","sourceRoot":"","sources":["../src/useSlots.samples.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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 buildUseSlots_1 = require("./buildUseSlots");
|
|
41
|
-
var react_native_1 = require("react-native");
|
|
42
41
|
var useSlotsBase = (0, buildUseSlots_1.buildUseSlots)({
|
|
43
42
|
slots: {
|
|
44
43
|
outer: react_native_1.View,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildUseSlots.test.js","sourceRoot":"","sources":["../src/buildUseSlots.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"buildUseSlots.test.js","sourceRoot":"","sources":["../src/buildUseSlots.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,6CAA0C;AAE1C,4DAA6E;AAC7E,4DAAgD;AAEhD,iDAAgD;AAQhD,IAAM,YAAY,GAAG,IAAA,6BAAa,EAAa;IAC7C,KAAK,EAAE;QACL,KAAK,EAAE,mBAAI;QACX,KAAK,EAAE,mBAAI;QACX,OAAO,EAAE,mBAAI;KACd;CACF,CAAC,CAAC;AAEH,IAAM,QAAQ,GAAG,IAAA,0BAAe,EAAC,UAAC,KAAgB;IAChD,IAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,OAAO,UAAC,KAAgB;QACtB,IAAM,MAAM,yBAAQ,KAAK,GAAK,KAAK,CAAE,CAAC;QACtC,OAAO,CACL,0BAAC,KAAK,CAAC,KAAK,eAAK,MAAM;YACrB,0BAAC,KAAK,CAAC,KAAK,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;gBACpE,0BAAC,KAAK,CAAC,OAAO,gBAAsB,CACxB,CACF,CACf,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,0BAA0B,EAAE;IACnC,EAAE,CAAC,yBAAyB,EAAE;QAC5B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,0BAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAC5H,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -25,12 +25,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
25
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
26
|
};
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
/** @jsx withSlots */
|
|
29
|
-
var use_slot_1 = require("@fluentui-react-native/use-slot");
|
|
30
28
|
var merge_props_1 = require("@fluentui-react-native/merge-props");
|
|
31
|
-
var
|
|
32
|
-
var enzyme_to_json_1 = __importDefault(require("enzyme-to-json"));
|
|
29
|
+
var use_slot_1 = require("@fluentui-react-native/use-slot");
|
|
33
30
|
var enzyme_1 = require("enzyme");
|
|
31
|
+
var enzyme_to_json_1 = __importDefault(require("enzyme-to-json"));
|
|
32
|
+
var buildUseSlots_1 = require("./buildUseSlots");
|
|
34
33
|
/**
|
|
35
34
|
* This file contains samples and description to help explain what the useSlots hook does and why it is useful
|
|
36
35
|
* for building components.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSlots.samples.test.js","sourceRoot":"","sources":["../src/useSlots.samples.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"useSlots.samples.test.js","sourceRoot":"","sources":["../src/useSlots.samples.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,kEAAgE;AAChE,4DAA6E;AAC7E,iCAA+B;AAC/B,kEAAoC;AAEpC,iDAAgD;AAQhD;;;GAGG;AAEH,QAAQ,CAAC,iCAAiC,EAAE;IAC1C;;;OAGG;IAEH;;;;;OAKG;IAEH,IAAM,aAAa,GAAc,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,CAAC;IAEhE;;OAEG;IACH,IAAM,gBAAgB,GAAgE,UAAC,KAAyC;QAC9H;;WAEG;QACK,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAF,CAAW;QAEpC;;;WAGG;QACH,OAAO,+CAAU,IAAA,wBAAU,EAAC,aAAa,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAQ,CAAC;IACtE,CAAC,CAAC;IACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;IAElD;;;;;OAKG;IACH,IAAM,cAAc,GAAG,IAAA,0BAAe,EAAC,UAAC,KAAyC;QAC/E;;;WAGG;QACH,OAAO,UAAC,KAAgB,EAAE,QAAyB;YACjD;;;eAGG;YACH,OAAO,+CAAU,IAAA,wBAAU,EAAC,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAQ,CAAC;QAC9E,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;IAE9C;;;OAGG;IACH,EAAE,CAAC,gEAAgE,EAAE;QACnE,IAAM,YAAY,GAAc,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;QAEnD;;WAEG;QACH,IAAM,OAAO,GAAG,IAAA,cAAK,EACnB;YACE,0BAAC,cAAc,IAAC,KAAK,EAAE,YAAY,oCAAgD;YACnF,0BAAC,gBAAgB,IAAC,KAAK,EAAE,YAAY,2CAAyD,CAC1F,CACP,CAAC;QACF,MAAM,CAAC,IAAA,wBAAM,EAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH;;;;;OAKG;IACH,IAAM,eAAe,GAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC;IAE/D;;;;;OAKG;IACH,IAAM,cAAc,GAAgE,UAAC,KAAK;QAChF,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAF,CAAW;QACpC,OAAO,0BAAC,gBAAgB,eAAK,IAAA,wBAAU,EAAC,eAAe,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAoB,CAAC;IAChG,CAAC,CAAC;IACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;IAE9C;;;;;;OAMG;IACH,IAAM,cAAc,GAAG,IAAA,6BAAa,EAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC;IAE1E;;OAEG;IACH,IAAM,YAAY,GAAG,IAAA,0BAAe,EAAC,UAAC,KAAyC;QAC7E;;;;;;aAMK;QACL,IAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAE5C,4DAA4D;QAC5D,OAAO,UAAC,KAAgB,EAAE,QAAyB;YACjD;;;;;;;eAOG;YACH,OAAO,0BAAC,QAAQ,eAAK,IAAA,wBAAU,EAAC,eAAe,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAY,CAAC;QACxF,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;IAE1C;;;OAGG;IACH,EAAE,CAAC,iEAAiE,EAAE;QACpE,IAAM,YAAY,GAAc,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;QAEnD;;WAEG;QACH,IAAM,OAAO,GAAG,IAAA,cAAK,EACnB;YACE,0BAAC,YAAY,IAAC,KAAK,EAAE,YAAY,uCAAiD;YAClF,0BAAC,cAAc,IAAC,KAAK,EAAE,YAAY,yCAAqD,CACpF,CACP,CAAC;QACF,MAAM,CAAC,IAAA,wBAAM,EAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAUH,uCAAuC;IACvC,IAAM,cAAc,GAAc,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,CAAC;IAE1F;;;OAGG;IACH,IAAM,UAAU,GAAG,EAAE,CAAC;IACtB,IAAM,aAAa,GAAG,UAAC,KAAc;QACnC,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;YACrE,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF;;OAEG;IACH,IAAM,uBAAuB,GAA6E,UAAC,KAAK;QACtG,IAAA,WAAW,GAAmD,KAAK,YAAxD,EAAE,YAAY,GAAqC,KAAK,aAA1C,EAAE,WAAW,GAAwB,KAAK,YAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAArE,0DAA6D,CAAF,CAAW;QAC5E,IAAM,gBAAgB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;QACpD,IAAM,iBAAiB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;QACtD,OAAO,CACL,8CAAS,IAAA,wBAAU,EAAC,cAAc,EAAE,IAAI,CAAC;YACvC,0BAAC,cAAc,eAAK,gBAAgB,GAAG,QAAQ,CAAkB;YAChE,WAAW,IAAI,0BAAC,gBAAgB,eAAK,iBAAiB,GAAG,WAAW,CAAoB,CACrF,CACP,CAAC;IACJ,CAAC,CAAC;IACF,uBAAuB,CAAC,WAAW,GAAG,2BAA2B,CAAC;IAElE;;OAEG;IACH,IAAM,uBAAuB,GAAG,IAAA,6BAAa,EAAC;QAC5C,+EAA+E;QAC/E,KAAK,EAAE;YACL,SAAS,EAAE,KAAK;YAChB,MAAM,EAAE,YAAY;YACpB,OAAO,EAAE,cAAc;SACxB;QACD,4FAA4F;QAC5F,UAAU,EAAE,UAAC,KAA6B,IAAK,OAAA,CAAC;YAC9C,SAAS,EAAE,cAAc;YACzB,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC;YACxC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC;SAC3C,CAAC,EAJ6C,CAI7C;KACH,CAAC,CAAC;IAEH,yEAAyE;IACzE,IAAM,gBAAgB,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;IAE7E;;OAEG;IACH,IAAM,qBAAqB,GAAG,IAAA,0BAAe,EAAkD,UAAC,KAAK;QACnG,iHAAiH;QACjH,IAAM,KAAK,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;QAC7C,OAAO,UAAC,KAA6B,EAAE,QAAyB;YAC9D,4HAA4H;YAC5H,IAAM,KAA2B,IAAA,wBAAU,EAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,EAAnE,WAAW,iBAAA,EAAK,IAAI,cAAtB,eAAwB,CAA6C,CAAC;YAE5E,+GAA+G;YAC/G,OAAO,CACL,0BAAC,KAAK,CAAC,SAAS,eAAK,IAAI;gBACvB,0BAAC,KAAK,CAAC,MAAM,QAAE,QAAQ,CAAgB;gBACtC,WAAW,IAAI,0BAAC,KAAK,CAAC,OAAO,QAAE,WAAW,CAAiB,CAC5C,CACnB,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;IAE5D;;OAEG;IACH,EAAE,CAAC,oEAAoE,EAAE;QACvE,IAAM,YAAY,GAAc,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;QAEnG;;;WAGG;QACH,IAAM,OAAO,GAAG,IAAA,cAAK,EACnB;YACE,0EAA4C;YAC5C,0BAAC,uBAAuB,IAAC,KAAK,EAAE,YAAY,mBAAwC;YACpF,0BAAC,qBAAqB,IAAC,KAAK,EAAE,YAAY,iBAAoC;YAC9E,2EAA6C;YAC7C,0BAAC,uBAAuB,IAAC,KAAK,EAAE,YAAY,EAAE,WAAW,EAAC,cAAc,gCAE9C;YAC1B,0BAAC,qBAAqB,IAAC,KAAK,EAAE,YAAY,EAAE,WAAW,EAAC,cAAc,8BAE9C;YACxB,8FAAgE;YAChE,0BAAC,uBAAuB,IAAC,KAAK,EAAE,YAAY,EAAE,WAAW,EAAC,cAAc,EAAC,YAAY,EAAC,QAAQ,EAAC,WAAW,EAAC,KAAK,mDAEtF;YAC1B,0BAAC,qBAAqB,IAAC,KAAK,EAAE,YAAY,EAAE,WAAW,EAAC,cAAc,EAAC,YAAY,EAAC,QAAQ,EAAC,WAAW,EAAC,KAAK,iDAEtF,CACpB,CACP,CAAC;QACF,MAAM,CAAC,IAAA,wBAAM,EAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/use-slots",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"description": "Hook function to return styled slots",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -27,17 +27,17 @@
|
|
|
27
27
|
"author": "",
|
|
28
28
|
"license": "MIT",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@fluentui-react-native/use-slot": ">=0.
|
|
30
|
+
"@fluentui-react-native/use-slot": ">=0.4.0 <1.0.0"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@fluentui-react-native/merge-props": ">=0.
|
|
33
|
+
"@fluentui-react-native/merge-props": ">=0.6.0 <1.0.0",
|
|
34
34
|
"@fluentui-react-native/scripts": "^0.1.1",
|
|
35
|
-
"react": "
|
|
36
|
-
"react-native": "^0.
|
|
35
|
+
"react": "18.2.0",
|
|
36
|
+
"react-native": "^0.71.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"react": "
|
|
40
|
-
"react-native": "^0.
|
|
39
|
+
"react": "18.2.0",
|
|
40
|
+
"react-native": "^0.71.0"
|
|
41
41
|
},
|
|
42
42
|
"rnx-kit": {
|
|
43
43
|
"kitType": "library",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"microsoft/react-native"
|
|
47
47
|
],
|
|
48
48
|
"requirements": [
|
|
49
|
-
"react-native@0.
|
|
49
|
+
"react-native@0.71"
|
|
50
50
|
],
|
|
51
51
|
"capabilities": [
|
|
52
52
|
"core",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`buildUseSlots test suite Simple component render 1`] = `
|
|
4
4
|
<View
|
|
5
5
|
style={
|
|
6
|
-
|
|
6
|
+
{
|
|
7
7
|
"borderColor": "green",
|
|
8
8
|
"borderWidth": 1,
|
|
9
9
|
"height": 20,
|
|
@@ -13,7 +13,7 @@ exports[`buildUseSlots test suite Simple component render 1`] = `
|
|
|
13
13
|
>
|
|
14
14
|
<View
|
|
15
15
|
style={
|
|
16
|
-
|
|
16
|
+
{
|
|
17
17
|
"backgroundColor": "blue",
|
|
18
18
|
"height": 10,
|
|
19
19
|
"width": 20,
|
|
@@ -4,14 +4,14 @@ exports[`useSlots sample code test suite renders sample 1 - the two types of bas
|
|
|
4
4
|
<div>
|
|
5
5
|
<BoldTextStaged
|
|
6
6
|
style={
|
|
7
|
-
|
|
7
|
+
{
|
|
8
8
|
"color": "black",
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
>
|
|
12
12
|
<span
|
|
13
13
|
style={
|
|
14
|
-
|
|
14
|
+
{
|
|
15
15
|
"color": "black",
|
|
16
16
|
"fontWeight": 900,
|
|
17
17
|
}
|
|
@@ -22,14 +22,14 @@ exports[`useSlots sample code test suite renders sample 1 - the two types of bas
|
|
|
22
22
|
</BoldTextStaged>
|
|
23
23
|
<BoldTextStandard
|
|
24
24
|
style={
|
|
25
|
-
|
|
25
|
+
{
|
|
26
26
|
"color": "black",
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
>
|
|
30
30
|
<span
|
|
31
31
|
style={
|
|
32
|
-
|
|
32
|
+
{
|
|
33
33
|
"color": "black",
|
|
34
34
|
"fontWeight": 900,
|
|
35
35
|
}
|
|
@@ -45,14 +45,14 @@ exports[`useSlots sample code test suite renders sample 2 = the two types of two
|
|
|
45
45
|
<div>
|
|
46
46
|
<HeaderStaged
|
|
47
47
|
style={
|
|
48
|
-
|
|
48
|
+
{
|
|
49
49
|
"color": "black",
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
>
|
|
53
53
|
<span
|
|
54
54
|
style={
|
|
55
|
-
|
|
55
|
+
{
|
|
56
56
|
"color": "black",
|
|
57
57
|
"fontSize": 20,
|
|
58
58
|
"fontWeight": 900,
|
|
@@ -64,14 +64,14 @@ exports[`useSlots sample code test suite renders sample 2 = the two types of two
|
|
|
64
64
|
</HeaderStaged>
|
|
65
65
|
<HeaderStandard
|
|
66
66
|
style={
|
|
67
|
-
|
|
67
|
+
{
|
|
68
68
|
"color": "black",
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
>
|
|
72
72
|
<BoldTextStandard
|
|
73
73
|
style={
|
|
74
|
-
|
|
74
|
+
{
|
|
75
75
|
"color": "black",
|
|
76
76
|
"fontSize": 20,
|
|
77
77
|
}
|
|
@@ -79,7 +79,7 @@ exports[`useSlots sample code test suite renders sample 2 = the two types of two
|
|
|
79
79
|
>
|
|
80
80
|
<span
|
|
81
81
|
style={
|
|
82
|
-
|
|
82
|
+
{
|
|
83
83
|
"color": "black",
|
|
84
84
|
"fontSize": 20,
|
|
85
85
|
"fontWeight": 900,
|
|
@@ -100,7 +100,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
100
100
|
</span>
|
|
101
101
|
<CaptionedHeaderStandard';
|
|
102
102
|
style={
|
|
103
|
-
|
|
103
|
+
{
|
|
104
104
|
"backgroundColor": "gray",
|
|
105
105
|
"borderColor": "purple",
|
|
106
106
|
"borderWidth": 1,
|
|
@@ -109,7 +109,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
109
109
|
>
|
|
110
110
|
<div
|
|
111
111
|
style={
|
|
112
|
-
|
|
112
|
+
{
|
|
113
113
|
"backgroundColor": "gray",
|
|
114
114
|
"borderColor": "purple",
|
|
115
115
|
"borderWidth": 1,
|
|
@@ -121,14 +121,14 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
121
121
|
<HeaderStandard>
|
|
122
122
|
<BoldTextStandard
|
|
123
123
|
style={
|
|
124
|
-
|
|
124
|
+
{
|
|
125
125
|
"fontSize": 20,
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
128
|
>
|
|
129
129
|
<span
|
|
130
130
|
style={
|
|
131
|
-
|
|
131
|
+
{
|
|
132
132
|
"fontSize": 20,
|
|
133
133
|
"fontWeight": 900,
|
|
134
134
|
}
|
|
@@ -142,7 +142,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
142
142
|
</CaptionedHeaderStandard';>
|
|
143
143
|
<CaptionedHeaderStaged
|
|
144
144
|
style={
|
|
145
|
-
|
|
145
|
+
{
|
|
146
146
|
"backgroundColor": "gray",
|
|
147
147
|
"borderColor": "purple",
|
|
148
148
|
"borderWidth": 1,
|
|
@@ -151,7 +151,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
151
151
|
>
|
|
152
152
|
<div
|
|
153
153
|
style={
|
|
154
|
-
|
|
154
|
+
{
|
|
155
155
|
"backgroundColor": "gray",
|
|
156
156
|
"borderColor": "purple",
|
|
157
157
|
"borderWidth": 1,
|
|
@@ -162,7 +162,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
162
162
|
>
|
|
163
163
|
<span
|
|
164
164
|
style={
|
|
165
|
-
|
|
165
|
+
{
|
|
166
166
|
"fontSize": 20,
|
|
167
167
|
"fontWeight": 900,
|
|
168
168
|
}
|
|
@@ -178,7 +178,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
178
178
|
<CaptionedHeaderStandard';
|
|
179
179
|
captionText="Caption text"
|
|
180
180
|
style={
|
|
181
|
-
|
|
181
|
+
{
|
|
182
182
|
"backgroundColor": "gray",
|
|
183
183
|
"borderColor": "purple",
|
|
184
184
|
"borderWidth": 1,
|
|
@@ -187,7 +187,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
187
187
|
>
|
|
188
188
|
<div
|
|
189
189
|
style={
|
|
190
|
-
|
|
190
|
+
{
|
|
191
191
|
"backgroundColor": "gray",
|
|
192
192
|
"borderColor": "purple",
|
|
193
193
|
"borderWidth": 1,
|
|
@@ -199,14 +199,14 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
199
199
|
<HeaderStandard>
|
|
200
200
|
<BoldTextStandard
|
|
201
201
|
style={
|
|
202
|
-
|
|
202
|
+
{
|
|
203
203
|
"fontSize": 20,
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
206
|
>
|
|
207
207
|
<span
|
|
208
208
|
style={
|
|
209
|
-
|
|
209
|
+
{
|
|
210
210
|
"fontSize": 20,
|
|
211
211
|
"fontWeight": 900,
|
|
212
212
|
}
|
|
@@ -219,7 +219,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
219
219
|
<BoldTextStandard>
|
|
220
220
|
<span
|
|
221
221
|
style={
|
|
222
|
-
|
|
222
|
+
{
|
|
223
223
|
"fontWeight": 900,
|
|
224
224
|
}
|
|
225
225
|
}
|
|
@@ -232,7 +232,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
232
232
|
<CaptionedHeaderStaged
|
|
233
233
|
captionText="Caption text"
|
|
234
234
|
style={
|
|
235
|
-
|
|
235
|
+
{
|
|
236
236
|
"backgroundColor": "gray",
|
|
237
237
|
"borderColor": "purple",
|
|
238
238
|
"borderWidth": 1,
|
|
@@ -241,7 +241,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
241
241
|
>
|
|
242
242
|
<div
|
|
243
243
|
style={
|
|
244
|
-
|
|
244
|
+
{
|
|
245
245
|
"backgroundColor": "gray",
|
|
246
246
|
"borderColor": "purple",
|
|
247
247
|
"borderWidth": 1,
|
|
@@ -252,7 +252,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
252
252
|
>
|
|
253
253
|
<span
|
|
254
254
|
style={
|
|
255
|
-
|
|
255
|
+
{
|
|
256
256
|
"fontSize": 20,
|
|
257
257
|
"fontWeight": 900,
|
|
258
258
|
}
|
|
@@ -262,7 +262,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
262
262
|
</span>
|
|
263
263
|
<span
|
|
264
264
|
style={
|
|
265
|
-
|
|
265
|
+
{
|
|
266
266
|
"fontWeight": 900,
|
|
267
267
|
}
|
|
268
268
|
}
|
|
@@ -279,7 +279,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
279
279
|
captionText="Caption text"
|
|
280
280
|
headerColor="red"
|
|
281
281
|
style={
|
|
282
|
-
|
|
282
|
+
{
|
|
283
283
|
"backgroundColor": "gray",
|
|
284
284
|
"borderColor": "purple",
|
|
285
285
|
"borderWidth": 1,
|
|
@@ -288,7 +288,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
288
288
|
>
|
|
289
289
|
<div
|
|
290
290
|
style={
|
|
291
|
-
|
|
291
|
+
{
|
|
292
292
|
"backgroundColor": "gray",
|
|
293
293
|
"borderColor": "purple",
|
|
294
294
|
"borderWidth": 1,
|
|
@@ -299,14 +299,14 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
299
299
|
>
|
|
300
300
|
<HeaderStandard
|
|
301
301
|
style={
|
|
302
|
-
|
|
302
|
+
{
|
|
303
303
|
"color": "red",
|
|
304
304
|
}
|
|
305
305
|
}
|
|
306
306
|
>
|
|
307
307
|
<BoldTextStandard
|
|
308
308
|
style={
|
|
309
|
-
|
|
309
|
+
{
|
|
310
310
|
"color": "red",
|
|
311
311
|
"fontSize": 20,
|
|
312
312
|
}
|
|
@@ -314,7 +314,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
314
314
|
>
|
|
315
315
|
<span
|
|
316
316
|
style={
|
|
317
|
-
|
|
317
|
+
{
|
|
318
318
|
"color": "red",
|
|
319
319
|
"fontSize": 20,
|
|
320
320
|
"fontWeight": 900,
|
|
@@ -327,14 +327,14 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
327
327
|
</HeaderStandard>
|
|
328
328
|
<BoldTextStandard
|
|
329
329
|
style={
|
|
330
|
-
|
|
330
|
+
{
|
|
331
331
|
"color": "yellow",
|
|
332
332
|
}
|
|
333
333
|
}
|
|
334
334
|
>
|
|
335
335
|
<span
|
|
336
336
|
style={
|
|
337
|
-
|
|
337
|
+
{
|
|
338
338
|
"color": "yellow",
|
|
339
339
|
"fontWeight": 900,
|
|
340
340
|
}
|
|
@@ -350,7 +350,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
350
350
|
captionText="Caption text"
|
|
351
351
|
headerColor="red"
|
|
352
352
|
style={
|
|
353
|
-
|
|
353
|
+
{
|
|
354
354
|
"backgroundColor": "gray",
|
|
355
355
|
"borderColor": "purple",
|
|
356
356
|
"borderWidth": 1,
|
|
@@ -359,7 +359,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
359
359
|
>
|
|
360
360
|
<div
|
|
361
361
|
style={
|
|
362
|
-
|
|
362
|
+
{
|
|
363
363
|
"backgroundColor": "gray",
|
|
364
364
|
"borderColor": "purple",
|
|
365
365
|
"borderWidth": 1,
|
|
@@ -370,7 +370,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
370
370
|
>
|
|
371
371
|
<span
|
|
372
372
|
style={
|
|
373
|
-
|
|
373
|
+
{
|
|
374
374
|
"color": "red",
|
|
375
375
|
"fontSize": 20,
|
|
376
376
|
"fontWeight": 900,
|
|
@@ -381,7 +381,7 @@ exports[`useSlots sample code test suite renders sample 3 - the two types of hig
|
|
|
381
381
|
</span>
|
|
382
382
|
<span
|
|
383
383
|
style={
|
|
384
|
-
|
|
384
|
+
{
|
|
385
385
|
"color": "yellow",
|
|
386
386
|
"fontWeight": 900,
|
|
387
387
|
}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
/** @jsxRuntime classic */
|
|
1
2
|
/** @jsx withSlots */
|
|
3
|
+
import type { ViewProps, TextProps } from 'react-native';
|
|
4
|
+
import { View, Text } from 'react-native';
|
|
5
|
+
|
|
2
6
|
import { withSlots, stagedComponent } from '@fluentui-react-native/use-slot';
|
|
3
7
|
import * as renderer from 'react-test-renderer';
|
|
8
|
+
|
|
4
9
|
import { buildUseSlots } from './buildUseSlots';
|
|
5
|
-
import type { ViewProps, TextProps } from 'react-native';
|
|
6
|
-
import { View, Text } from 'react-native';
|
|
7
10
|
|
|
8
11
|
type SlotProps1 = {
|
|
9
12
|
outer: ViewProps;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
+
/** @jsxRuntime classic */
|
|
1
2
|
/** @jsx withSlots */
|
|
2
|
-
import {
|
|
3
|
+
import type { CSSProperties } from 'react';
|
|
4
|
+
|
|
3
5
|
import { mergeProps } from '@fluentui-react-native/merge-props';
|
|
4
|
-
import {
|
|
5
|
-
import toJson from 'enzyme-to-json';
|
|
6
|
+
import { withSlots, stagedComponent } from '@fluentui-react-native/use-slot';
|
|
6
7
|
import { mount } from 'enzyme';
|
|
7
|
-
import
|
|
8
|
+
import toJson from 'enzyme-to-json';
|
|
9
|
+
|
|
10
|
+
import { buildUseSlots } from './buildUseSlots';
|
|
8
11
|
|
|
9
12
|
// types for web
|
|
10
13
|
type TextProps = { style?: CSSProperties };
|
|
@@ -35,7 +38,7 @@ describe('useSlots sample code test suite', () => {
|
|
|
35
38
|
/**
|
|
36
39
|
* First create the bold text in the standard way. This is just a function component.
|
|
37
40
|
*/
|
|
38
|
-
const BoldTextStandard: React.FunctionComponent<TextProps
|
|
41
|
+
const BoldTextStandard: React.FunctionComponent<React.PropsWithChildren<TextProps>> = (props: React.PropsWithChildren<TextProps>) => {
|
|
39
42
|
/**
|
|
40
43
|
* Pick out the children to pass them on to the child Text element
|
|
41
44
|
*/
|
|
@@ -55,7 +58,7 @@ describe('useSlots sample code test suite', () => {
|
|
|
55
58
|
*
|
|
56
59
|
* The stagedComponent function takes an input function of this form and wraps it in a function component that react knows how to render
|
|
57
60
|
*/
|
|
58
|
-
const BoldTextStaged = stagedComponent((props: TextProps) => {
|
|
61
|
+
const BoldTextStaged = stagedComponent((props: React.PropsWithChildren<TextProps>) => {
|
|
59
62
|
/**
|
|
60
63
|
* This section would be where hook/styling code would go, props here would include everything coming in from the base react tree with the
|
|
61
64
|
* exception of children, which will be passed in stage 2.
|
|
@@ -103,7 +106,7 @@ describe('useSlots sample code test suite', () => {
|
|
|
103
106
|
*
|
|
104
107
|
* This again leverages style merging via mergeProps to avoid changing the references of the style objects on every render
|
|
105
108
|
*/
|
|
106
|
-
const HeaderStandard: React.FunctionComponent<TextProps
|
|
109
|
+
const HeaderStandard: React.FunctionComponent<React.PropsWithChildren<TextProps>> = (props) => {
|
|
107
110
|
const { children, ...rest } = props;
|
|
108
111
|
return <BoldTextStandard {...mergeProps(headerBaseProps, rest)}>{children}</BoldTextStandard>;
|
|
109
112
|
};
|
|
@@ -121,7 +124,7 @@ describe('useSlots sample code test suite', () => {
|
|
|
121
124
|
/**
|
|
122
125
|
* Now author the staged component using the slot hook
|
|
123
126
|
*/
|
|
124
|
-
const HeaderStaged = stagedComponent((props: TextProps) => {
|
|
127
|
+
const HeaderStaged = stagedComponent((props: React.PropsWithChildren<TextProps>) => {
|
|
125
128
|
/**
|
|
126
129
|
* Call the slots hook (or any hook) outside of the inner closure. The useSlots hook will return an object with each slot as a renderable
|
|
127
130
|
* function. The hooks for sub-components will be called as part of this call. Props passed in at this point will be the props that appear
|
|
@@ -192,7 +195,7 @@ describe('useSlots sample code test suite', () => {
|
|
|
192
195
|
/**
|
|
193
196
|
* now just create the component like a standard react functional component
|
|
194
197
|
*/
|
|
195
|
-
const CaptionedHeaderStandard: React.FunctionComponent<HeaderWithCaptionProps
|
|
198
|
+
const CaptionedHeaderStandard: React.FunctionComponent<React.PropsWithChildren<HeaderWithCaptionProps>> = (props) => {
|
|
196
199
|
const { headerColor, captionColor, captionText, children, ...rest } = props;
|
|
197
200
|
const headerColorProps = getColorProps(headerColor);
|
|
198
201
|
const captionColorProps = getColorProps(captionColor);
|
|
@@ -229,7 +232,7 @@ describe('useSlots sample code test suite', () => {
|
|
|
229
232
|
/**
|
|
230
233
|
* now use the hook to implement it as a staged component
|
|
231
234
|
*/
|
|
232
|
-
const CaptionedHeaderStaged = stagedComponent<HeaderWithCaptionProps
|
|
235
|
+
const CaptionedHeaderStaged = stagedComponent<React.PropsWithChildren<HeaderWithCaptionProps>>((props) => {
|
|
233
236
|
// At the point where this is called the slots are initialized with the initial prop values from useStyling above
|
|
234
237
|
const Slots = useCaptionedHeaderSlots(props);
|
|
235
238
|
return (extra: HeaderWithCaptionProps, children: React.ReactNode) => {
|