@draftbit/core 46.8.2-5a685f.2 → 46.8.2-799d91.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Image.js +17 -2
- package/lib/commonjs/components/Markdown.js +30 -0
- package/lib/commonjs/components/Portal/PortalHost.js +44 -15
- package/lib/commonjs/components/ScreenContainer.js +24 -6
- package/lib/commonjs/index.js +7 -7
- package/lib/commonjs/mappings/Markdown.js +27 -0
- package/lib/module/components/Markdown.js +20 -0
- package/lib/module/index.js +1 -1
- package/lib/module/mappings/Markdown.js +20 -0
- package/lib/typescript/src/components/Markdown.d.ts +8 -0
- package/lib/typescript/src/components/Markdown.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +1 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/Markdown.d.ts +20 -0
- package/lib/typescript/src/mappings/Markdown.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/Markdown.js +10 -0
- package/src/components/Markdown.tsx +22 -0
- package/src/index.js +1 -1
- package/src/index.tsx +2 -2
- package/src/mappings/Markdown.js +25 -0
- package/src/mappings/Markdown.ts +32 -0
- package/lib/commonjs/components/Shadow.js +0 -46
- package/lib/commonjs/mappings/Shadow.js +0 -102
- package/lib/module/components/Shadow.js +0 -38
- package/lib/module/mappings/Shadow.js +0 -95
- package/lib/typescript/src/components/Shadow.d.ts +0 -24
- package/lib/typescript/src/components/Shadow.d.ts.map +0 -1
- package/lib/typescript/src/mappings/Shadow.d.ts +0 -173
- package/lib/typescript/src/mappings/Shadow.d.ts.map +0 -1
- package/src/components/Shadow.js +0 -16
- package/src/components/Shadow.tsx +0 -62
- package/src/mappings/Shadow.js +0 -95
- package/src/mappings/Shadow.ts +0 -104
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const SEED_DATA = {
|
|
9
|
-
name: "Shadow",
|
|
10
|
-
tag: "Shadow",
|
|
11
|
-
description: "A cross-platform, universal shadow.",
|
|
12
|
-
category: _types.COMPONENT_TYPES.view,
|
|
13
|
-
stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
14
|
-
props: {
|
|
15
|
-
disabled: (0, _types.createDisabledProp)({
|
|
16
|
-
description: "Disables the shadow."
|
|
17
|
-
}),
|
|
18
|
-
startColor: (0, _types.createColorProp)({
|
|
19
|
-
label: "Start Color",
|
|
20
|
-
description: "The initial gradient color of the shadow.",
|
|
21
|
-
defaultValue: null
|
|
22
|
-
}),
|
|
23
|
-
endColor: (0, _types.createColorProp)({
|
|
24
|
-
label: "End Color",
|
|
25
|
-
description: "The final gradient color of the shadow.",
|
|
26
|
-
defaultValue: null
|
|
27
|
-
}),
|
|
28
|
-
distance: (0, _types.createStaticNumberProp)({
|
|
29
|
-
label: "Distance",
|
|
30
|
-
description: "The distance of the shadow."
|
|
31
|
-
}),
|
|
32
|
-
paintInside: (0, _types.createStaticBoolProp)({
|
|
33
|
-
label: "Paint Inside",
|
|
34
|
-
description: "Apply the shadow below/inside the content.",
|
|
35
|
-
defaultValue: false
|
|
36
|
-
}),
|
|
37
|
-
stretch: (0, _types.createStaticBoolProp)({
|
|
38
|
-
label: "Stretch",
|
|
39
|
-
description: "Force children to occupy all available horizontal space.",
|
|
40
|
-
defaultValue: null
|
|
41
|
-
}),
|
|
42
|
-
offsetX: (0, _types.createStaticNumberProp)({
|
|
43
|
-
label: "Offset X",
|
|
44
|
-
description: "Moves the shadow in the x direction",
|
|
45
|
-
defeaultValue: 0
|
|
46
|
-
}),
|
|
47
|
-
offsetY: (0, _types.createStaticNumberProp)({
|
|
48
|
-
label: "Offset Y",
|
|
49
|
-
description: "Moves the shadow in the y direction",
|
|
50
|
-
defeaultValue: 0
|
|
51
|
-
}),
|
|
52
|
-
showShadowSideStart: (0, _types.createStaticBoolProp)({
|
|
53
|
-
label: "Show Shadow Start",
|
|
54
|
-
description: "Whether to show shadow on the start side or not",
|
|
55
|
-
defaultValue: true,
|
|
56
|
-
group: _types.GROUPS.advanced
|
|
57
|
-
}),
|
|
58
|
-
showShadowSideEnd: (0, _types.createStaticBoolProp)({
|
|
59
|
-
label: "Show Shadow End",
|
|
60
|
-
description: "Whether to show shadow on the end side or not",
|
|
61
|
-
defaultValue: true,
|
|
62
|
-
group: _types.GROUPS.advanced
|
|
63
|
-
}),
|
|
64
|
-
showShadowSideTop: (0, _types.createStaticBoolProp)({
|
|
65
|
-
label: "Show Shadow Top",
|
|
66
|
-
description: "Whether to show shadow on the top side or not",
|
|
67
|
-
defaultValue: true,
|
|
68
|
-
group: _types.GROUPS.advanced
|
|
69
|
-
}),
|
|
70
|
-
showShadowSideBottom: (0, _types.createStaticBoolProp)({
|
|
71
|
-
label: "Show Shadow Bottom",
|
|
72
|
-
description: "Whether to show shadow on the bottom side or not",
|
|
73
|
-
defaultValue: true,
|
|
74
|
-
group: _types.GROUPS.advanced
|
|
75
|
-
}),
|
|
76
|
-
showShadowCornerTopStart: (0, _types.createStaticBoolProp)({
|
|
77
|
-
label: "Show Shadow Top Start Corner",
|
|
78
|
-
description: "Whether to show shadow on the top start corner or not",
|
|
79
|
-
defaultValue: true,
|
|
80
|
-
group: _types.GROUPS.advanced
|
|
81
|
-
}),
|
|
82
|
-
showShadowCornerTopEnd: (0, _types.createStaticBoolProp)({
|
|
83
|
-
label: "Show Shadow Top End Corner",
|
|
84
|
-
description: "Whether to show shadow on the top end corner or not",
|
|
85
|
-
defaultValue: true,
|
|
86
|
-
group: _types.GROUPS.advanced
|
|
87
|
-
}),
|
|
88
|
-
showShadowCornerBottomStart: (0, _types.createStaticBoolProp)({
|
|
89
|
-
label: "Show Shadow Bottom Start Corner",
|
|
90
|
-
description: "Whether to show shadow on the bottom start corner or not",
|
|
91
|
-
defaultValue: true,
|
|
92
|
-
group: _types.GROUPS.advanced
|
|
93
|
-
}),
|
|
94
|
-
showShadowCornerBottomEnd: (0, _types.createStaticBoolProp)({
|
|
95
|
-
label: "Show Shadow Bottom End Corner",
|
|
96
|
-
description: "Whether to show shadow on the bottom end corner or not",
|
|
97
|
-
defaultValue: true,
|
|
98
|
-
group: _types.GROUPS.advanced
|
|
99
|
-
})
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Shadow as ShadowComponent } from "react-native-shadow-2";
|
|
4
|
-
const Shadow = _ref => {
|
|
5
|
-
let {
|
|
6
|
-
offsetX = 0,
|
|
7
|
-
offsetY = 0,
|
|
8
|
-
showShadowSideStart = true,
|
|
9
|
-
showShadowSideEnd = true,
|
|
10
|
-
showShadowSideTop = true,
|
|
11
|
-
showShadowSideBottom = true,
|
|
12
|
-
showShadowCornerTopStart = true,
|
|
13
|
-
showShadowCornerTopEnd = true,
|
|
14
|
-
showShadowCornerBottomStart = true,
|
|
15
|
-
showShadowCornerBottomEnd = true,
|
|
16
|
-
paintInside = false,
|
|
17
|
-
style,
|
|
18
|
-
...rest
|
|
19
|
-
} = _ref;
|
|
20
|
-
return /*#__PURE__*/React.createElement(ShadowComponent, _extends({
|
|
21
|
-
offset: [offsetX, offsetY],
|
|
22
|
-
sides: {
|
|
23
|
-
start: showShadowSideStart,
|
|
24
|
-
end: showShadowSideEnd,
|
|
25
|
-
top: showShadowSideTop,
|
|
26
|
-
bottom: showShadowSideBottom
|
|
27
|
-
},
|
|
28
|
-
corners: {
|
|
29
|
-
topStart: showShadowCornerTopStart,
|
|
30
|
-
topEnd: showShadowCornerTopEnd,
|
|
31
|
-
bottomStart: showShadowCornerBottomStart,
|
|
32
|
-
bottomEnd: showShadowCornerBottomEnd
|
|
33
|
-
},
|
|
34
|
-
containerStyle: style,
|
|
35
|
-
paintInside: paintInside
|
|
36
|
-
}, rest));
|
|
37
|
-
};
|
|
38
|
-
export default Shadow;
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS } from "@draftbit/types";
|
|
2
|
-
export const SEED_DATA = {
|
|
3
|
-
name: "Shadow",
|
|
4
|
-
tag: "Shadow",
|
|
5
|
-
description: "A cross-platform, universal shadow.",
|
|
6
|
-
category: COMPONENT_TYPES.view,
|
|
7
|
-
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
8
|
-
props: {
|
|
9
|
-
disabled: createDisabledProp({
|
|
10
|
-
description: "Disables the shadow."
|
|
11
|
-
}),
|
|
12
|
-
startColor: createColorProp({
|
|
13
|
-
label: "Start Color",
|
|
14
|
-
description: "The initial gradient color of the shadow.",
|
|
15
|
-
defaultValue: null
|
|
16
|
-
}),
|
|
17
|
-
endColor: createColorProp({
|
|
18
|
-
label: "End Color",
|
|
19
|
-
description: "The final gradient color of the shadow.",
|
|
20
|
-
defaultValue: null
|
|
21
|
-
}),
|
|
22
|
-
distance: createStaticNumberProp({
|
|
23
|
-
label: "Distance",
|
|
24
|
-
description: "The distance of the shadow."
|
|
25
|
-
}),
|
|
26
|
-
paintInside: createStaticBoolProp({
|
|
27
|
-
label: "Paint Inside",
|
|
28
|
-
description: "Apply the shadow below/inside the content.",
|
|
29
|
-
defaultValue: false
|
|
30
|
-
}),
|
|
31
|
-
stretch: createStaticBoolProp({
|
|
32
|
-
label: "Stretch",
|
|
33
|
-
description: "Force children to occupy all available horizontal space.",
|
|
34
|
-
defaultValue: null
|
|
35
|
-
}),
|
|
36
|
-
offsetX: createStaticNumberProp({
|
|
37
|
-
label: "Offset X",
|
|
38
|
-
description: "Moves the shadow in the x direction",
|
|
39
|
-
defeaultValue: 0
|
|
40
|
-
}),
|
|
41
|
-
offsetY: createStaticNumberProp({
|
|
42
|
-
label: "Offset Y",
|
|
43
|
-
description: "Moves the shadow in the y direction",
|
|
44
|
-
defeaultValue: 0
|
|
45
|
-
}),
|
|
46
|
-
showShadowSideStart: createStaticBoolProp({
|
|
47
|
-
label: "Show Shadow Start",
|
|
48
|
-
description: "Whether to show shadow on the start side or not",
|
|
49
|
-
defaultValue: true,
|
|
50
|
-
group: GROUPS.advanced
|
|
51
|
-
}),
|
|
52
|
-
showShadowSideEnd: createStaticBoolProp({
|
|
53
|
-
label: "Show Shadow End",
|
|
54
|
-
description: "Whether to show shadow on the end side or not",
|
|
55
|
-
defaultValue: true,
|
|
56
|
-
group: GROUPS.advanced
|
|
57
|
-
}),
|
|
58
|
-
showShadowSideTop: createStaticBoolProp({
|
|
59
|
-
label: "Show Shadow Top",
|
|
60
|
-
description: "Whether to show shadow on the top side or not",
|
|
61
|
-
defaultValue: true,
|
|
62
|
-
group: GROUPS.advanced
|
|
63
|
-
}),
|
|
64
|
-
showShadowSideBottom: createStaticBoolProp({
|
|
65
|
-
label: "Show Shadow Bottom",
|
|
66
|
-
description: "Whether to show shadow on the bottom side or not",
|
|
67
|
-
defaultValue: true,
|
|
68
|
-
group: GROUPS.advanced
|
|
69
|
-
}),
|
|
70
|
-
showShadowCornerTopStart: createStaticBoolProp({
|
|
71
|
-
label: "Show Shadow Top Start Corner",
|
|
72
|
-
description: "Whether to show shadow on the top start corner or not",
|
|
73
|
-
defaultValue: true,
|
|
74
|
-
group: GROUPS.advanced
|
|
75
|
-
}),
|
|
76
|
-
showShadowCornerTopEnd: createStaticBoolProp({
|
|
77
|
-
label: "Show Shadow Top End Corner",
|
|
78
|
-
description: "Whether to show shadow on the top end corner or not",
|
|
79
|
-
defaultValue: true,
|
|
80
|
-
group: GROUPS.advanced
|
|
81
|
-
}),
|
|
82
|
-
showShadowCornerBottomStart: createStaticBoolProp({
|
|
83
|
-
label: "Show Shadow Bottom Start Corner",
|
|
84
|
-
description: "Whether to show shadow on the bottom start corner or not",
|
|
85
|
-
defaultValue: true,
|
|
86
|
-
group: GROUPS.advanced
|
|
87
|
-
}),
|
|
88
|
-
showShadowCornerBottomEnd: createStaticBoolProp({
|
|
89
|
-
label: "Show Shadow Bottom End Corner",
|
|
90
|
-
description: "Whether to show shadow on the bottom end corner or not",
|
|
91
|
-
defaultValue: true,
|
|
92
|
-
group: GROUPS.advanced
|
|
93
|
-
})
|
|
94
|
-
}
|
|
95
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { StyleProp, ViewStyle } from "react-native";
|
|
3
|
-
interface ShadowProps {
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
startColor?: string;
|
|
6
|
-
endColor?: string;
|
|
7
|
-
distance?: number;
|
|
8
|
-
paintInside?: boolean;
|
|
9
|
-
stretch?: boolean;
|
|
10
|
-
offsetX?: number;
|
|
11
|
-
offsetY?: number;
|
|
12
|
-
showShadowSideStart?: boolean;
|
|
13
|
-
showShadowSideEnd?: boolean;
|
|
14
|
-
showShadowSideTop?: boolean;
|
|
15
|
-
showShadowSideBottom?: boolean;
|
|
16
|
-
showShadowCornerTopStart?: boolean;
|
|
17
|
-
showShadowCornerTopEnd?: boolean;
|
|
18
|
-
showShadowCornerBottomStart?: boolean;
|
|
19
|
-
showShadowCornerBottomEnd?: boolean;
|
|
20
|
-
style?: StyleProp<ViewStyle>;
|
|
21
|
-
}
|
|
22
|
-
declare const Shadow: React.FC<React.PropsWithChildren<ShadowProps>>;
|
|
23
|
-
export default Shadow;
|
|
24
|
-
//# sourceMappingURL=Shadow.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/components/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAmC1D,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
export declare const SEED_DATA: {
|
|
2
|
-
name: string;
|
|
3
|
-
tag: string;
|
|
4
|
-
description: string;
|
|
5
|
-
category: string;
|
|
6
|
-
stylesPanelSections: string[];
|
|
7
|
-
props: {
|
|
8
|
-
disabled: {
|
|
9
|
-
label: string;
|
|
10
|
-
description: string;
|
|
11
|
-
group: string;
|
|
12
|
-
editable: boolean;
|
|
13
|
-
required: boolean;
|
|
14
|
-
formType: string;
|
|
15
|
-
propType: string;
|
|
16
|
-
defaultValue: null;
|
|
17
|
-
};
|
|
18
|
-
startColor: {
|
|
19
|
-
group: string;
|
|
20
|
-
label: string;
|
|
21
|
-
description: string;
|
|
22
|
-
editable: boolean;
|
|
23
|
-
required: boolean;
|
|
24
|
-
defaultValue: null;
|
|
25
|
-
formType: string;
|
|
26
|
-
propType: string;
|
|
27
|
-
};
|
|
28
|
-
endColor: {
|
|
29
|
-
group: string;
|
|
30
|
-
label: string;
|
|
31
|
-
description: string;
|
|
32
|
-
editable: boolean;
|
|
33
|
-
required: boolean;
|
|
34
|
-
defaultValue: null;
|
|
35
|
-
formType: string;
|
|
36
|
-
propType: string;
|
|
37
|
-
};
|
|
38
|
-
distance: {
|
|
39
|
-
label: string;
|
|
40
|
-
description: string;
|
|
41
|
-
formType: string;
|
|
42
|
-
propType: string;
|
|
43
|
-
group: string;
|
|
44
|
-
defaultValue: null;
|
|
45
|
-
editable: boolean;
|
|
46
|
-
required: boolean;
|
|
47
|
-
step: number;
|
|
48
|
-
};
|
|
49
|
-
paintInside: {
|
|
50
|
-
label: string;
|
|
51
|
-
description: string;
|
|
52
|
-
formType: string;
|
|
53
|
-
propType: string;
|
|
54
|
-
defaultValue: boolean;
|
|
55
|
-
editable: boolean;
|
|
56
|
-
required: boolean;
|
|
57
|
-
group: string;
|
|
58
|
-
};
|
|
59
|
-
stretch: {
|
|
60
|
-
label: string;
|
|
61
|
-
description: string;
|
|
62
|
-
formType: string;
|
|
63
|
-
propType: string;
|
|
64
|
-
defaultValue: boolean;
|
|
65
|
-
editable: boolean;
|
|
66
|
-
required: boolean;
|
|
67
|
-
group: string;
|
|
68
|
-
};
|
|
69
|
-
offsetX: {
|
|
70
|
-
label: string;
|
|
71
|
-
description: string;
|
|
72
|
-
formType: string;
|
|
73
|
-
propType: string;
|
|
74
|
-
group: string;
|
|
75
|
-
defaultValue: null;
|
|
76
|
-
editable: boolean;
|
|
77
|
-
required: boolean;
|
|
78
|
-
step: number;
|
|
79
|
-
};
|
|
80
|
-
offsetY: {
|
|
81
|
-
label: string;
|
|
82
|
-
description: string;
|
|
83
|
-
formType: string;
|
|
84
|
-
propType: string;
|
|
85
|
-
group: string;
|
|
86
|
-
defaultValue: null;
|
|
87
|
-
editable: boolean;
|
|
88
|
-
required: boolean;
|
|
89
|
-
step: number;
|
|
90
|
-
};
|
|
91
|
-
showShadowSideStart: {
|
|
92
|
-
label: string;
|
|
93
|
-
description: string;
|
|
94
|
-
formType: string;
|
|
95
|
-
propType: string;
|
|
96
|
-
defaultValue: boolean;
|
|
97
|
-
editable: boolean;
|
|
98
|
-
required: boolean;
|
|
99
|
-
group: string;
|
|
100
|
-
};
|
|
101
|
-
showShadowSideEnd: {
|
|
102
|
-
label: string;
|
|
103
|
-
description: string;
|
|
104
|
-
formType: string;
|
|
105
|
-
propType: string;
|
|
106
|
-
defaultValue: boolean;
|
|
107
|
-
editable: boolean;
|
|
108
|
-
required: boolean;
|
|
109
|
-
group: string;
|
|
110
|
-
};
|
|
111
|
-
showShadowSideTop: {
|
|
112
|
-
label: string;
|
|
113
|
-
description: string;
|
|
114
|
-
formType: string;
|
|
115
|
-
propType: string;
|
|
116
|
-
defaultValue: boolean;
|
|
117
|
-
editable: boolean;
|
|
118
|
-
required: boolean;
|
|
119
|
-
group: string;
|
|
120
|
-
};
|
|
121
|
-
showShadowSideBottom: {
|
|
122
|
-
label: string;
|
|
123
|
-
description: string;
|
|
124
|
-
formType: string;
|
|
125
|
-
propType: string;
|
|
126
|
-
defaultValue: boolean;
|
|
127
|
-
editable: boolean;
|
|
128
|
-
required: boolean;
|
|
129
|
-
group: string;
|
|
130
|
-
};
|
|
131
|
-
showShadowCornerTopStart: {
|
|
132
|
-
label: string;
|
|
133
|
-
description: string;
|
|
134
|
-
formType: string;
|
|
135
|
-
propType: string;
|
|
136
|
-
defaultValue: boolean;
|
|
137
|
-
editable: boolean;
|
|
138
|
-
required: boolean;
|
|
139
|
-
group: string;
|
|
140
|
-
};
|
|
141
|
-
showShadowCornerTopEnd: {
|
|
142
|
-
label: string;
|
|
143
|
-
description: string;
|
|
144
|
-
formType: string;
|
|
145
|
-
propType: string;
|
|
146
|
-
defaultValue: boolean;
|
|
147
|
-
editable: boolean;
|
|
148
|
-
required: boolean;
|
|
149
|
-
group: string;
|
|
150
|
-
};
|
|
151
|
-
showShadowCornerBottomStart: {
|
|
152
|
-
label: string;
|
|
153
|
-
description: string;
|
|
154
|
-
formType: string;
|
|
155
|
-
propType: string;
|
|
156
|
-
defaultValue: boolean;
|
|
157
|
-
editable: boolean;
|
|
158
|
-
required: boolean;
|
|
159
|
-
group: string;
|
|
160
|
-
};
|
|
161
|
-
showShadowCornerBottomEnd: {
|
|
162
|
-
label: string;
|
|
163
|
-
description: string;
|
|
164
|
-
formType: string;
|
|
165
|
-
propType: string;
|
|
166
|
-
defaultValue: boolean;
|
|
167
|
-
editable: boolean;
|
|
168
|
-
required: boolean;
|
|
169
|
-
group: string;
|
|
170
|
-
};
|
|
171
|
-
};
|
|
172
|
-
};
|
|
173
|
-
//# sourceMappingURL=Shadow.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FrB,CAAC"}
|
package/src/components/Shadow.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Shadow as ShadowComponent } from "react-native-shadow-2";
|
|
3
|
-
const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = false, style, ...rest }) => {
|
|
4
|
-
return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
|
|
5
|
-
start: showShadowSideStart,
|
|
6
|
-
end: showShadowSideEnd,
|
|
7
|
-
top: showShadowSideTop,
|
|
8
|
-
bottom: showShadowSideBottom,
|
|
9
|
-
}, corners: {
|
|
10
|
-
topStart: showShadowCornerTopStart,
|
|
11
|
-
topEnd: showShadowCornerTopEnd,
|
|
12
|
-
bottomStart: showShadowCornerBottomStart,
|
|
13
|
-
bottomEnd: showShadowCornerBottomEnd,
|
|
14
|
-
}, containerStyle: style, paintInside: paintInside, ...rest }));
|
|
15
|
-
};
|
|
16
|
-
export default Shadow;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { StyleProp, ViewStyle } from "react-native";
|
|
3
|
-
import { Shadow as ShadowComponent } from "react-native-shadow-2";
|
|
4
|
-
|
|
5
|
-
interface ShadowProps {
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
startColor?: string;
|
|
8
|
-
endColor?: string;
|
|
9
|
-
distance?: number;
|
|
10
|
-
paintInside?: boolean;
|
|
11
|
-
stretch?: boolean;
|
|
12
|
-
offsetX?: number;
|
|
13
|
-
offsetY?: number;
|
|
14
|
-
showShadowSideStart?: boolean;
|
|
15
|
-
showShadowSideEnd?: boolean;
|
|
16
|
-
showShadowSideTop?: boolean;
|
|
17
|
-
showShadowSideBottom?: boolean;
|
|
18
|
-
showShadowCornerTopStart?: boolean;
|
|
19
|
-
showShadowCornerTopEnd?: boolean;
|
|
20
|
-
showShadowCornerBottomStart?: boolean;
|
|
21
|
-
showShadowCornerBottomEnd?: boolean;
|
|
22
|
-
style?: StyleProp<ViewStyle>;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
const Shadow: React.FC<React.PropsWithChildren<ShadowProps>> = ({
|
|
26
|
-
offsetX = 0,
|
|
27
|
-
offsetY = 0,
|
|
28
|
-
showShadowSideStart = true,
|
|
29
|
-
showShadowSideEnd = true,
|
|
30
|
-
showShadowSideTop = true,
|
|
31
|
-
showShadowSideBottom = true,
|
|
32
|
-
showShadowCornerTopStart = true,
|
|
33
|
-
showShadowCornerTopEnd = true,
|
|
34
|
-
showShadowCornerBottomStart = true,
|
|
35
|
-
showShadowCornerBottomEnd = true,
|
|
36
|
-
paintInside = false,
|
|
37
|
-
style,
|
|
38
|
-
...rest
|
|
39
|
-
}) => {
|
|
40
|
-
return (
|
|
41
|
-
<ShadowComponent
|
|
42
|
-
offset={[offsetX, offsetY]}
|
|
43
|
-
sides={{
|
|
44
|
-
start: showShadowSideStart,
|
|
45
|
-
end: showShadowSideEnd,
|
|
46
|
-
top: showShadowSideTop,
|
|
47
|
-
bottom: showShadowSideBottom,
|
|
48
|
-
}}
|
|
49
|
-
corners={{
|
|
50
|
-
topStart: showShadowCornerTopStart,
|
|
51
|
-
topEnd: showShadowCornerTopEnd,
|
|
52
|
-
bottomStart: showShadowCornerBottomStart,
|
|
53
|
-
bottomEnd: showShadowCornerBottomEnd,
|
|
54
|
-
}}
|
|
55
|
-
containerStyle={style}
|
|
56
|
-
paintInside={paintInside}
|
|
57
|
-
{...rest}
|
|
58
|
-
/>
|
|
59
|
-
);
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
export default Shadow;
|
package/src/mappings/Shadow.js
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS, } from "@draftbit/types";
|
|
2
|
-
export const SEED_DATA = {
|
|
3
|
-
name: "Shadow",
|
|
4
|
-
tag: "Shadow",
|
|
5
|
-
description: "A cross-platform, universal shadow.",
|
|
6
|
-
category: COMPONENT_TYPES.view,
|
|
7
|
-
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
8
|
-
props: {
|
|
9
|
-
disabled: createDisabledProp({
|
|
10
|
-
description: "Disables the shadow.",
|
|
11
|
-
}),
|
|
12
|
-
startColor: createColorProp({
|
|
13
|
-
label: "Start Color",
|
|
14
|
-
description: "The initial gradient color of the shadow.",
|
|
15
|
-
defaultValue: null,
|
|
16
|
-
}),
|
|
17
|
-
endColor: createColorProp({
|
|
18
|
-
label: "End Color",
|
|
19
|
-
description: "The final gradient color of the shadow.",
|
|
20
|
-
defaultValue: null,
|
|
21
|
-
}),
|
|
22
|
-
distance: createStaticNumberProp({
|
|
23
|
-
label: "Distance",
|
|
24
|
-
description: "The distance of the shadow.",
|
|
25
|
-
}),
|
|
26
|
-
paintInside: createStaticBoolProp({
|
|
27
|
-
label: "Paint Inside",
|
|
28
|
-
description: "Apply the shadow below/inside the content.",
|
|
29
|
-
defaultValue: false,
|
|
30
|
-
}),
|
|
31
|
-
stretch: createStaticBoolProp({
|
|
32
|
-
label: "Stretch",
|
|
33
|
-
description: "Force children to occupy all available horizontal space.",
|
|
34
|
-
defaultValue: null,
|
|
35
|
-
}),
|
|
36
|
-
offsetX: createStaticNumberProp({
|
|
37
|
-
label: "Offset X",
|
|
38
|
-
description: "Moves the shadow in the x direction",
|
|
39
|
-
defeaultValue: 0,
|
|
40
|
-
}),
|
|
41
|
-
offsetY: createStaticNumberProp({
|
|
42
|
-
label: "Offset Y",
|
|
43
|
-
description: "Moves the shadow in the y direction",
|
|
44
|
-
defeaultValue: 0,
|
|
45
|
-
}),
|
|
46
|
-
showShadowSideStart: createStaticBoolProp({
|
|
47
|
-
label: "Show Shadow Start",
|
|
48
|
-
description: "Whether to show shadow on the start side or not",
|
|
49
|
-
defaultValue: true,
|
|
50
|
-
group: GROUPS.advanced,
|
|
51
|
-
}),
|
|
52
|
-
showShadowSideEnd: createStaticBoolProp({
|
|
53
|
-
label: "Show Shadow End",
|
|
54
|
-
description: "Whether to show shadow on the end side or not",
|
|
55
|
-
defaultValue: true,
|
|
56
|
-
group: GROUPS.advanced,
|
|
57
|
-
}),
|
|
58
|
-
showShadowSideTop: createStaticBoolProp({
|
|
59
|
-
label: "Show Shadow Top",
|
|
60
|
-
description: "Whether to show shadow on the top side or not",
|
|
61
|
-
defaultValue: true,
|
|
62
|
-
group: GROUPS.advanced,
|
|
63
|
-
}),
|
|
64
|
-
showShadowSideBottom: createStaticBoolProp({
|
|
65
|
-
label: "Show Shadow Bottom",
|
|
66
|
-
description: "Whether to show shadow on the bottom side or not",
|
|
67
|
-
defaultValue: true,
|
|
68
|
-
group: GROUPS.advanced,
|
|
69
|
-
}),
|
|
70
|
-
showShadowCornerTopStart: createStaticBoolProp({
|
|
71
|
-
label: "Show Shadow Top Start Corner",
|
|
72
|
-
description: "Whether to show shadow on the top start corner or not",
|
|
73
|
-
defaultValue: true,
|
|
74
|
-
group: GROUPS.advanced,
|
|
75
|
-
}),
|
|
76
|
-
showShadowCornerTopEnd: createStaticBoolProp({
|
|
77
|
-
label: "Show Shadow Top End Corner",
|
|
78
|
-
description: "Whether to show shadow on the top end corner or not",
|
|
79
|
-
defaultValue: true,
|
|
80
|
-
group: GROUPS.advanced,
|
|
81
|
-
}),
|
|
82
|
-
showShadowCornerBottomStart: createStaticBoolProp({
|
|
83
|
-
label: "Show Shadow Bottom Start Corner",
|
|
84
|
-
description: "Whether to show shadow on the bottom start corner or not",
|
|
85
|
-
defaultValue: true,
|
|
86
|
-
group: GROUPS.advanced,
|
|
87
|
-
}),
|
|
88
|
-
showShadowCornerBottomEnd: createStaticBoolProp({
|
|
89
|
-
label: "Show Shadow Bottom End Corner",
|
|
90
|
-
description: "Whether to show shadow on the bottom end corner or not",
|
|
91
|
-
defaultValue: true,
|
|
92
|
-
group: GROUPS.advanced,
|
|
93
|
-
}),
|
|
94
|
-
},
|
|
95
|
-
};
|