@draftbit/core 46.9.1-b1bb0a.2 → 46.9.1-c1e2bf.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/AccordionItem.js +4 -23
- package/lib/commonjs/components/BottomSheet/BottomSheet.js +1 -2
- package/lib/commonjs/mappings/BottomSheet.js +3 -4
- package/lib/module/components/BottomSheet/BottomSheet.js +1 -2
- package/lib/module/mappings/BottomSheet.js +4 -5
- package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/src/mappings/BottomSheet.d.ts +0 -1
- package/lib/typescript/src/mappings/BottomSheet.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/BottomSheet/BottomSheet.js +0 -1
- package/src/components/BottomSheet/BottomSheet.tsx +0 -1
- package/src/mappings/BottomSheet.js +4 -4
- package/src/mappings/BottomSheet.ts +4 -4
|
@@ -12,6 +12,7 @@ var _theming = require("../../theming");
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
+
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); }
|
|
15
16
|
const AccordionItem = _ref => {
|
|
16
17
|
let {
|
|
17
18
|
Icon,
|
|
@@ -26,10 +27,9 @@ const AccordionItem = _ref => {
|
|
|
26
27
|
textStyles,
|
|
27
28
|
viewStyles
|
|
28
29
|
} = (0, _utilities.extractStyles)(style);
|
|
29
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
30
|
-
style: [styles.container, viewStyles]
|
|
31
|
-
|
|
32
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
30
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
31
|
+
style: [styles.container, viewStyles]
|
|
32
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
33
33
|
style: styles.row
|
|
34
34
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
35
35
|
name: icon,
|
|
@@ -61,23 +61,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
64
|
-
exports.default = _default;.StyleSheet.create({
|
|
65
|
-
container: {
|
|
66
|
-
padding: 8
|
|
67
|
-
},
|
|
68
|
-
row: {
|
|
69
|
-
flexDirection: "row",
|
|
70
|
-
alignItems: "center",
|
|
71
|
-
paddingLeft: 8
|
|
72
|
-
},
|
|
73
|
-
item: {
|
|
74
|
-
marginVertical: 6,
|
|
75
|
-
paddingLeft: 8
|
|
76
|
-
},
|
|
77
|
-
content: {
|
|
78
|
-
flex: 1,
|
|
79
|
-
justifyContent: "center"
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
83
64
|
exports.default = _default;
|
|
@@ -13,8 +13,7 @@ const SEED_DATA = {
|
|
|
13
13
|
stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
14
14
|
layout: {
|
|
15
15
|
paddingHorizontal: 16,
|
|
16
|
-
paddingVertical: 10
|
|
17
|
-
flex: 1
|
|
16
|
+
paddingVertical: 10
|
|
18
17
|
},
|
|
19
18
|
triggers: [_types.Triggers.OnSettle],
|
|
20
19
|
props: {
|
|
@@ -22,7 +21,7 @@ const SEED_DATA = {
|
|
|
22
21
|
label: "On settle",
|
|
23
22
|
description: "Action to execute when sheet settles on a snap point"
|
|
24
23
|
}),
|
|
25
|
-
snapPoints: (0, _types.
|
|
24
|
+
snapPoints: (0, _types.createArrayProp)({
|
|
26
25
|
label: "Snap points",
|
|
27
26
|
description: "An array of numerical values (that represent distance from the top) where bottom sheet can snap to place. Accepts numbers and percentages (minimum 2 snap points)",
|
|
28
27
|
defaultValue: ["10%", "50%", "80%"]
|
|
@@ -35,7 +34,7 @@ const SEED_DATA = {
|
|
|
35
34
|
}),
|
|
36
35
|
showHandle: (0, _types.createStaticBoolProp)({
|
|
37
36
|
label: "Show handle",
|
|
38
|
-
description: "Whether to show the top handle or not",
|
|
37
|
+
description: "Whether to show the top sheet handle or not",
|
|
39
38
|
defaultValue: true
|
|
40
39
|
}),
|
|
41
40
|
handleColor: (0, _types.createColorProp)({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp,
|
|
1
|
+
import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp, createStaticNumberProp, createArrayProp } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Bottom Sheet",
|
|
4
4
|
tag: "BottomSheet",
|
|
@@ -7,8 +7,7 @@ export const SEED_DATA = {
|
|
|
7
7
|
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
8
8
|
layout: {
|
|
9
9
|
paddingHorizontal: 16,
|
|
10
|
-
paddingVertical: 10
|
|
11
|
-
flex: 1
|
|
10
|
+
paddingVertical: 10
|
|
12
11
|
},
|
|
13
12
|
triggers: [Triggers.OnSettle],
|
|
14
13
|
props: {
|
|
@@ -16,7 +15,7 @@ export const SEED_DATA = {
|
|
|
16
15
|
label: "On settle",
|
|
17
16
|
description: "Action to execute when sheet settles on a snap point"
|
|
18
17
|
}),
|
|
19
|
-
snapPoints:
|
|
18
|
+
snapPoints: createArrayProp({
|
|
20
19
|
label: "Snap points",
|
|
21
20
|
description: "An array of numerical values (that represent distance from the top) where bottom sheet can snap to place. Accepts numbers and percentages (minimum 2 snap points)",
|
|
22
21
|
defaultValue: ["10%", "50%", "80%"]
|
|
@@ -29,7 +28,7 @@ export const SEED_DATA = {
|
|
|
29
28
|
}),
|
|
30
29
|
showHandle: createStaticBoolProp({
|
|
31
30
|
label: "Show handle",
|
|
32
|
-
description: "Whether to show the top handle or not",
|
|
31
|
+
description: "Whether to show the top sheet handle or not",
|
|
33
32
|
defaultValue: true
|
|
34
33
|
}),
|
|
35
34
|
handleColor: createColorProp({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,SAAS,EACT,SAAS,EACT,eAAe,EAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;
|
|
1
|
+
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,SAAS,EACT,SAAS,EACT,eAAe,EAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AA+FD,wBAAsC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/BottomSheet.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/BottomSheet.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.9.1-
|
|
3
|
+
"version": "46.9.1-c1e2bf.2+c1e2bf4",
|
|
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.9.1-
|
|
44
|
+
"@draftbit/types": "^46.9.1-c1e2bf.2+c1e2bf4",
|
|
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",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"lodash.omit": "^4.5.0",
|
|
55
55
|
"lodash.tonumber": "^4.0.3",
|
|
56
56
|
"react-native-deck-swiper": "^2.0.12",
|
|
57
|
-
"react-native-gesture-handler": "
|
|
57
|
+
"react-native-gesture-handler": "~2.5.0",
|
|
58
58
|
"react-native-markdown-display": "^7.0.0-alpha.2",
|
|
59
59
|
"react-native-modal-datetime-picker": "^13.0.0",
|
|
60
60
|
"react-native-pager-view": "5.4.24",
|
|
@@ -98,5 +98,5 @@
|
|
|
98
98
|
]
|
|
99
99
|
]
|
|
100
100
|
},
|
|
101
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "c1e2bf40e776e51766fe51fe6790bf7c86334a8b"
|
|
102
102
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp,
|
|
1
|
+
import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp, createStaticNumberProp, createArrayProp, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Bottom Sheet",
|
|
4
4
|
tag: "BottomSheet",
|
|
5
5
|
description: "A draggable Bottom sheet that snaps to specific points. Renders children in ScrollView",
|
|
6
6
|
category: COMPONENT_TYPES.bottomsheet,
|
|
7
7
|
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
8
|
-
layout: { paddingHorizontal: 16, paddingVertical: 10
|
|
8
|
+
layout: { paddingHorizontal: 16, paddingVertical: 10 },
|
|
9
9
|
triggers: [Triggers.OnSettle],
|
|
10
10
|
props: {
|
|
11
11
|
onSettle: createActionProp({
|
|
12
12
|
label: "On settle",
|
|
13
13
|
description: "Action to execute when sheet settles on a snap point",
|
|
14
14
|
}),
|
|
15
|
-
snapPoints:
|
|
15
|
+
snapPoints: createArrayProp({
|
|
16
16
|
label: "Snap points",
|
|
17
17
|
description: "An array of numerical values (that represent distance from the top) where bottom sheet can snap to place. Accepts numbers and percentages (minimum 2 snap points)",
|
|
18
18
|
defaultValue: ["10%", "50%", "80%"],
|
|
@@ -25,7 +25,7 @@ export const SEED_DATA = {
|
|
|
25
25
|
}),
|
|
26
26
|
showHandle: createStaticBoolProp({
|
|
27
27
|
label: "Show handle",
|
|
28
|
-
description: "Whether to show the top handle or not",
|
|
28
|
+
description: "Whether to show the top sheet handle or not",
|
|
29
29
|
defaultValue: true,
|
|
30
30
|
}),
|
|
31
31
|
handleColor: createColorProp({
|
|
@@ -5,8 +5,8 @@ import {
|
|
|
5
5
|
Triggers,
|
|
6
6
|
createActionProp,
|
|
7
7
|
createColorProp,
|
|
8
|
-
createStaticArrayProp,
|
|
9
8
|
createStaticNumberProp,
|
|
9
|
+
createArrayProp,
|
|
10
10
|
} from "@draftbit/types";
|
|
11
11
|
|
|
12
12
|
export const SEED_DATA = {
|
|
@@ -16,14 +16,14 @@ export const SEED_DATA = {
|
|
|
16
16
|
"A draggable Bottom sheet that snaps to specific points. Renders children in ScrollView",
|
|
17
17
|
category: COMPONENT_TYPES.bottomsheet,
|
|
18
18
|
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
19
|
-
layout: { paddingHorizontal: 16, paddingVertical: 10
|
|
19
|
+
layout: { paddingHorizontal: 16, paddingVertical: 10 },
|
|
20
20
|
triggers: [Triggers.OnSettle],
|
|
21
21
|
props: {
|
|
22
22
|
onSettle: createActionProp({
|
|
23
23
|
label: "On settle",
|
|
24
24
|
description: "Action to execute when sheet settles on a snap point",
|
|
25
25
|
}),
|
|
26
|
-
snapPoints:
|
|
26
|
+
snapPoints: createArrayProp({
|
|
27
27
|
label: "Snap points",
|
|
28
28
|
description:
|
|
29
29
|
"An array of numerical values (that represent distance from the top) where bottom sheet can snap to place. Accepts numbers and percentages (minimum 2 snap points)",
|
|
@@ -37,7 +37,7 @@ export const SEED_DATA = {
|
|
|
37
37
|
}),
|
|
38
38
|
showHandle: createStaticBoolProp({
|
|
39
39
|
label: "Show handle",
|
|
40
|
-
description: "Whether to show the top handle or not",
|
|
40
|
+
description: "Whether to show the top sheet handle or not",
|
|
41
41
|
defaultValue: true,
|
|
42
42
|
}),
|
|
43
43
|
handleColor: createColorProp({
|