@draftbit/core 46.11.1-d3b79d.2 → 46.11.1-e36f14.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/Accordion/index.js.map +1 -1
- package/lib/commonjs/components/ActionSheet/ActionSheetItem.js.map +1 -1
- package/lib/commonjs/components/BottomSheet/BottomSheet.js +4 -4
- package/lib/commonjs/components/BottomSheet/BottomSheet.js.map +1 -1
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/CircleImage.js +2 -16
- package/lib/commonjs/components/CircleImage.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePicker.js +13 -9
- package/lib/commonjs/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/commonjs/components/DeckSwiper/DeckSwiper.js +1 -2
- package/lib/commonjs/components/DeckSwiper/DeckSwiper.js.map +1 -1
- package/lib/commonjs/components/Picker/Picker.js +7 -4
- package/lib/commonjs/components/Picker/Picker.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.web.js +4 -21
- package/lib/commonjs/components/Picker/PickerComponent.web.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.js +2 -14
- package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/commonjs/components/RowBodyIcon.js.map +1 -1
- package/lib/commonjs/components/Shadow.js +10 -2
- package/lib/commonjs/components/Shadow.js.map +1 -1
- package/lib/commonjs/components/Swiper/SwiperItem.js.map +1 -1
- package/lib/commonjs/components/useAuthState.js.map +1 -1
- package/lib/commonjs/hooks.js +3 -1
- package/lib/commonjs/hooks.js.map +1 -1
- package/lib/commonjs/interfaces/Icon.js.map +1 -1
- package/lib/commonjs/mappings/CardBlock.js.map +1 -1
- package/lib/commonjs/mappings/CardContainerRating.js.map +1 -1
- package/lib/commonjs/mappings/CardContainerShortImage.js.map +1 -1
- package/lib/commonjs/mappings/CircleImage.js.map +1 -1
- package/lib/commonjs/mappings/Container.js.map +1 -1
- package/lib/commonjs/mappings/DeckSwiper.js +2 -2
- package/lib/commonjs/mappings/DeckSwiper.js.map +1 -1
- package/lib/commonjs/mappings/Divider.js.map +1 -1
- package/lib/commonjs/mappings/FieldSearchBarFull.js +1 -1
- package/lib/commonjs/mappings/FieldSearchBarFull.js.map +1 -1
- package/lib/commonjs/mappings/Layout.js.map +1 -1
- package/lib/commonjs/mappings/RowBodyIcon.js.map +1 -1
- package/lib/commonjs/mappings/Shadow.js +2 -2
- package/lib/commonjs/mappings/Shadow.js.map +1 -1
- package/lib/commonjs/mappings/StarRating.js +2 -6
- package/lib/commonjs/mappings/StarRating.js.map +1 -1
- package/lib/commonjs/mappings/TextInput.js.map +1 -1
- package/lib/commonjs/mappings/ToggleButton.js.map +1 -1
- package/lib/module/components/DeckSwiper/DeckSwiper.js +1 -2
- package/lib/module/components/DeckSwiper/DeckSwiper.js.map +1 -1
- package/lib/module/components/Shadow.js +10 -2
- package/lib/module/components/Shadow.js.map +1 -1
- package/lib/module/mappings/DeckSwiper.js +3 -3
- package/lib/module/mappings/DeckSwiper.js.map +1 -1
- package/lib/module/mappings/Shadow.js +3 -3
- package/lib/module/mappings/Shadow.js.map +1 -1
- package/lib/typescript/src/components/DeckSwiper/DeckSwiper.d.ts.map +1 -1
- package/lib/typescript/src/components/Shadow.d.ts.map +1 -1
- package/lib/typescript/src/mappings/DeckSwiper.d.ts +1 -1
- package/lib/typescript/src/mappings/DeckSwiper.d.ts.map +1 -1
- package/lib/typescript/src/mappings/Shadow.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/DeckSwiper/DeckSwiper.js +1 -2
- package/src/components/DeckSwiper/DeckSwiper.tsx +1 -2
- package/src/components/Shadow.js +7 -2
- package/src/components/Shadow.tsx +10 -3
- package/src/mappings/DeckSwiper.js +7 -3
- package/src/mappings/DeckSwiper.ts +7 -3
- package/src/mappings/Shadow.js +10 -3
- package/src/mappings/Shadow.ts +10 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","createColorProp","createStaticNumberProp","createStaticBoolProp","createDisabledProp","GROUPS","StylesPanelSections","SEED_DATA","name","tag","description","category","view","stylesPanelSections","LayoutSelectedItem","Size","Margins","Position","Borders","Effects","props","disabled","startColor","label","defaultValue","endColor","distance","paintInside","stretch","offsetX","defeaultValue","offsetY","showShadowSideStart","group","advanced","showShadowSideEnd","showShadowSideTop","showShadowSideBottom","showShadowCornerTopStart","showShadowCornerTopEnd","showShadowCornerBottomStart","showShadowCornerBottomEnd"],"sourceRoot":"../../../src","sources":["mappings/Shadow.ts"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAGtE,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAGtE,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,2PAmGf,CAAC;AAiBF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EAAc,MAAM,cAAc,CAAC;AAIhE,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,CAyC1D,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiper.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiper.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoGrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.11.1-
|
|
3
|
+
"version": "46.11.1-e36f14.2+e36f14f",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "^46.11.1-
|
|
44
|
+
"@draftbit/types": "^46.11.1-e36f14.2+e36f14f",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.3",
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
"node_modules/",
|
|
94
94
|
"lib/"
|
|
95
95
|
],
|
|
96
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "e36f14f476a9717b142cbff76f764f6cce4bb530"
|
|
97
97
|
}
|
|
@@ -39,7 +39,6 @@ const DeckSwiper = ({ onIndexChanged, onEndReached, startCardIndex = 0, infinite
|
|
|
39
39
|
* By default react-native-deck-swiper positions everything with absolute position.
|
|
40
40
|
* To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
|
|
41
41
|
*
|
|
42
|
-
*
|
|
43
42
|
* Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
|
|
44
43
|
* To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
|
|
45
44
|
* This effectivley makes the default height of the container be the height of the first card.
|
|
@@ -50,7 +49,7 @@ const DeckSwiper = ({ onIndexChanged, onEndReached, startCardIndex = 0, infinite
|
|
|
50
49
|
};
|
|
51
50
|
const styles = StyleSheet.create({
|
|
52
51
|
cardsContainer: {
|
|
53
|
-
|
|
52
|
+
flex: 1,
|
|
54
53
|
},
|
|
55
54
|
card: {
|
|
56
55
|
left: 0,
|
|
@@ -83,7 +83,6 @@ const DeckSwiper = <T extends object>({
|
|
|
83
83
|
* By default react-native-deck-swiper positions everything with absolute position.
|
|
84
84
|
* To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
|
|
85
85
|
*
|
|
86
|
-
*
|
|
87
86
|
* Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
|
|
88
87
|
* To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
|
|
89
88
|
* This effectivley makes the default height of the container be the height of the first card.
|
|
@@ -120,7 +119,7 @@ const DeckSwiper = <T extends object>({
|
|
|
120
119
|
|
|
121
120
|
const styles = StyleSheet.create({
|
|
122
121
|
cardsContainer: {
|
|
123
|
-
|
|
122
|
+
flex: 1,
|
|
124
123
|
},
|
|
125
124
|
card: {
|
|
126
125
|
left: 0,
|
package/src/components/Shadow.js
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { StyleSheet } from "react-native";
|
|
2
3
|
import { Shadow as ShadowComponent } from "react-native-shadow-2";
|
|
3
|
-
|
|
4
|
+
import { extractBorderAndMarginStyles } from "../utilities";
|
|
5
|
+
const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = true, style, ...rest }) => {
|
|
6
|
+
const { borderStyles } = extractBorderAndMarginStyles(style);
|
|
7
|
+
const containerStyle = StyleSheet.flatten(style);
|
|
8
|
+
Object.keys(borderStyles).forEach((key) => delete containerStyle[key]);
|
|
4
9
|
return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
|
|
5
10
|
start: showShadowSideStart,
|
|
6
11
|
end: showShadowSideEnd,
|
|
@@ -11,6 +16,6 @@ const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShad
|
|
|
11
16
|
topEnd: showShadowCornerTopEnd,
|
|
12
17
|
bottomStart: showShadowCornerBottomStart,
|
|
13
18
|
bottomEnd: showShadowCornerBottomEnd,
|
|
14
|
-
}, containerStyle:
|
|
19
|
+
}, style: borderStyles, containerStyle: containerStyle, paintInside: paintInside, ...rest }));
|
|
15
20
|
};
|
|
16
21
|
export default Shadow;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { StyleProp, ViewStyle } from "react-native";
|
|
2
|
+
import { StyleProp, ViewStyle, StyleSheet } from "react-native";
|
|
3
3
|
import { Shadow as ShadowComponent } from "react-native-shadow-2";
|
|
4
|
+
import { extractBorderAndMarginStyles } from "../utilities";
|
|
4
5
|
|
|
5
6
|
interface ShadowProps {
|
|
6
7
|
disabled?: boolean;
|
|
@@ -33,10 +34,15 @@ const Shadow: React.FC<React.PropsWithChildren<ShadowProps>> = ({
|
|
|
33
34
|
showShadowCornerTopEnd = true,
|
|
34
35
|
showShadowCornerBottomStart = true,
|
|
35
36
|
showShadowCornerBottomEnd = true,
|
|
36
|
-
paintInside =
|
|
37
|
+
paintInside = true,
|
|
37
38
|
style,
|
|
38
39
|
...rest
|
|
39
40
|
}) => {
|
|
41
|
+
const { borderStyles } = extractBorderAndMarginStyles(style);
|
|
42
|
+
|
|
43
|
+
const containerStyle = StyleSheet.flatten(style) as StyleProp<any>;
|
|
44
|
+
Object.keys(borderStyles).forEach((key) => delete containerStyle[key]);
|
|
45
|
+
|
|
40
46
|
return (
|
|
41
47
|
<ShadowComponent
|
|
42
48
|
offset={[offsetX, offsetY]}
|
|
@@ -52,7 +58,8 @@ const Shadow: React.FC<React.PropsWithChildren<ShadowProps>> = ({
|
|
|
52
58
|
bottomStart: showShadowCornerBottomStart,
|
|
53
59
|
bottomEnd: showShadowCornerBottomEnd,
|
|
54
60
|
}}
|
|
55
|
-
|
|
61
|
+
style={borderStyles}
|
|
62
|
+
containerStyle={containerStyle}
|
|
56
63
|
paintInside={paintInside}
|
|
57
64
|
{...rest}
|
|
58
65
|
/>
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp,
|
|
1
|
+
import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, StylesPanelSections, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Deck Swiper",
|
|
4
4
|
tag: "DeckSwiper",
|
|
5
5
|
description: "Deck swiper container",
|
|
6
6
|
category: COMPONENT_TYPES.swiper,
|
|
7
|
-
stylesPanelSections:
|
|
7
|
+
stylesPanelSections: [
|
|
8
|
+
StylesPanelSections.Size,
|
|
9
|
+
StylesPanelSections.Margins,
|
|
10
|
+
StylesPanelSections.Effects,
|
|
11
|
+
],
|
|
8
12
|
layout: {
|
|
9
|
-
|
|
13
|
+
flex: 1,
|
|
10
14
|
},
|
|
11
15
|
triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
|
|
12
16
|
props: {
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
createActionProp,
|
|
5
5
|
createStaticNumberProp,
|
|
6
6
|
createStaticBoolProp,
|
|
7
|
-
|
|
7
|
+
StylesPanelSections,
|
|
8
8
|
} from "@draftbit/types";
|
|
9
9
|
|
|
10
10
|
export const SEED_DATA = {
|
|
@@ -12,9 +12,13 @@ export const SEED_DATA = {
|
|
|
12
12
|
tag: "DeckSwiper",
|
|
13
13
|
description: "Deck swiper container",
|
|
14
14
|
category: COMPONENT_TYPES.swiper,
|
|
15
|
-
stylesPanelSections:
|
|
15
|
+
stylesPanelSections: [
|
|
16
|
+
StylesPanelSections.Size,
|
|
17
|
+
StylesPanelSections.Margins,
|
|
18
|
+
StylesPanelSections.Effects,
|
|
19
|
+
],
|
|
16
20
|
layout: {
|
|
17
|
-
|
|
21
|
+
flex: 1,
|
|
18
22
|
},
|
|
19
23
|
triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
|
|
20
24
|
props: {
|
package/src/mappings/Shadow.js
CHANGED
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
import { COMPONENT_TYPES,
|
|
1
|
+
import { COMPONENT_TYPES, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS, StylesPanelSections, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Shadow",
|
|
4
4
|
tag: "Shadow",
|
|
5
5
|
description: "A cross-platform, universal shadow.",
|
|
6
6
|
category: COMPONENT_TYPES.view,
|
|
7
|
-
stylesPanelSections:
|
|
7
|
+
stylesPanelSections: [
|
|
8
|
+
StylesPanelSections.LayoutSelectedItem,
|
|
9
|
+
StylesPanelSections.Size,
|
|
10
|
+
StylesPanelSections.Margins,
|
|
11
|
+
StylesPanelSections.Position,
|
|
12
|
+
StylesPanelSections.Borders,
|
|
13
|
+
StylesPanelSections.Effects,
|
|
14
|
+
],
|
|
8
15
|
props: {
|
|
9
16
|
disabled: createDisabledProp({
|
|
10
17
|
description: "Disables the shadow.",
|
|
@@ -26,7 +33,7 @@ export const SEED_DATA = {
|
|
|
26
33
|
paintInside: createStaticBoolProp({
|
|
27
34
|
label: "Paint Inside",
|
|
28
35
|
description: "Apply the shadow below/inside the content.",
|
|
29
|
-
defaultValue:
|
|
36
|
+
defaultValue: true,
|
|
30
37
|
}),
|
|
31
38
|
stretch: createStaticBoolProp({
|
|
32
39
|
label: "Stretch",
|
package/src/mappings/Shadow.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
COMPONENT_TYPES,
|
|
3
|
-
CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
4
3
|
createColorProp,
|
|
5
4
|
createStaticNumberProp,
|
|
6
5
|
createStaticBoolProp,
|
|
7
6
|
createDisabledProp,
|
|
8
7
|
GROUPS,
|
|
8
|
+
StylesPanelSections,
|
|
9
9
|
} from "@draftbit/types";
|
|
10
10
|
|
|
11
11
|
export const SEED_DATA = {
|
|
@@ -13,7 +13,14 @@ export const SEED_DATA = {
|
|
|
13
13
|
tag: "Shadow",
|
|
14
14
|
description: "A cross-platform, universal shadow.",
|
|
15
15
|
category: COMPONENT_TYPES.view,
|
|
16
|
-
stylesPanelSections:
|
|
16
|
+
stylesPanelSections: [
|
|
17
|
+
StylesPanelSections.LayoutSelectedItem,
|
|
18
|
+
StylesPanelSections.Size,
|
|
19
|
+
StylesPanelSections.Margins,
|
|
20
|
+
StylesPanelSections.Position,
|
|
21
|
+
StylesPanelSections.Borders,
|
|
22
|
+
StylesPanelSections.Effects,
|
|
23
|
+
],
|
|
17
24
|
props: {
|
|
18
25
|
disabled: createDisabledProp({
|
|
19
26
|
description: "Disables the shadow.",
|
|
@@ -35,7 +42,7 @@ export const SEED_DATA = {
|
|
|
35
42
|
paintInside: createStaticBoolProp({
|
|
36
43
|
label: "Paint Inside",
|
|
37
44
|
description: "Apply the shadow below/inside the content.",
|
|
38
|
-
defaultValue:
|
|
45
|
+
defaultValue: true,
|
|
39
46
|
}),
|
|
40
47
|
stretch: createStaticBoolProp({
|
|
41
48
|
label: "Stretch",
|