@draftbit/core 46.8.2-2fe7f4.2 → 46.8.2-387722.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.
Files changed (56) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +4 -23
  2. package/lib/commonjs/components/Markdown.js +30 -0
  3. package/lib/commonjs/index.js +7 -13
  4. package/lib/commonjs/mappings/FlashList.js +2 -8
  5. package/lib/commonjs/mappings/Markdown.js +27 -0
  6. package/lib/module/components/AspectRatio.js +18 -1
  7. package/lib/module/components/Markdown.js +20 -0
  8. package/lib/module/index.js +1 -1
  9. package/lib/module/mappings/FlashList.js +3 -9
  10. package/lib/module/mappings/Markdown.js +20 -0
  11. package/lib/typescript/src/components/Markdown.d.ts +8 -0
  12. package/lib/typescript/src/components/Markdown.d.ts.map +1 -0
  13. package/lib/typescript/src/index.d.ts +1 -1
  14. package/lib/typescript/src/index.d.ts.map +1 -1
  15. package/lib/typescript/src/mappings/FlashList.d.ts +0 -6
  16. package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
  17. package/lib/typescript/src/mappings/{TabViewItem.d.ts → Markdown.d.ts} +5 -10
  18. package/lib/typescript/src/mappings/Markdown.d.ts.map +1 -0
  19. package/package.json +4 -5
  20. package/src/components/Markdown.js +10 -0
  21. package/src/components/Markdown.tsx +22 -0
  22. package/src/index.js +1 -1
  23. package/src/index.tsx +1 -1
  24. package/src/mappings/FlashList.js +9 -9
  25. package/src/mappings/FlashList.ts +9 -9
  26. package/src/mappings/Markdown.js +25 -0
  27. package/src/mappings/Markdown.ts +32 -0
  28. package/lib/commonjs/components/TabView/TabView.js +0 -132
  29. package/lib/commonjs/components/TabView/TabViewItem.js +0 -25
  30. package/lib/commonjs/components/TabView/index.js +0 -20
  31. package/lib/commonjs/mappings/TabView.js +0 -77
  32. package/lib/commonjs/mappings/TabViewItem.js +0 -37
  33. package/lib/module/components/TabView/TabView.js +0 -123
  34. package/lib/module/components/TabView/TabViewItem.js +0 -20
  35. package/lib/module/components/TabView/index.js +0 -2
  36. package/lib/module/mappings/TabView.js +0 -70
  37. package/lib/module/mappings/TabViewItem.js +0 -30
  38. package/lib/typescript/src/components/TabView/TabView.d.ts +0 -26
  39. package/lib/typescript/src/components/TabView/TabView.d.ts.map +0 -1
  40. package/lib/typescript/src/components/TabView/TabViewItem.d.ts +0 -11
  41. package/lib/typescript/src/components/TabView/TabViewItem.d.ts.map +0 -1
  42. package/lib/typescript/src/components/TabView/index.d.ts +0 -3
  43. package/lib/typescript/src/components/TabView/index.d.ts.map +0 -1
  44. package/lib/typescript/src/mappings/TabView.d.ts +0 -126
  45. package/lib/typescript/src/mappings/TabView.d.ts.map +0 -1
  46. package/lib/typescript/src/mappings/TabViewItem.d.ts.map +0 -1
  47. package/src/components/TabView/TabView.js +0 -61
  48. package/src/components/TabView/TabView.tsx +0 -161
  49. package/src/components/TabView/TabViewItem.js +0 -11
  50. package/src/components/TabView/TabViewItem.tsx +0 -25
  51. package/src/components/TabView/index.js +0 -2
  52. package/src/components/TabView/index.tsx +0 -2
  53. package/src/mappings/TabView.js +0 -76
  54. package/src/mappings/TabView.ts +0 -86
  55. package/src/mappings/TabViewItem.js +0 -30
  56. package/src/mappings/TabViewItem.ts +0 -38
@@ -1,132 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var React = _interopRequireWildcard(require("react"));
8
- var _reactNative = require("react-native");
9
- var _reactNativeTabView = require("react-native-tab-view");
10
- var _theming = require("../../theming");
11
- var _utilities = require("../../utilities");
12
- 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); }
13
- 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; }
14
- 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
- const TabViewComponent = _ref => {
16
- let {
17
- Icon,
18
- onIndexChanged,
19
- onEndReached,
20
- tabBarPosition,
21
- keyboardDismissMode,
22
- swipeEnabled,
23
- scrollEnabled,
24
- activeColor,
25
- inactiveColor,
26
- pressColor,
27
- indicatorColor,
28
- tabsBackgroundColor,
29
- style,
30
- theme,
31
- children
32
- } = _ref;
33
- const [index, setIndex] = React.useState(0);
34
- const [routes, setRoutes] = React.useState([]);
35
- const [tabScenes, setTabScenes] = React.useState({});
36
- const {
37
- textStyles,
38
- viewStyles
39
- } = (0, _utilities.extractStyles)(style);
40
-
41
- //Check type of child using props
42
- //Regular '.type' cannot work because Draftbit strips the type in Draft view
43
- const instanceOfTabViewItemProps = object => {
44
- return "title" in object;
45
- };
46
-
47
- //Populate routes and scenes based on children
48
- React.useEffect(() => {
49
- const newRoutes = [];
50
- const scenes = {};
51
- React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child) && instanceOfTabViewItemProps(child.props)).forEach((item, idx) => {
52
- const child = item;
53
- newRoutes.push({
54
- key: idx.toString(),
55
- title: child.props.title,
56
- icon: child.props.icon,
57
- accessibilityLabel: child.props.accessibilityLabel
58
- });
59
- scenes[idx] = () => child;
60
- });
61
- setRoutes(newRoutes);
62
- setTabScenes(scenes);
63
- }, [children]);
64
- const indexChangeHandler = i => {
65
- setIndex(i);
66
- onIndexChanged === null || onIndexChanged === void 0 ? void 0 : onIndexChanged(i);
67
- if (i === routes.length) {
68
- onEndReached === null || onEndReached === void 0 ? void 0 : onEndReached();
69
- }
70
- };
71
- const renderTabBar = props => {
72
- return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, _extends({}, props, {
73
- activeColor: activeColor || theme.colors.primary,
74
- inactiveColor: inactiveColor || theme.colors.divider,
75
- pressColor: pressColor || theme.colors.primary,
76
- scrollEnabled: scrollEnabled,
77
- indicatorStyle: {
78
- backgroundColor: indicatorColor || theme.colors.primary
79
- },
80
- labelStyle: textStyles,
81
- renderIcon: _ref2 => {
82
- let {
83
- route,
84
- color
85
- } = _ref2;
86
- return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
87
- style: styles.icon,
88
- name: route.icon,
89
- color: color,
90
- size: 16
91
- }) : null;
92
- },
93
- style: {
94
- backgroundColor: tabsBackgroundColor || theme.colors.background
95
- },
96
- contentContainerStyle: styles.tabBarContainer
97
- }));
98
- };
99
-
100
- //Cannot render TabView without at least one tab
101
- if (!routes.length) {
102
- return /*#__PURE__*/React.createElement(React.Fragment, null);
103
- }
104
- return /*#__PURE__*/React.createElement(_reactNativeTabView.TabView, {
105
- style: [styles.tabView, viewStyles],
106
- navigationState: {
107
- index,
108
- routes
109
- },
110
- renderScene: (0, _reactNativeTabView.SceneMap)(tabScenes),
111
- renderTabBar: renderTabBar,
112
- onIndexChange: indexChangeHandler,
113
- tabBarPosition: tabBarPosition,
114
- keyboardDismissMode: keyboardDismissMode,
115
- swipeEnabled: swipeEnabled
116
- });
117
- };
118
- const styles = _reactNative.StyleSheet.create({
119
- tabView: {
120
- flex: 1
121
- },
122
- //Prevent height of bar from filling container
123
- tabBarContainer: {
124
- flex: undefined
125
- },
126
- icon: {
127
- width: 16,
128
- height: 16
129
- }
130
- });
131
- var _default = (0, _theming.withTheme)(TabViewComponent);
132
- exports.default = _default;
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _reactNative = require("react-native");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- const TabViewItem = _ref => {
11
- let {
12
- style,
13
- children
14
- } = _ref;
15
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
16
- style: [styles.parentContainer, style]
17
- }, children);
18
- };
19
- const styles = _reactNative.StyleSheet.create({
20
- parentContainer: {
21
- flex: 1
22
- }
23
- });
24
- var _default = TabViewItem;
25
- exports.default = _default;
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "TabView", {
7
- enumerable: true,
8
- get: function () {
9
- return _TabView.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "TabViewItem", {
13
- enumerable: true,
14
- get: function () {
15
- return _TabViewItem.default;
16
- }
17
- });
18
- var _TabView = _interopRequireDefault(require("./TabView"));
19
- var _TabViewItem = _interopRequireDefault(require("./TabViewItem"));
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,77 +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: "Tab View",
10
- tag: "TabView",
11
- description: "Tab view container",
12
- category: _types.COMPONENT_TYPES.swiper,
13
- stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.Background, _types.StylesPanelSections.Typography],
14
- layout: {
15
- flex: 1
16
- },
17
- triggers: [_types.Triggers.OnIndexChanged, _types.Triggers.OnEndReached],
18
- props: {
19
- onIndexChanged: (0, _types.createActionProp)({
20
- label: "On index changed",
21
- description: "Action to execute when swipe to new index"
22
- }),
23
- onEndReached: (0, _types.createActionProp)({
24
- label: "On end reached",
25
- description: "Action to execute when end of swiping reached"
26
- }),
27
- tabBarPosition: (0, _types.createTextEnumProp)({
28
- label: "Tab Bar Position",
29
- description: "Position of tab bar",
30
- options: ["top", "bottom"],
31
- defaultValue: "top"
32
- }),
33
- keyboardDismissMode: (0, _types.createTextEnumProp)({
34
- label: "Keyboard Dismiss Mode",
35
- description: "Keyboard Dismiss Mode",
36
- options: ["auto", "on-drag", "none"],
37
- defaultValue: "auto"
38
- }),
39
- swipeEnabled: (0, _types.createStaticBoolProp)({
40
- label: "Swipe Enabled",
41
- description: "Whether swiping is enabled or not",
42
- defaultValue: true
43
- }),
44
- scrollEnabled: (0, _types.createStaticBoolProp)({
45
- label: "Tab Scroll Enabled",
46
- description: "Whether scrolling of tabs is enabled or not",
47
- defaultValue: false
48
- }),
49
- activeColor: (0, _types.createColorProp)({
50
- label: "Active Color",
51
- description: "Color of icon and text of active tab",
52
- defaultValue: "primary"
53
- }),
54
- inactiveColor: (0, _types.createColorProp)({
55
- label: "Inactive Color",
56
- description: "Color of icon and text of inactive tab(s)",
57
- defaultValue: null
58
- }),
59
- pressColor: (0, _types.createColorProp)({
60
- label: "Press Color",
61
- description: "Color of ripple when pressed",
62
- defaultValue: "primary",
63
- group: _types.GROUPS.android
64
- }),
65
- indicatorColor: (0, _types.createColorProp)({
66
- label: "Indicator Color",
67
- description: "Color of indicator",
68
- defaultValue: "primary"
69
- }),
70
- tabsBackgroundColor: (0, _types.createColorProp)({
71
- label: "Tabs Background Color",
72
- description: "Background color of tabs container",
73
- defaultValue: "background"
74
- })
75
- }
76
- };
77
- exports.SEED_DATA = SEED_DATA;
@@ -1,37 +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: "Tab View Item",
10
- tag: "TabViewItem",
11
- description: "Single Tab View item to be used in TabView. Each item represents a single tab and its content",
12
- category: _types.COMPONENT_TYPES.swiper,
13
- stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
14
- layout: {
15
- flex: 1
16
- },
17
- props: {
18
- title: (0, _types.createTextProp)({
19
- label: "Title",
20
- description: "Title of tab item",
21
- defaultValue: "Title",
22
- required: true,
23
- group: _types.GROUPS.basic
24
- }),
25
- icon: (0, _types.createIconProp)({
26
- defaultValue: null,
27
- required: false
28
- }),
29
- accessibilityLabel: (0, _types.createTextProp)({
30
- label: "Accessibility Label",
31
- description: "Accessibility Label",
32
- defaultValue: null,
33
- group: _types.GROUPS.accessibility
34
- })
35
- }
36
- };
37
- exports.SEED_DATA = SEED_DATA;
@@ -1,123 +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 * as React from "react";
3
- import { StyleSheet } from "react-native";
4
- import { TabView, TabBar, SceneMap } from "react-native-tab-view";
5
- import { withTheme } from "../../theming";
6
- import { extractStyles } from "../../utilities";
7
- const TabViewComponent = _ref => {
8
- let {
9
- Icon,
10
- onIndexChanged,
11
- onEndReached,
12
- tabBarPosition,
13
- keyboardDismissMode,
14
- swipeEnabled,
15
- scrollEnabled,
16
- activeColor,
17
- inactiveColor,
18
- pressColor,
19
- indicatorColor,
20
- tabsBackgroundColor,
21
- style,
22
- theme,
23
- children
24
- } = _ref;
25
- const [index, setIndex] = React.useState(0);
26
- const [routes, setRoutes] = React.useState([]);
27
- const [tabScenes, setTabScenes] = React.useState({});
28
- const {
29
- textStyles,
30
- viewStyles
31
- } = extractStyles(style);
32
-
33
- //Check type of child using props
34
- //Regular '.type' cannot work because Draftbit strips the type in Draft view
35
- const instanceOfTabViewItemProps = object => {
36
- return "title" in object;
37
- };
38
-
39
- //Populate routes and scenes based on children
40
- React.useEffect(() => {
41
- const newRoutes = [];
42
- const scenes = {};
43
- React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child) && instanceOfTabViewItemProps(child.props)).forEach((item, idx) => {
44
- const child = item;
45
- newRoutes.push({
46
- key: idx.toString(),
47
- title: child.props.title,
48
- icon: child.props.icon,
49
- accessibilityLabel: child.props.accessibilityLabel
50
- });
51
- scenes[idx] = () => child;
52
- });
53
- setRoutes(newRoutes);
54
- setTabScenes(scenes);
55
- }, [children]);
56
- const indexChangeHandler = i => {
57
- setIndex(i);
58
- onIndexChanged === null || onIndexChanged === void 0 ? void 0 : onIndexChanged(i);
59
- if (i === routes.length) {
60
- onEndReached === null || onEndReached === void 0 ? void 0 : onEndReached();
61
- }
62
- };
63
- const renderTabBar = props => {
64
- return /*#__PURE__*/React.createElement(TabBar, _extends({}, props, {
65
- activeColor: activeColor || theme.colors.primary,
66
- inactiveColor: inactiveColor || theme.colors.divider,
67
- pressColor: pressColor || theme.colors.primary,
68
- scrollEnabled: scrollEnabled,
69
- indicatorStyle: {
70
- backgroundColor: indicatorColor || theme.colors.primary
71
- },
72
- labelStyle: textStyles,
73
- renderIcon: _ref2 => {
74
- let {
75
- route,
76
- color
77
- } = _ref2;
78
- return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
79
- style: styles.icon,
80
- name: route.icon,
81
- color: color,
82
- size: 16
83
- }) : null;
84
- },
85
- style: {
86
- backgroundColor: tabsBackgroundColor || theme.colors.background
87
- },
88
- contentContainerStyle: styles.tabBarContainer
89
- }));
90
- };
91
-
92
- //Cannot render TabView without at least one tab
93
- if (!routes.length) {
94
- return /*#__PURE__*/React.createElement(React.Fragment, null);
95
- }
96
- return /*#__PURE__*/React.createElement(TabView, {
97
- style: [styles.tabView, viewStyles],
98
- navigationState: {
99
- index,
100
- routes
101
- },
102
- renderScene: SceneMap(tabScenes),
103
- renderTabBar: renderTabBar,
104
- onIndexChange: indexChangeHandler,
105
- tabBarPosition: tabBarPosition,
106
- keyboardDismissMode: keyboardDismissMode,
107
- swipeEnabled: swipeEnabled
108
- });
109
- };
110
- const styles = StyleSheet.create({
111
- tabView: {
112
- flex: 1
113
- },
114
- //Prevent height of bar from filling container
115
- tabBarContainer: {
116
- flex: undefined
117
- },
118
- icon: {
119
- width: 16,
120
- height: 16
121
- }
122
- });
123
- export default withTheme(TabViewComponent);
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- import { StyleSheet, View } from "react-native";
3
-
4
- //Props used by parent (TabView) to create tabs
5
-
6
- const TabViewItem = _ref => {
7
- let {
8
- style,
9
- children
10
- } = _ref;
11
- return /*#__PURE__*/React.createElement(View, {
12
- style: [styles.parentContainer, style]
13
- }, children);
14
- };
15
- const styles = StyleSheet.create({
16
- parentContainer: {
17
- flex: 1
18
- }
19
- });
20
- export default TabViewItem;
@@ -1,2 +0,0 @@
1
- export { default as TabView } from "./TabView";
2
- export { default as TabViewItem } from "./TabViewItem";
@@ -1,70 +0,0 @@
1
- import { COMPONENT_TYPES, createTextEnumProp, createColorProp, StylesPanelSections, Triggers, createActionProp, createStaticBoolProp, GROUPS } from "@draftbit/types";
2
- export const SEED_DATA = {
3
- name: "Tab View",
4
- tag: "TabView",
5
- description: "Tab view container",
6
- category: COMPONENT_TYPES.swiper,
7
- stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.Background, StylesPanelSections.Typography],
8
- layout: {
9
- flex: 1
10
- },
11
- triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
12
- props: {
13
- onIndexChanged: createActionProp({
14
- label: "On index changed",
15
- description: "Action to execute when swipe to new index"
16
- }),
17
- onEndReached: createActionProp({
18
- label: "On end reached",
19
- description: "Action to execute when end of swiping reached"
20
- }),
21
- tabBarPosition: createTextEnumProp({
22
- label: "Tab Bar Position",
23
- description: "Position of tab bar",
24
- options: ["top", "bottom"],
25
- defaultValue: "top"
26
- }),
27
- keyboardDismissMode: createTextEnumProp({
28
- label: "Keyboard Dismiss Mode",
29
- description: "Keyboard Dismiss Mode",
30
- options: ["auto", "on-drag", "none"],
31
- defaultValue: "auto"
32
- }),
33
- swipeEnabled: createStaticBoolProp({
34
- label: "Swipe Enabled",
35
- description: "Whether swiping is enabled or not",
36
- defaultValue: true
37
- }),
38
- scrollEnabled: createStaticBoolProp({
39
- label: "Tab Scroll Enabled",
40
- description: "Whether scrolling of tabs is enabled or not",
41
- defaultValue: false
42
- }),
43
- activeColor: createColorProp({
44
- label: "Active Color",
45
- description: "Color of icon and text of active tab",
46
- defaultValue: "primary"
47
- }),
48
- inactiveColor: createColorProp({
49
- label: "Inactive Color",
50
- description: "Color of icon and text of inactive tab(s)",
51
- defaultValue: null
52
- }),
53
- pressColor: createColorProp({
54
- label: "Press Color",
55
- description: "Color of ripple when pressed",
56
- defaultValue: "primary",
57
- group: GROUPS.android
58
- }),
59
- indicatorColor: createColorProp({
60
- label: "Indicator Color",
61
- description: "Color of indicator",
62
- defaultValue: "primary"
63
- }),
64
- tabsBackgroundColor: createColorProp({
65
- label: "Tabs Background Color",
66
- description: "Background color of tabs container",
67
- defaultValue: "background"
68
- })
69
- }
70
- };
@@ -1,30 +0,0 @@
1
- import { COMPONENT_TYPES, createTextProp, createIconProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS } from "@draftbit/types";
2
- export const SEED_DATA = {
3
- name: "Tab View Item",
4
- tag: "TabViewItem",
5
- description: "Single Tab View item to be used in TabView. Each item represents a single tab and its content",
6
- category: COMPONENT_TYPES.swiper,
7
- stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
8
- layout: {
9
- flex: 1
10
- },
11
- props: {
12
- title: createTextProp({
13
- label: "Title",
14
- description: "Title of tab item",
15
- defaultValue: "Title",
16
- required: true,
17
- group: GROUPS.basic
18
- }),
19
- icon: createIconProp({
20
- defaultValue: null,
21
- required: false
22
- }),
23
- accessibilityLabel: createTextProp({
24
- label: "Accessibility Label",
25
- description: "Accessibility Label",
26
- defaultValue: null,
27
- group: GROUPS.accessibility
28
- })
29
- }
30
- };
@@ -1,26 +0,0 @@
1
- import * as React from "react";
2
- import { StyleProp, ViewStyle } from "react-native";
3
- import type { IconSlot } from "../../interfaces/Icon";
4
- import type { Theme } from "../../styles/DefaultTheme";
5
- declare type TabBarPosition = "top" | "bottom";
6
- declare type KeyboardDismissMode = "none" | "auto" | "on-drag";
7
- declare type TabViewProps = {
8
- onIndexChanged?: (index: number) => void;
9
- onEndReached?: () => void;
10
- tabBarPosition?: TabBarPosition;
11
- keyboardDismissMode?: KeyboardDismissMode;
12
- swipeEnabled?: boolean;
13
- scrollEnabled?: boolean;
14
- activeColor?: string;
15
- inactiveColor?: string;
16
- pressColor?: string;
17
- indicatorColor?: string;
18
- tabsBackgroundColor?: string;
19
- style?: StyleProp<ViewStyle>;
20
- theme: Theme;
21
- } & IconSlot;
22
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<TabViewProps>, "theme"> & {
23
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
24
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<TabViewProps>> & React.FC<React.PropsWithChildren<TabViewProps>>, {}>;
25
- export default _default;
26
- //# sourceMappingURL=TabView.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabView.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabView/TabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAWhE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAMvD,aAAK,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAC;AACvC,aAAK,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD,aAAK,YAAY,GAAG;IAClB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA2Hb,wBAA2C"}
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { StyleProp, ViewStyle } from "react-native";
3
- export interface TabViewItemProps {
4
- title: string;
5
- icon?: string;
6
- accessibilityLabel?: string;
7
- style?: StyleProp<ViewStyle>;
8
- }
9
- declare const TabViewItem: React.FC<React.PropsWithChildren<TabViewItemProps>>;
10
- export default TabViewItem;
11
- //# sourceMappingURL=TabViewItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabViewItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabView/TabViewItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAGtE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAKpE,CAAC;AAQF,eAAe,WAAW,CAAC"}
@@ -1,3 +0,0 @@
1
- export { default as TabView } from "./TabView";
2
- export { default as TabViewItem } from "./TabViewItem";
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TabView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}