@fluentui-react-native/experimental-shadow 0.2.69 → 0.2.71
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 +49 -1
- package/CHANGELOG.md +21 -2
- package/lib/Shadow.d.ts.map +1 -1
- package/lib/Shadow.js +14 -11
- package/lib/Shadow.js.map +1 -1
- package/lib/Shadow.types.d.ts +1 -1
- package/lib/Shadow.types.d.ts.map +1 -1
- package/lib/Shadow.types.js.map +1 -1
- package/lib/__tests__/Shadow.test.js +11 -8
- package/lib/__tests__/Shadow.test.js.map +1 -1
- package/lib/shadowStyle.d.ts.map +1 -1
- package/lib/shadowStyle.js +1 -1
- package/lib/shadowStyle.js.map +1 -1
- package/lib-commonjs/Shadow.d.ts.map +1 -1
- package/lib-commonjs/Shadow.js +14 -11
- package/lib-commonjs/Shadow.js.map +1 -1
- package/lib-commonjs/Shadow.types.d.ts +1 -1
- package/lib-commonjs/Shadow.types.d.ts.map +1 -1
- package/lib-commonjs/Shadow.types.js.map +1 -1
- package/lib-commonjs/__tests__/Shadow.test.js +11 -8
- package/lib-commonjs/__tests__/Shadow.test.js.map +1 -1
- package/lib-commonjs/shadowStyle.d.ts.map +1 -1
- package/lib-commonjs/shadowStyle.js +1 -1
- package/lib-commonjs/shadowStyle.js.map +1 -1
- package/package.json +4 -4
- package/src/Shadow.tsx +67 -62
- package/src/Shadow.types.ts +2 -1
- package/src/__tests__/Shadow.test.tsx +16 -9
- package/src/__tests__/__snapshots__/Shadow.test.tsx.snap +52 -571
- package/src/shadowStyle.ts +3 -2
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,55 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/experimental-shadow",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Fri, 24 Feb 2023
|
|
5
|
+
"date": "Fri, 24 Feb 2023 23:52:48 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/experimental-shadow_v0.2.71",
|
|
7
|
+
"version": "0.2.71",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "78454019+lyzhan7@users.noreply.github.com",
|
|
12
|
+
"package": "@fluentui-react-native/experimental-shadow",
|
|
13
|
+
"commit": "18aa3e636f05bd4a957e85842cbe8c172f040211",
|
|
14
|
+
"comment": "Update shadow component to only set a style prop if it is defined"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Fri, 24 Feb 2023 20:39:58 GMT",
|
|
21
|
+
"tag": "@fluentui-react-native/experimental-shadow_v0.2.70",
|
|
22
|
+
"version": "0.2.70",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "78454019+lyzhan7@users.noreply.github.com",
|
|
27
|
+
"package": "@fluentui-react-native/experimental-shadow",
|
|
28
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2",
|
|
29
|
+
"comment": "Order imports"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"author": "beachball",
|
|
33
|
+
"package": "@fluentui-react-native/experimental-shadow",
|
|
34
|
+
"comment": "Bump @fluentui-react-native/framework to v0.9.3",
|
|
35
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"author": "beachball",
|
|
39
|
+
"package": "@fluentui-react-native/experimental-shadow",
|
|
40
|
+
"comment": "Bump @fluentui-react-native/pressable to v0.9.59",
|
|
41
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"author": "beachball",
|
|
45
|
+
"package": "@fluentui-react-native/experimental-shadow",
|
|
46
|
+
"comment": "Bump @fluentui-react-native/theme-types to v0.30.3",
|
|
47
|
+
"commit": "743bd1507af336a62946361f3fe3c800ae5bd4c2"
|
|
48
|
+
}
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"date": "Fri, 24 Feb 2023 02:22:40 GMT",
|
|
6
54
|
"tag": "@fluentui-react-native/experimental-shadow_v0.2.69",
|
|
7
55
|
"version": "0.2.69",
|
|
8
56
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,31 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/experimental-shadow
|
|
2
2
|
|
|
3
|
-
This log was last generated on Fri, 24 Feb 2023
|
|
3
|
+
This log was last generated on Fri, 24 Feb 2023 23:52:48 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.2.71
|
|
8
|
+
|
|
9
|
+
Fri, 24 Feb 2023 23:52:48 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Update shadow component to only set a style prop if it is defined (78454019+lyzhan7@users.noreply.github.com)
|
|
14
|
+
|
|
15
|
+
## 0.2.70
|
|
16
|
+
|
|
17
|
+
Fri, 24 Feb 2023 20:39:58 GMT
|
|
18
|
+
|
|
19
|
+
### Patches
|
|
20
|
+
|
|
21
|
+
- Order imports (78454019+lyzhan7@users.noreply.github.com)
|
|
22
|
+
- Bump @fluentui-react-native/framework to v0.9.3
|
|
23
|
+
- Bump @fluentui-react-native/pressable to v0.9.59
|
|
24
|
+
- Bump @fluentui-react-native/theme-types to v0.30.3
|
|
25
|
+
|
|
7
26
|
## 0.2.69
|
|
8
27
|
|
|
9
|
-
Fri, 24 Feb 2023 02:
|
|
28
|
+
Fri, 24 Feb 2023 02:22:40 GMT
|
|
10
29
|
|
|
11
30
|
### Patches
|
|
12
31
|
|
package/lib/Shadow.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,eAAO,MAAM,MAAM,4EAyBjB,CAAC;AAqHH,eAAe,MAAM,CAAC"}
|
package/lib/Shadow.js
CHANGED
|
@@ -22,10 +22,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import * as React from 'react';
|
|
24
24
|
import { View } from 'react-native';
|
|
25
|
-
import { shadowName } from './Shadow.types';
|
|
26
25
|
import { mergeProps, stagedComponent } from '@fluentui-react-native/framework';
|
|
27
|
-
import { getShadowTokenStyleSet } from './shadowStyle';
|
|
28
26
|
import { memoize } from '@fluentui-react-native/framework';
|
|
27
|
+
import { shadowName } from './Shadow.types';
|
|
28
|
+
import { getShadowTokenStyleSet } from './shadowStyle';
|
|
29
29
|
export var Shadow = stagedComponent(function (props) {
|
|
30
30
|
return function (final, children) {
|
|
31
31
|
if (!props.shadowToken) {
|
|
@@ -50,21 +50,24 @@ var getStylePropsForShadowViews = memoize(getStylePropsForShadowViewsWorker);
|
|
|
50
50
|
function getStylePropsForShadowViewsWorker(childStyleProps, shadowToken) {
|
|
51
51
|
if (childStyleProps === void 0) { childStyleProps = {}; }
|
|
52
52
|
var shadowTokenStyleSet = getShadowTokenStyleSet(shadowToken);
|
|
53
|
-
var borderBottomWidth = childStyleProps.borderBottomWidth, borderEndWidth = childStyleProps.borderEndWidth, borderLeftWidth = childStyleProps.borderLeftWidth, borderRightWidth = childStyleProps.borderRightWidth, borderStartWidth = childStyleProps.borderStartWidth, borderTopWidth = childStyleProps.borderTopWidth, borderWidth = childStyleProps.borderWidth, margin = childStyleProps.margin, marginBottom = childStyleProps.marginBottom, marginEnd = childStyleProps.marginEnd, marginHorizontal = childStyleProps.marginHorizontal, marginLeft = childStyleProps.marginLeft, marginRight = childStyleProps.marginRight, marginStart = childStyleProps.marginStart, marginTop = childStyleProps.marginTop, marginVertical = childStyleProps.marginVertical, padding = childStyleProps.padding, paddingBottom = childStyleProps.paddingBottom, paddingEnd = childStyleProps.paddingEnd, paddingHorizontal = childStyleProps.paddingHorizontal, paddingLeft = childStyleProps.paddingLeft, paddingRight = childStyleProps.paddingRight, paddingStart = childStyleProps.paddingStart, paddingTop = childStyleProps.paddingTop, paddingVertical = childStyleProps.paddingVertical, alignItems = childStyleProps.alignItems, flexWrap = childStyleProps.flexWrap, flexDirection = childStyleProps.flexDirection, start = childStyleProps.start, end = childStyleProps.end, left = childStyleProps.left, right = childStyleProps.right, top = childStyleProps.top, bottom = childStyleProps.bottom, restOfChildStyleProps = __rest(childStyleProps, ["borderBottomWidth", "borderEndWidth", "borderLeftWidth", "borderRightWidth", "borderStartWidth", "borderTopWidth", "borderWidth", "margin", "marginBottom", "marginEnd", "marginHorizontal", "marginLeft", "marginRight", "marginStart", "marginTop", "marginVertical", "padding", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingLeft", "paddingRight", "paddingStart", "paddingTop", "paddingVertical", "alignItems", "flexWrap", "flexDirection", "start", "end", "left", "right", "top", "bottom"]);
|
|
54
53
|
if (__DEV__) {
|
|
55
54
|
if (!childStyleProps.backgroundColor) {
|
|
56
55
|
console.warn('The View that the Shadow is set on must have a background color set');
|
|
57
56
|
}
|
|
58
57
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
},
|
|
66
|
-
};
|
|
58
|
+
var borderBottomWidth = childStyleProps.borderBottomWidth, borderEndWidth = childStyleProps.borderEndWidth, borderLeftWidth = childStyleProps.borderLeftWidth, borderRightWidth = childStyleProps.borderRightWidth, borderStartWidth = childStyleProps.borderStartWidth, borderTopWidth = childStyleProps.borderTopWidth, borderWidth = childStyleProps.borderWidth, margin = childStyleProps.margin, marginBottom = childStyleProps.marginBottom, marginEnd = childStyleProps.marginEnd, marginHorizontal = childStyleProps.marginHorizontal, marginLeft = childStyleProps.marginLeft, marginRight = childStyleProps.marginRight, marginStart = childStyleProps.marginStart, marginTop = childStyleProps.marginTop, marginVertical = childStyleProps.marginVertical, padding = childStyleProps.padding, paddingBottom = childStyleProps.paddingBottom, paddingEnd = childStyleProps.paddingEnd, paddingHorizontal = childStyleProps.paddingHorizontal, paddingLeft = childStyleProps.paddingLeft, paddingRight = childStyleProps.paddingRight, paddingStart = childStyleProps.paddingStart, paddingTop = childStyleProps.paddingTop, paddingVertical = childStyleProps.paddingVertical, alignItems = childStyleProps.alignItems, flexWrap = childStyleProps.flexWrap, flexDirection = childStyleProps.flexDirection, start = childStyleProps.start, end = childStyleProps.end, left = childStyleProps.left, right = childStyleProps.right, top = childStyleProps.top, bottom = childStyleProps.bottom, restOfChildStyleProps = __rest(childStyleProps, ["borderBottomWidth", "borderEndWidth", "borderLeftWidth", "borderRightWidth", "borderStartWidth", "borderTopWidth", "borderWidth", "margin", "marginBottom", "marginEnd", "marginHorizontal", "marginLeft", "marginRight", "marginStart", "marginTop", "marginVertical", "padding", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingLeft", "paddingRight", "paddingStart", "paddingTop", "paddingVertical", "alignItems", "flexWrap", "flexDirection", "start", "end", "left", "right", "top", "bottom"]);
|
|
59
|
+
// Remove undefined properties, otherwise every prop will be added and be set to
|
|
60
|
+
// undefined, which can cause unexpected behaviour with some of the styles
|
|
61
|
+
var innerStyle = removeUndefinedProperties(__assign(__assign({ borderBottomWidth: borderBottomWidth, borderEndWidth: borderEndWidth, borderLeftWidth: borderLeftWidth, borderRightWidth: borderRightWidth, borderStartWidth: borderStartWidth, borderTopWidth: borderTopWidth, borderWidth: borderWidth, padding: padding, paddingBottom: paddingBottom, paddingEnd: paddingEnd, paddingHorizontal: paddingHorizontal, paddingLeft: paddingLeft, paddingRight: paddingRight, paddingStart: paddingStart, paddingTop: paddingTop, paddingVertical: paddingVertical, alignItems: alignItems, flexWrap: flexWrap, flexDirection: flexDirection }, shadowTokenStyleSet.key), restOfChildStyleProps));
|
|
62
|
+
var outerStyle = removeUndefinedProperties(__assign(__assign({ margin: margin, marginBottom: marginBottom, marginEnd: marginEnd, marginHorizontal: marginHorizontal, marginLeft: marginLeft, marginRight: marginRight, marginStart: marginStart, marginTop: marginTop, marginVertical: marginVertical, start: start, end: end, left: left, right: right, top: top, bottom: bottom }, shadowTokenStyleSet.ambient), restOfChildStyleProps));
|
|
63
|
+
return { inner: { style: innerStyle }, outer: { style: outerStyle } };
|
|
67
64
|
}
|
|
65
|
+
var removeUndefinedProperties = function (object) {
|
|
66
|
+
return Object.fromEntries(Object.entries(object).filter(function (_a) {
|
|
67
|
+
var _ = _a[0], v = _a[1];
|
|
68
|
+
return v != null;
|
|
69
|
+
}));
|
|
70
|
+
};
|
|
68
71
|
Shadow.displayName = shadowName;
|
|
69
72
|
export default Shadow;
|
|
70
73
|
//# sourceMappingURL=Shadow.js.map
|
package/lib/Shadow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.js","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Shadow.js","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"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"}
|
package/lib/Shadow.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { ShadowToken } from '@fluentui-react-native/theme-types';
|
|
2
1
|
import type { ViewProps } from 'react-native';
|
|
2
|
+
import type { ShadowToken } from '@fluentui-react-native/theme-types';
|
|
3
3
|
export declare const shadowName = "Shadow";
|
|
4
4
|
export interface ShadowProps extends ViewProps {
|
|
5
5
|
shadowToken?: ShadowToken;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.types.d.ts","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Shadow.types.d.ts","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEtE,eAAO,MAAM,UAAU,WAAW,CAAC;AAEnC,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B"}
|
package/lib/Shadow.types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Text, View } from 'react-native';
|
|
3
|
-
import { Shadow } from '../Shadow';
|
|
4
3
|
import { mergeStyles, useFluentTheme } from '@fluentui-react-native/framework';
|
|
5
|
-
import * as renderer from 'react-test-renderer';
|
|
6
|
-
import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools';
|
|
7
4
|
import { Pressable } from '@fluentui-react-native/pressable';
|
|
5
|
+
import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools';
|
|
6
|
+
import * as renderer from 'react-test-renderer';
|
|
7
|
+
import { Shadow } from '../Shadow';
|
|
8
8
|
var backgroundColor = { backgroundColor: 'red' };
|
|
9
9
|
var TestShadow = function (props) {
|
|
10
10
|
var theme = useFluentTheme();
|
|
@@ -12,10 +12,13 @@ var TestShadow = function (props) {
|
|
|
12
12
|
React.createElement(View, { style: backgroundColor },
|
|
13
13
|
React.createElement(Text, null, props.displayText))));
|
|
14
14
|
};
|
|
15
|
-
var
|
|
15
|
+
var TestPressableWithAndWithoutShadow = function () {
|
|
16
16
|
var theme = useFluentTheme();
|
|
17
|
-
return (React.createElement(
|
|
18
|
-
React.createElement(
|
|
17
|
+
return (React.createElement(View, null,
|
|
18
|
+
React.createElement(Shadow, { shadowToken: theme.shadows['shadow16'] },
|
|
19
|
+
React.createElement(Pressable, { style: backgroundColor })),
|
|
20
|
+
React.createElement(View, null,
|
|
21
|
+
React.createElement(Pressable, { style: backgroundColor }))));
|
|
19
22
|
};
|
|
20
23
|
var TestShadowOnChildViewWithProps = function (props) {
|
|
21
24
|
var theme = useFluentTheme();
|
|
@@ -78,8 +81,8 @@ describe('Shadow component tests', function () {
|
|
|
78
81
|
var tree = renderer.create(React.createElement(TestShadow, { displayText: "Brand shadow (depth=64)", depth: "shadow64brand" })).toJSON();
|
|
79
82
|
expect(tree).toMatchSnapshot();
|
|
80
83
|
});
|
|
81
|
-
it('Pressable that has a shadow', function () {
|
|
82
|
-
var tree = renderer.create(React.createElement(
|
|
84
|
+
it('Pressable that has a shadow vs. pressable without shadow', function () {
|
|
85
|
+
var tree = renderer.create(React.createElement(TestPressableWithAndWithoutShadow, null)).toJSON();
|
|
83
86
|
expect(tree).toMatchSnapshot();
|
|
84
87
|
});
|
|
85
88
|
it('Shadow on a child with margin and padding', function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.test.js","sourceRoot":"","sources":["../../src/__tests__/Shadow.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Shadow.test.js","sourceRoot":"","sources":["../../src/__tests__/Shadow.test.tsx"],"names":[],"mappings":"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"}
|
package/lib/shadowStyle.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadowStyle.d.ts","sourceRoot":"","sources":["../src/shadowStyle.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"shadowStyle.d.ts","sourceRoot":"","sources":["../src/shadowStyle.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAWtE,eAAO,MAAM,sBAAsB,qCAAwC,CAAC;AAE5E,iBAAS,4BAA4B,CAAC,WAAW,EAAE,WAAW;;;;;;;;;;;;;;;;;;;EAyB7D"}
|
package/lib/shadowStyle.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { memoize } from '@fluentui-react-native/framework';
|
|
2
1
|
import { Platform } from 'react-native';
|
|
2
|
+
import { memoize } from '@fluentui-react-native/framework';
|
|
3
3
|
/**
|
|
4
4
|
* For iOS/macOS, the blur property from the token is not the same as the shadow radius value,
|
|
5
5
|
* it needs to be divided by 2 to achieve the same effect.
|
package/lib/shadowStyle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadowStyle.js","sourceRoot":"","sources":["../src/shadowStyle.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"shadowStyle.js","sourceRoot":"","sources":["../src/shadowStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAG3D;;;;;GAKG;AACH,IAAM,yBAAyB,GAAG,GAAG,CAAC;AACtC,IAAM,2BAA2B,GAAG,CAAC,CAAC;AAEtC,MAAM,CAAC,IAAM,sBAAsB,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAE5E,SAAS,4BAA4B,CAAC,WAAwB;IAC5D,IAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC;IAClC,IAAM,aAAa,GAAG,WAAW,CAAC,OAAO,CAAC;IAC1C,IAAM,oBAAoB,GAAG,QAAQ,CAAC,EAAE,KAAK,OAAO,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,2BAA2B,CAAC;IAExI,OAAO;QACL,GAAG,EAAE;YACH,WAAW,EAAE,wBAAwB,CAAC,SAAS,CAAC,KAAK,CAAC;YACtD,aAAa,EAAE,0BAA0B,CAAC,SAAS,CAAC,KAAK,CAAC;YAC1D,YAAY,EAAE,SAAS,CAAC,IAAI,GAAG,oBAAoB;YACnD,YAAY,EAAE;gBACZ,KAAK,EAAE,SAAS,CAAC,CAAC;gBAClB,MAAM,EAAE,SAAS,CAAC,CAAC;aACpB;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,wBAAwB,CAAC,aAAa,CAAC,KAAK,CAAC;YAC1D,aAAa,EAAE,0BAA0B,CAAC,aAAa,CAAC,KAAK,CAAC;YAC9D,YAAY,EAAE,aAAa,CAAC,IAAI,GAAG,oBAAoB;YACvD,YAAY,EAAE;gBACZ,KAAK,EAAE,aAAa,CAAC,CAAC;gBACtB,MAAM,EAAE,aAAa,CAAC,CAAC;aACxB;SACF;KACF,CAAC;AACJ,CAAC;AAED,IAAM,wBAAwB,GAAG,UAAC,SAAqB;IACrD,OAAO,SAAS,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC;AAEF,IAAM,0BAA0B,GAAG,UAAC,SAAqB;IACvD,IAAM,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;IAEtD,8BAA8B;IAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAClD,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,eAAO,MAAM,MAAM,4EAyBjB,CAAC;AAqHH,eAAe,MAAM,CAAC"}
|
package/lib-commonjs/Shadow.js
CHANGED
|
@@ -48,10 +48,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
48
48
|
exports.Shadow = void 0;
|
|
49
49
|
var React = __importStar(require("react"));
|
|
50
50
|
var react_native_1 = require("react-native");
|
|
51
|
-
var Shadow_types_1 = require("./Shadow.types");
|
|
52
51
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
53
|
-
var shadowStyle_1 = require("./shadowStyle");
|
|
54
52
|
var framework_2 = require("@fluentui-react-native/framework");
|
|
53
|
+
var Shadow_types_1 = require("./Shadow.types");
|
|
54
|
+
var shadowStyle_1 = require("./shadowStyle");
|
|
55
55
|
exports.Shadow = (0, framework_1.stagedComponent)(function (props) {
|
|
56
56
|
return function (final, children) {
|
|
57
57
|
if (!props.shadowToken) {
|
|
@@ -76,21 +76,24 @@ var getStylePropsForShadowViews = (0, framework_2.memoize)(getStylePropsForShado
|
|
|
76
76
|
function getStylePropsForShadowViewsWorker(childStyleProps, shadowToken) {
|
|
77
77
|
if (childStyleProps === void 0) { childStyleProps = {}; }
|
|
78
78
|
var shadowTokenStyleSet = (0, shadowStyle_1.getShadowTokenStyleSet)(shadowToken);
|
|
79
|
-
var borderBottomWidth = childStyleProps.borderBottomWidth, borderEndWidth = childStyleProps.borderEndWidth, borderLeftWidth = childStyleProps.borderLeftWidth, borderRightWidth = childStyleProps.borderRightWidth, borderStartWidth = childStyleProps.borderStartWidth, borderTopWidth = childStyleProps.borderTopWidth, borderWidth = childStyleProps.borderWidth, margin = childStyleProps.margin, marginBottom = childStyleProps.marginBottom, marginEnd = childStyleProps.marginEnd, marginHorizontal = childStyleProps.marginHorizontal, marginLeft = childStyleProps.marginLeft, marginRight = childStyleProps.marginRight, marginStart = childStyleProps.marginStart, marginTop = childStyleProps.marginTop, marginVertical = childStyleProps.marginVertical, padding = childStyleProps.padding, paddingBottom = childStyleProps.paddingBottom, paddingEnd = childStyleProps.paddingEnd, paddingHorizontal = childStyleProps.paddingHorizontal, paddingLeft = childStyleProps.paddingLeft, paddingRight = childStyleProps.paddingRight, paddingStart = childStyleProps.paddingStart, paddingTop = childStyleProps.paddingTop, paddingVertical = childStyleProps.paddingVertical, alignItems = childStyleProps.alignItems, flexWrap = childStyleProps.flexWrap, flexDirection = childStyleProps.flexDirection, start = childStyleProps.start, end = childStyleProps.end, left = childStyleProps.left, right = childStyleProps.right, top = childStyleProps.top, bottom = childStyleProps.bottom, restOfChildStyleProps = __rest(childStyleProps, ["borderBottomWidth", "borderEndWidth", "borderLeftWidth", "borderRightWidth", "borderStartWidth", "borderTopWidth", "borderWidth", "margin", "marginBottom", "marginEnd", "marginHorizontal", "marginLeft", "marginRight", "marginStart", "marginTop", "marginVertical", "padding", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingLeft", "paddingRight", "paddingStart", "paddingTop", "paddingVertical", "alignItems", "flexWrap", "flexDirection", "start", "end", "left", "right", "top", "bottom"]);
|
|
80
79
|
if (__DEV__) {
|
|
81
80
|
if (!childStyleProps.backgroundColor) {
|
|
82
81
|
console.warn('The View that the Shadow is set on must have a background color set');
|
|
83
82
|
}
|
|
84
83
|
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
},
|
|
92
|
-
};
|
|
84
|
+
var borderBottomWidth = childStyleProps.borderBottomWidth, borderEndWidth = childStyleProps.borderEndWidth, borderLeftWidth = childStyleProps.borderLeftWidth, borderRightWidth = childStyleProps.borderRightWidth, borderStartWidth = childStyleProps.borderStartWidth, borderTopWidth = childStyleProps.borderTopWidth, borderWidth = childStyleProps.borderWidth, margin = childStyleProps.margin, marginBottom = childStyleProps.marginBottom, marginEnd = childStyleProps.marginEnd, marginHorizontal = childStyleProps.marginHorizontal, marginLeft = childStyleProps.marginLeft, marginRight = childStyleProps.marginRight, marginStart = childStyleProps.marginStart, marginTop = childStyleProps.marginTop, marginVertical = childStyleProps.marginVertical, padding = childStyleProps.padding, paddingBottom = childStyleProps.paddingBottom, paddingEnd = childStyleProps.paddingEnd, paddingHorizontal = childStyleProps.paddingHorizontal, paddingLeft = childStyleProps.paddingLeft, paddingRight = childStyleProps.paddingRight, paddingStart = childStyleProps.paddingStart, paddingTop = childStyleProps.paddingTop, paddingVertical = childStyleProps.paddingVertical, alignItems = childStyleProps.alignItems, flexWrap = childStyleProps.flexWrap, flexDirection = childStyleProps.flexDirection, start = childStyleProps.start, end = childStyleProps.end, left = childStyleProps.left, right = childStyleProps.right, top = childStyleProps.top, bottom = childStyleProps.bottom, restOfChildStyleProps = __rest(childStyleProps, ["borderBottomWidth", "borderEndWidth", "borderLeftWidth", "borderRightWidth", "borderStartWidth", "borderTopWidth", "borderWidth", "margin", "marginBottom", "marginEnd", "marginHorizontal", "marginLeft", "marginRight", "marginStart", "marginTop", "marginVertical", "padding", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingLeft", "paddingRight", "paddingStart", "paddingTop", "paddingVertical", "alignItems", "flexWrap", "flexDirection", "start", "end", "left", "right", "top", "bottom"]);
|
|
85
|
+
// Remove undefined properties, otherwise every prop will be added and be set to
|
|
86
|
+
// undefined, which can cause unexpected behaviour with some of the styles
|
|
87
|
+
var innerStyle = removeUndefinedProperties(__assign(__assign({ borderBottomWidth: borderBottomWidth, borderEndWidth: borderEndWidth, borderLeftWidth: borderLeftWidth, borderRightWidth: borderRightWidth, borderStartWidth: borderStartWidth, borderTopWidth: borderTopWidth, borderWidth: borderWidth, padding: padding, paddingBottom: paddingBottom, paddingEnd: paddingEnd, paddingHorizontal: paddingHorizontal, paddingLeft: paddingLeft, paddingRight: paddingRight, paddingStart: paddingStart, paddingTop: paddingTop, paddingVertical: paddingVertical, alignItems: alignItems, flexWrap: flexWrap, flexDirection: flexDirection }, shadowTokenStyleSet.key), restOfChildStyleProps));
|
|
88
|
+
var outerStyle = removeUndefinedProperties(__assign(__assign({ margin: margin, marginBottom: marginBottom, marginEnd: marginEnd, marginHorizontal: marginHorizontal, marginLeft: marginLeft, marginRight: marginRight, marginStart: marginStart, marginTop: marginTop, marginVertical: marginVertical, start: start, end: end, left: left, right: right, top: top, bottom: bottom }, shadowTokenStyleSet.ambient), restOfChildStyleProps));
|
|
89
|
+
return { inner: { style: innerStyle }, outer: { style: outerStyle } };
|
|
93
90
|
}
|
|
91
|
+
var removeUndefinedProperties = function (object) {
|
|
92
|
+
return Object.fromEntries(Object.entries(object).filter(function (_a) {
|
|
93
|
+
var _ = _a[0], v = _a[1];
|
|
94
|
+
return v != null;
|
|
95
|
+
}));
|
|
96
|
+
};
|
|
94
97
|
exports.Shadow.displayName = Shadow_types_1.shadowName;
|
|
95
98
|
exports.default = exports.Shadow;
|
|
96
99
|
//# sourceMappingURL=Shadow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.js","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,6CAAoC;AAEpC
|
|
1
|
+
{"version":3,"file":"Shadow.js","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { ShadowToken } from '@fluentui-react-native/theme-types';
|
|
2
1
|
import type { ViewProps } from 'react-native';
|
|
2
|
+
import type { ShadowToken } from '@fluentui-react-native/theme-types';
|
|
3
3
|
export declare const shadowName = "Shadow";
|
|
4
4
|
export interface ShadowProps extends ViewProps {
|
|
5
5
|
shadowToken?: ShadowToken;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.types.d.ts","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Shadow.types.d.ts","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEtE,eAAO,MAAM,UAAU,WAAW,CAAC;AAEnC,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":";;;AAIa,QAAA,UAAU,GAAG,QAAQ,CAAC"}
|
|
@@ -25,11 +25,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
var React = __importStar(require("react"));
|
|
27
27
|
var react_native_1 = require("react-native");
|
|
28
|
-
var Shadow_1 = require("../Shadow");
|
|
29
28
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
30
|
-
var renderer = __importStar(require("react-test-renderer"));
|
|
31
|
-
var test_tools_1 = require("@fluentui-react-native/test-tools");
|
|
32
29
|
var pressable_1 = require("@fluentui-react-native/pressable");
|
|
30
|
+
var test_tools_1 = require("@fluentui-react-native/test-tools");
|
|
31
|
+
var renderer = __importStar(require("react-test-renderer"));
|
|
32
|
+
var Shadow_1 = require("../Shadow");
|
|
33
33
|
var backgroundColor = { backgroundColor: 'red' };
|
|
34
34
|
var TestShadow = function (props) {
|
|
35
35
|
var theme = (0, framework_1.useFluentTheme)();
|
|
@@ -37,10 +37,13 @@ var TestShadow = function (props) {
|
|
|
37
37
|
React.createElement(react_native_1.View, { style: backgroundColor },
|
|
38
38
|
React.createElement(react_native_1.Text, null, props.displayText))));
|
|
39
39
|
};
|
|
40
|
-
var
|
|
40
|
+
var TestPressableWithAndWithoutShadow = function () {
|
|
41
41
|
var theme = (0, framework_1.useFluentTheme)();
|
|
42
|
-
return (React.createElement(
|
|
43
|
-
React.createElement(
|
|
42
|
+
return (React.createElement(react_native_1.View, null,
|
|
43
|
+
React.createElement(Shadow_1.Shadow, { shadowToken: theme.shadows['shadow16'] },
|
|
44
|
+
React.createElement(pressable_1.Pressable, { style: backgroundColor })),
|
|
45
|
+
React.createElement(react_native_1.View, null,
|
|
46
|
+
React.createElement(pressable_1.Pressable, { style: backgroundColor }))));
|
|
44
47
|
};
|
|
45
48
|
var TestShadowOnChildViewWithProps = function (props) {
|
|
46
49
|
var theme = (0, framework_1.useFluentTheme)();
|
|
@@ -103,8 +106,8 @@ describe('Shadow component tests', function () {
|
|
|
103
106
|
var tree = renderer.create(React.createElement(TestShadow, { displayText: "Brand shadow (depth=64)", depth: "shadow64brand" })).toJSON();
|
|
104
107
|
expect(tree).toMatchSnapshot();
|
|
105
108
|
});
|
|
106
|
-
it('Pressable that has a shadow', function () {
|
|
107
|
-
var tree = renderer.create(React.createElement(
|
|
109
|
+
it('Pressable that has a shadow vs. pressable without shadow', function () {
|
|
110
|
+
var tree = renderer.create(React.createElement(TestPressableWithAndWithoutShadow, null)).toJSON();
|
|
108
111
|
expect(tree).toMatchSnapshot();
|
|
109
112
|
});
|
|
110
113
|
it('Shadow on a child with margin and padding', function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.test.js","sourceRoot":"","sources":["../../src/__tests__/Shadow.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,6CAA0C;
|
|
1
|
+
{"version":3,"file":"Shadow.test.js","sourceRoot":"","sources":["../../src/__tests__/Shadow.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadowStyle.d.ts","sourceRoot":"","sources":["../src/shadowStyle.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"shadowStyle.d.ts","sourceRoot":"","sources":["../src/shadowStyle.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAWtE,eAAO,MAAM,sBAAsB,qCAAwC,CAAC;AAE5E,iBAAS,4BAA4B,CAAC,WAAW,EAAE,WAAW;;;;;;;;;;;;;;;;;;;EAyB7D"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getShadowTokenStyleSet = void 0;
|
|
4
|
-
var framework_1 = require("@fluentui-react-native/framework");
|
|
5
4
|
var react_native_1 = require("react-native");
|
|
5
|
+
var framework_1 = require("@fluentui-react-native/framework");
|
|
6
6
|
/**
|
|
7
7
|
* For iOS/macOS, the blur property from the token is not the same as the shadow radius value,
|
|
8
8
|
* it needs to be divided by 2 to achieve the same effect.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadowStyle.js","sourceRoot":"","sources":["../src/shadowStyle.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"shadowStyle.js","sourceRoot":"","sources":["../src/shadowStyle.ts"],"names":[],"mappings":";;;AACA,6CAAwC;AAExC,8DAA2D;AAG3D;;;;;GAKG;AACH,IAAM,yBAAyB,GAAG,GAAG,CAAC;AACtC,IAAM,2BAA2B,GAAG,CAAC,CAAC;AAEzB,QAAA,sBAAsB,GAAG,IAAA,mBAAO,EAAC,4BAA4B,CAAC,CAAC;AAE5E,SAAS,4BAA4B,CAAC,WAAwB;IAC5D,IAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC;IAClC,IAAM,aAAa,GAAG,WAAW,CAAC,OAAO,CAAC;IAC1C,IAAM,oBAAoB,GAAG,uBAAQ,CAAC,EAAE,KAAK,OAAO,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,2BAA2B,CAAC;IAExI,OAAO;QACL,GAAG,EAAE;YACH,WAAW,EAAE,wBAAwB,CAAC,SAAS,CAAC,KAAK,CAAC;YACtD,aAAa,EAAE,0BAA0B,CAAC,SAAS,CAAC,KAAK,CAAC;YAC1D,YAAY,EAAE,SAAS,CAAC,IAAI,GAAG,oBAAoB;YACnD,YAAY,EAAE;gBACZ,KAAK,EAAE,SAAS,CAAC,CAAC;gBAClB,MAAM,EAAE,SAAS,CAAC,CAAC;aACpB;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,wBAAwB,CAAC,aAAa,CAAC,KAAK,CAAC;YAC1D,aAAa,EAAE,0BAA0B,CAAC,aAAa,CAAC,KAAK,CAAC;YAC9D,YAAY,EAAE,aAAa,CAAC,IAAI,GAAG,oBAAoB;YACvD,YAAY,EAAE;gBACZ,KAAK,EAAE,aAAa,CAAC,CAAC;gBACtB,MAAM,EAAE,aAAa,CAAC,CAAC;aACxB;SACF;KACF,CAAC;AACJ,CAAC;AAED,IAAM,wBAAwB,GAAG,UAAC,SAAqB;IACrD,OAAO,SAAS,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC;AAEF,IAAM,0BAA0B,GAAG,UAAC,SAAqB;IACvD,IAAM,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;IAEtD,8BAA8B;IAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAClD,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/experimental-shadow",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.71",
|
|
4
4
|
"description": "A cross-platform Shadow component using the Fluent Design System",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
"directory": "packages/experimental/Shadow"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@fluentui-react-native/framework": "0.9.
|
|
26
|
-
"@fluentui-react-native/pressable": "0.9.
|
|
27
|
-
"@fluentui-react-native/theme-types": "0.30.
|
|
25
|
+
"@fluentui-react-native/framework": "0.9.3",
|
|
26
|
+
"@fluentui-react-native/pressable": "0.9.59",
|
|
27
|
+
"@fluentui-react-native/theme-types": "0.30.3"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@fluentui-react-native/eslint-config-rules": "^0.1.1",
|