@draftbit/core 47.0.1-2aab54.2 → 47.0.1-411297.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 (80) hide show
  1. package/lib/commonjs/components/Checkbox/CheckboxGroup.js +2 -17
  2. package/lib/commonjs/index.js +82 -25
  3. package/lib/commonjs/mappings/FlashList.js +45 -2
  4. package/lib/commonjs/mappings/FlatList.js +12 -0
  5. package/lib/module/index.js +31 -121
  6. package/lib/module/mappings/FlashList.js +46 -3
  7. package/lib/module/mappings/FlatList.js +13 -1
  8. package/lib/typescript/src/index.d.ts +29 -102
  9. package/lib/typescript/src/index.d.ts.map +1 -1
  10. package/lib/typescript/src/mappings/FlashList.d.ts +112 -2
  11. package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
  12. package/lib/typescript/src/mappings/FlatList.d.ts +42 -0
  13. package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -1
  14. package/package.json +3 -3
  15. package/src/index.js +31 -112
  16. package/src/index.tsx +43 -123
  17. package/src/mappings/FlashList.js +77 -31
  18. package/src/mappings/FlashList.ts +82 -30
  19. package/src/mappings/FlatList.js +13 -1
  20. package/src/mappings/FlatList.ts +16 -0
  21. package/lib/commonjs/mappings/NativeBase/AlertDialog.js +0 -93
  22. package/lib/commonjs/mappings/NativeBase/Button.js +0 -84
  23. package/lib/commonjs/mappings/NativeBase/DataDisplay.js +0 -48
  24. package/lib/commonjs/mappings/NativeBase/Feedback.js +0 -74
  25. package/lib/commonjs/mappings/NativeBase/Layout.js +0 -114
  26. package/lib/commonjs/mappings/NativeBase/Media.js +0 -49
  27. package/lib/commonjs/mappings/NativeBase/Menu.js +0 -111
  28. package/lib/commonjs/mappings/NativeBase/Modal.js +0 -93
  29. package/lib/commonjs/mappings/NativeBase/Other.js +0 -94
  30. package/lib/commonjs/mappings/NativeBase/Popover.js +0 -99
  31. package/lib/module/mappings/NativeBase/AlertDialog.js +0 -86
  32. package/lib/module/mappings/NativeBase/Button.js +0 -86
  33. package/lib/module/mappings/NativeBase/DataDisplay.js +0 -41
  34. package/lib/module/mappings/NativeBase/Feedback.js +0 -67
  35. package/lib/module/mappings/NativeBase/Layout.js +0 -107
  36. package/lib/module/mappings/NativeBase/Media.js +0 -42
  37. package/lib/module/mappings/NativeBase/Menu.js +0 -104
  38. package/lib/module/mappings/NativeBase/Modal.js +0 -86
  39. package/lib/module/mappings/NativeBase/Other.js +0 -87
  40. package/lib/module/mappings/NativeBase/Popover.js +0 -92
  41. package/lib/typescript/src/mappings/NativeBase/AlertDialog.d.ts +0 -134
  42. package/lib/typescript/src/mappings/NativeBase/AlertDialog.d.ts.map +0 -1
  43. package/lib/typescript/src/mappings/NativeBase/Button.d.ts +0 -1
  44. package/lib/typescript/src/mappings/NativeBase/Button.d.ts.map +0 -1
  45. package/lib/typescript/src/mappings/NativeBase/DataDisplay.d.ts +0 -70
  46. package/lib/typescript/src/mappings/NativeBase/DataDisplay.d.ts.map +0 -1
  47. package/lib/typescript/src/mappings/NativeBase/Feedback.d.ts +0 -2
  48. package/lib/typescript/src/mappings/NativeBase/Feedback.d.ts.map +0 -1
  49. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +0 -146
  50. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +0 -1
  51. package/lib/typescript/src/mappings/NativeBase/Media.d.ts +0 -48
  52. package/lib/typescript/src/mappings/NativeBase/Media.d.ts.map +0 -1
  53. package/lib/typescript/src/mappings/NativeBase/Menu.d.ts +0 -227
  54. package/lib/typescript/src/mappings/NativeBase/Menu.d.ts.map +0 -1
  55. package/lib/typescript/src/mappings/NativeBase/Modal.d.ts +0 -133
  56. package/lib/typescript/src/mappings/NativeBase/Modal.d.ts.map +0 -1
  57. package/lib/typescript/src/mappings/NativeBase/Other.d.ts +0 -179
  58. package/lib/typescript/src/mappings/NativeBase/Other.d.ts.map +0 -1
  59. package/lib/typescript/src/mappings/NativeBase/Popover.d.ts +0 -136
  60. package/lib/typescript/src/mappings/NativeBase/Popover.d.ts.map +0 -1
  61. package/src/mappings/NativeBase/AlertDialog.js +0 -103
  62. package/src/mappings/NativeBase/AlertDialog.ts +0 -118
  63. package/src/mappings/NativeBase/Button.js +0 -84
  64. package/src/mappings/NativeBase/Button.ts +0 -83
  65. package/src/mappings/NativeBase/DataDisplay.js +0 -54
  66. package/src/mappings/NativeBase/DataDisplay.ts +0 -64
  67. package/src/mappings/NativeBase/Feedback.js +0 -89
  68. package/src/mappings/NativeBase/Feedback.ts +0 -100
  69. package/src/mappings/NativeBase/Layout.js +0 -140
  70. package/src/mappings/NativeBase/Layout.ts +0 -152
  71. package/src/mappings/NativeBase/Media.js +0 -56
  72. package/src/mappings/NativeBase/Media.ts +0 -65
  73. package/src/mappings/NativeBase/Menu.js +0 -134
  74. package/src/mappings/NativeBase/Menu.ts +0 -150
  75. package/src/mappings/NativeBase/Modal.js +0 -103
  76. package/src/mappings/NativeBase/Modal.ts +0 -118
  77. package/src/mappings/NativeBase/Other.js +0 -123
  78. package/src/mappings/NativeBase/Other.ts +0 -139
  79. package/src/mappings/NativeBase/Popover.js +0 -123
  80. package/src/mappings/NativeBase/Popover.ts +0 -136
@@ -1,48 +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 SHARED_SEED_DATA = {
9
- category: _types.COMPONENT_TYPES.NBDataDisplay,
10
- packageName: "native-base",
11
- stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
12
- layout: {},
13
- triggers: {}
14
- };
15
- const SEED_DATA = [{
16
- name: "Badge",
17
- tag: "Badge",
18
- description: "Badges allow the highlighting of an item’s status. This provides quick recognition.",
19
- ...SHARED_SEED_DATA,
20
- props: {
21
- leftIcon: (0, _types.createIconProp)({
22
- label: "Left Icon",
23
- description: "The icon to display on the left side of the button"
24
- }),
25
- rightIcon: (0, _types.createIconProp)({
26
- label: "Right Icon",
27
- description: "The icon to display on the right side of the button"
28
- })
29
- }
30
- }, {
31
- name: "Divider",
32
- tag: "Divider",
33
- description: "Divider can visually separate content in a given list or group.",
34
- ...SHARED_SEED_DATA,
35
- props: {
36
- orientation: (0, _types.createTextEnumProp)({
37
- label: "Orientation",
38
- description: "The orientation of the divider",
39
- options: ["horizontal", "vertical"]
40
- }),
41
- thickness: (0, _types.createStaticNumberProp)({
42
- label: "Thickness",
43
- description: "The thickness of the divider",
44
- defaultValue: 1
45
- })
46
- }
47
- }];
48
- exports.SEED_DATA = SEED_DATA;
@@ -1,74 +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 SHARED_SEED_DATA = {
9
- category: _types.COMPONENT_TYPES.NBFeedback,
10
- packageName: "native-base",
11
- stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
12
- layout: {},
13
- triggers: {}
14
- };
15
- const SEED_DATA = [{
16
- name: "Alert",
17
- tag: "Alert",
18
- description: "Wrapper component. Alerts convey a state that can influence a system, feature, or page.",
19
- ...SHARED_SEED_DATA,
20
- props: {
21
- status: (0, _types.createTextEnumProp)({
22
- label: "Status",
23
- description: "The status of the alert",
24
- options: ["success", "warning", "error", "info"],
25
- defaultValue: "info"
26
- }),
27
- variant: (0, _types.createTextEnumProp)({
28
- label: "Variant",
29
- description: "The variant of the alert style to use.",
30
- options: ["subtle", "solid", "outline", "left-accent", "top-accent", "outline-light"],
31
- defaultValue: "subtle"
32
- })
33
- }
34
- }, {
35
- name: "Alert Icon",
36
- tag: "Alert.Icon",
37
- description: "The visual icon for the alert that changes based on the status prop.",
38
- ...SHARED_SEED_DATA,
39
- props: {
40
- icon: (0, _types.createIconProp)({
41
- label: "Icon",
42
- description: "The icon to display"
43
- })
44
- }
45
- }, {
46
- name: "Progress",
47
- tag: "Progress",
48
- description: "Progress helps show the progress status for a time-consuming task that consists of several steps.",
49
- ...SHARED_SEED_DATA,
50
- props: {
51
- value: (0, _types.createNumberProp)({
52
- label: "Value",
53
- description: "The value of the progress bar",
54
- defaultValue: 0,
55
- min: 0,
56
- max: 100
57
- }),
58
- min: (0, _types.createNumberProp)({
59
- label: "Min",
60
- description: "The minimum value of the progress bar",
61
- defaultValue: 0,
62
- min: 0,
63
- max: 100
64
- }),
65
- max: (0, _types.createNumberProp)({
66
- label: "Max",
67
- description: "The maximum value of the progress bar",
68
- defaultValue: 100,
69
- min: 0,
70
- max: 100
71
- })
72
- }
73
- }, {}];
74
- exports.SEED_DATA = SEED_DATA;
@@ -1,114 +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 NB_LAYOUT_PROPS = {
9
- category: _types.COMPONENT_TYPES.NBLayout,
10
- packageName: "native-base",
11
- doc_link: "https://www.npmjs.com/package/@expo/html-elements",
12
- code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
13
- stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
14
- allowChildren: true,
15
- layout: {},
16
- triggers: {}
17
- };
18
- const SEED_DATA = [{
19
- name: "Aspect Ratio",
20
- tag: "AspectRatio",
21
- description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
22
- ...NB_LAYOUT_PROPS,
23
- props: {
24
- ratio: (0, _types.createTextEnumProp)({
25
- label: "Ratio",
26
- description: "The aspect ratio of the container",
27
- options: ["1 / 1", "4 / 3", "3 / 2", "16 / 9", "2 / 1", "3 / 4", "2 / 3", "9 / 16", "1 / 2"],
28
- defaultValue: "4 / 3"
29
- })
30
- }
31
- }, {
32
- name: "Box",
33
- tag: "Box",
34
- description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
35
- ...NB_LAYOUT_PROPS
36
- }, {
37
- name: "Center",
38
- tag: "Center",
39
- description: "Centers its child",
40
- ...NB_LAYOUT_PROPS
41
- }, {
42
- name: "Square",
43
- tag: "Square",
44
- description: "Centers its child inside a square",
45
- ...NB_LAYOUT_PROPS
46
- }, {
47
- name: "Circle",
48
- tag: "Circle",
49
- description: "Centers its child inside a circle",
50
- ...NB_LAYOUT_PROPS
51
- }, {
52
- name: "Column",
53
- tag: "Column",
54
- description: "Column aligns items vertically",
55
- ...NB_LAYOUT_PROPS
56
- }, {
57
- name: "Container",
58
- tag: "Container",
59
- description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
60
- ...NB_LAYOUT_PROPS
61
- }, {
62
- name: "Flex",
63
- tag: "Flex",
64
- description: "A Box with Flexbox properties. ",
65
- ...NB_LAYOUT_PROPS
66
- }, {
67
- name: "Spacer",
68
- tag: "Spacer",
69
- description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
70
- ...NB_LAYOUT_PROPS
71
- }, {
72
- name: "Row",
73
- tag: "Row",
74
- description: "Column aligns items horizontally",
75
- ...NB_LAYOUT_PROPS,
76
- props: {}
77
- }, {
78
- name: "Stack",
79
- tag: "Stack",
80
- description: "Stack aligns items vertically or horizontally based on the direction prop.",
81
- ...NB_LAYOUT_PROPS,
82
- props: {
83
- direction: (0, _types.createTextEnumProp)({
84
- label: "Direction",
85
- description: "The direction of the Stack",
86
- options: ["row", "column"],
87
- defaultValue: "column"
88
- }),
89
- reversed: (0, _types.createBoolProp)({
90
- label: "Reversed",
91
- description: "Determines whether to reverse the direction of items."
92
- }),
93
- isDisabled: (0, _types.createBoolProp)({
94
- label: "Disabled",
95
- description: "If true, the Stack will be disabled."
96
- }),
97
- isInvalid: (0, _types.createBoolProp)({
98
- label: "Invalid",
99
- description: "If true, the Stack will be invalid."
100
- })
101
- }
102
- }, {
103
- name: "ZStack",
104
- tag: "ZStack",
105
- description: "ZStack aligns items to the z-axis.",
106
- ...NB_LAYOUT_PROPS,
107
- props: {
108
- reversed: (0, _types.createBoolProp)({
109
- label: "Reversed",
110
- description: "Determines whether to reverse the direction of items."
111
- })
112
- }
113
- }];
114
- exports.SEED_DATA = SEED_DATA;
@@ -1,49 +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 NB_MEDIA_PROPS = {
9
- category: _types.COMPONENT_TYPES.NBLayout,
10
- packageName: "native-base",
11
- doc_link: "https://www.npmjs.com/package/@expo/html-elements",
12
- code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
13
- stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
14
- layout: {},
15
- triggers: {}
16
- };
17
- const AVATAR_PROPS = {
18
- props: {
19
- source: (0, _types.createImageProp)(),
20
- size: (0, _types.createTextEnumProp)({
21
- label: "Size",
22
- description: "The size of the avatar.",
23
- options: ["xs", "sm", "md", "lg", "xl", "2xl"]
24
- }),
25
- wrapperRef: (0, _types.createTextProp)({
26
- label: "Reference",
27
- description: "Reference to be attached to the Avatar wrapper.",
28
- defaultValue: "User Avatar"
29
- })
30
- }
31
- };
32
- const SEED_DATA = [{
33
- name: "Avatar",
34
- tag: "Avatar",
35
- description: "An image that represents the user",
36
- ...NB_MEDIA_PROPS,
37
- ...AVATAR_PROPS
38
- }, {
39
- name: "Avatar Badge",
40
- tag: "AvatarBadge",
41
- description: "A wrapper that displays its content on the bottom right corner of the avatar.",
42
- ...NB_MEDIA_PROPS
43
- }, {
44
- name: "Avatar Group",
45
- tag: "AvatarGroup",
46
- description: "A wrapper to stack multiple avatars together",
47
- ...NB_MEDIA_PROPS
48
- }];
49
- exports.SEED_DATA = SEED_DATA;
@@ -1,111 +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 SHARED_SEED_DATA = {
9
- category: _types.COMPONENT_TYPES.NBMenu,
10
- packageName: "native-base",
11
- stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
12
- layout: {},
13
- allowChildren: true
14
- };
15
- const SEED_DATA = [{
16
- name: "Menu",
17
- tag: "Menu",
18
- description: "Menu generates a dropdown menu along with the menu button design pattern.",
19
- ...SHARED_SEED_DATA,
20
- triggers: [_types.Triggers.OnOpen, _types.Triggers.OnClose],
21
- props: {
22
- onOpen: (0, _types.createActionProp)(),
23
- onClose: (0, _types.createActionProp)(),
24
- closeOnSelect: (0, _types.createStaticBoolProp)({
25
- label: "Close on Select",
26
- description: "Close the menu when an item is selected",
27
- defaultValue: true
28
- }),
29
- defaultIsOpen: (0, _types.createStaticBoolProp)({
30
- label: "Default Is Open",
31
- description: "Whether the menu is open by default",
32
- defaultValue: false
33
- }),
34
- placement: (0, _types.createTextEnumProp)({
35
- label: "Placement",
36
- description: "The placement of the menu",
37
- options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
38
- defaultValue: "bottom left"
39
- }),
40
- offset: (0, _types.createStaticNumberProp)({
41
- label: "Offset",
42
- description: "The distance applied along the main axis between the trigger and the menu."
43
- }),
44
- crossOffset: (0, _types.createStaticNumberProp)({
45
- label: "Cross Offset",
46
- description: "The distance applied along the cross axis between the trigger and the menu."
47
- }),
48
- shouldFlip: (0, _types.createStaticBoolProp)({
49
- label: "Should Flip",
50
- description: "Whether popover should flip when it reaches the edge of the screen.",
51
- defaultValue: true
52
- })
53
- }
54
- }, {
55
- name: "Menu Item",
56
- tag: "Menu.Item",
57
- description: "An individual item in the menu.",
58
- ...SHARED_SEED_DATA,
59
- props: {
60
- isDisabled: (0, _types.createDisabledProp)(),
61
- textValue: (0, _types.createTextProp)({
62
- label: "Text Value",
63
- description: "The text value available for the typeahead menu feature."
64
- })
65
- }
66
- }, {
67
- name: "Menu Group",
68
- tag: "Menu.Group",
69
- description: "A wrapper to group related menu items.",
70
- ...SHARED_SEED_DATA,
71
- props: {
72
- title: (0, _types.createTextProp)({
73
- label: "Title",
74
- description: "The title of the menu group."
75
- })
76
- }
77
- }, {
78
- name: "Menu Option Group",
79
- tag: "Menu.OptionGroup",
80
- description: "A wrapper for checkable menu items (radio and checkbox).",
81
- ...SHARED_SEED_DATA,
82
- triggers: [_types.Triggers.OnChange],
83
- props: {
84
- type: (0, _types.createTextEnumProp)({
85
- label: "Type",
86
- description: "The type of the menu option group.",
87
- options: ["checkbox", "radio"],
88
- defaultValue: "checkbox"
89
- }),
90
- onChange: (0, _types.createActionProp)()
91
- }
92
- }, {
93
- name: "Menu Item Option",
94
- tag: "Menu.ItemOption",
95
- description: "The checkable menu item to be used with Menu Option Group.",
96
- ...SHARED_SEED_DATA,
97
- props: {
98
- isDisabled: (0, _types.createDisabledProp)(),
99
- textValue: (0, _types.createTextProp)({
100
- label: "Text Value",
101
- description: "The text value available for the typeahead menu feature."
102
- })
103
- }
104
- }, {
105
- name: "Menu Trigger",
106
- tag: "Menu.Trigger",
107
- description: "Used to wrap the reference (or trigger) element.",
108
- ...SHARED_SEED_DATA,
109
- props: {}
110
- }];
111
- exports.SEED_DATA = SEED_DATA;
@@ -1,93 +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 SHARED_SEED_DATA = {
9
- category: _types.COMPONENT_TYPES.NBModal,
10
- packageName: "native-base",
11
- stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects]
12
- };
13
- const SEED_DATA = [{
14
- name: "Modal",
15
- tag: "Modal",
16
- description: "A Modal is an overlay on the primary window or another dialog window. Content behind the modal dialog remains inert and users cannot interact with it.",
17
- ...SHARED_SEED_DATA,
18
- layout: {},
19
- triggers: [_types.Triggers.OnClose, _types.Triggers.OnOpen],
20
- props: {
21
- isOpen: (0, _types.createBoolProp)({
22
- label: "Is Open",
23
- description: "If true, the modal will open. Useful for controllable state behavior."
24
- }),
25
- defaultIsOpen: (0, _types.createStaticBoolProp)({
26
- label: "Default Is Open",
27
- description: "If true, the modal will be opened by default."
28
- }),
29
- avoidKeyboard: (0, _types.createStaticBoolProp)({
30
- label: "Avoid Keyboard",
31
- description: "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
32
- defaultValue: false
33
- }),
34
- closeOnOverlayClick: (0, _types.createStaticBoolProp)({
35
- label: "Close on Overlay Click",
36
- description: "If true, the modal will close when the overlay is clicked.",
37
- defaultValue: true
38
- }),
39
- isKeyboardDismissable: (0, _types.createStaticBoolProp)({
40
- label: "Is Keyboard Dismissable",
41
- description: "If true, the modal will close when the keyboard is dismissed.",
42
- defaultValue: true
43
- }),
44
- backdropVisible: (0, _types.createStaticBoolProp)({
45
- label: "Backdrop Visible",
46
- description: "If true, the backdrop element is visible.",
47
- defaultValue: true
48
- }),
49
- animationPreset: (0, _types.createTextEnumProp)({
50
- label: "Animation Preset",
51
- description: "The animation preset to use for the modal.",
52
- options: ["slide", "fade", "none"],
53
- defaultValue: "fade"
54
- }),
55
- useRNModal: (0, _types.createStaticBoolProp)({
56
- label: "Use RN Modal",
57
- description: "If true, the modal will use the RN Modal component."
58
- }),
59
- onOpen: (0, _types.createActionProp)(),
60
- onClose: (0, _types.createActionProp)()
61
- }
62
- }, {
63
- name: "Modal Content",
64
- tag: "Modal.Content",
65
- description: "The container for the modal dialog's content.",
66
- ...SHARED_SEED_DATA,
67
- props: {}
68
- }, {
69
- name: "Modal Header",
70
- tag: "Modal.Header",
71
- description: "The header that labels the modal dialog.",
72
- ...SHARED_SEED_DATA,
73
- props: {}
74
- }, {
75
- name: "Modal Footer",
76
- tag: "Modal.Footer",
77
- description: "The footer that houses the modal actions.",
78
- ...SHARED_SEED_DATA,
79
- props: {}
80
- }, {
81
- name: "Modal Body",
82
- tag: "Modal.Body",
83
- description: "A wrapper that houses the modal's main content",
84
- ...SHARED_SEED_DATA,
85
- props: {}
86
- }, {
87
- name: "Modal Close Button",
88
- tag: "Modal.CloseButton",
89
- description: "The button that closes the modal.",
90
- ...SHARED_SEED_DATA,
91
- props: {}
92
- }];
93
- exports.SEED_DATA = SEED_DATA;
@@ -1,94 +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: "FAB",
10
- tag: "Fab",
11
- description: "A floating action button (FAB) is a circular icon button that hovers over content to execute a primary action in the application.",
12
- category: _types.COMPONENT_TYPES.NBForms,
13
- packageName: "native-base",
14
- doc_link: "https://www.npmjs.com/package/@expo/html-elements",
15
- code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
16
- stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
17
- layout: {},
18
- triggers: {},
19
- props: {
20
- placement: (0, _types.createTextEnumProp)({
21
- label: "Placement",
22
- description: "The placement of the Fab relative to the device.",
23
- options: ["bottom-right", "top-right", "top-left", "bottom-left"],
24
- defaultValue: "bottom-right"
25
- }),
26
- label: (0, _types.createTextProp)({
27
- label: "Label",
28
- description: "The Text to be displayed in Fab."
29
- }),
30
- icon: (0, _types.createIconProp)({
31
- label: "Icon",
32
- description: "Icon to be displayed in Fab. "
33
- })
34
- }
35
- }, {
36
- name: "Tooltip",
37
- tag: "Tooltip",
38
- description: "A tooltip provides a brief, informative message when a user interacts with an element. Methods of tooltip initiation include: through a mouse-hover gesture or a keyboard-hover gesture.",
39
- category: _types.COMPONENT_TYPES.NBOther,
40
- packageName: "native-base",
41
- allowChildren: true,
42
- stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
43
- layout: {},
44
- triggers: [_types.Triggers.OnOpen, _types.Triggers.OnClose],
45
- props: {
46
- label: (0, _types.createTextProp)({
47
- label: "Label",
48
- description: "The Text to be displayed in Tooltip."
49
- }),
50
- isOpen: (0, _types.createBoolProp)({
51
- label: "Is Open",
52
- description: "Whether the tooltip is open or not."
53
- }),
54
- isDisabled: (0, _types.createDisabledProp)(),
55
- defaultIsOpen: (0, _types.createStaticBoolProp)({
56
- label: "Default Is Open",
57
- description: "Whether the tooltip is open by default",
58
- defaultValue: false
59
- }),
60
- onOpen: (0, _types.createActionProp)(),
61
- onClose: (0, _types.createActionProp)(),
62
- openDelay: (0, _types.createStaticNumberProp)({
63
- label: "Open Delay",
64
- description: "Delay in ms before tooltip opens",
65
- defaultValue: 0
66
- }),
67
- closeDelay: (0, _types.createStaticNumberProp)({
68
- label: "Close Delay",
69
- description: "Delay in ms before tooltip closes",
70
- defaultValue: 0
71
- }),
72
- placement: (0, _types.createTextEnumProp)({
73
- label: "Placement",
74
- description: "The placement of the menu",
75
- options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
76
- defaultValue: "bottom"
77
- }),
78
- arrowSize: (0, _types.createStaticNumberProp)({
79
- label: "Arrow Size",
80
- description: "The size of the arrow",
81
- defaultValue: 12
82
- }),
83
- hasArrow: (0, _types.createStaticBoolProp)({
84
- label: "Has Arrow",
85
- description: "Whether the tooltip has an arrow",
86
- defaultValue: false
87
- }),
88
- offset: (0, _types.createStaticNumberProp)({
89
- label: "Offset",
90
- description: "The distance between the triggere and the tooltip."
91
- })
92
- }
93
- }];
94
- exports.SEED_DATA = SEED_DATA;
@@ -1,99 +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 SHARED_SEED_DATA = {
9
- category: _types.COMPONENT_TYPES.NBPopover,
10
- packageName: "native-base",
11
- stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
12
- layout: {},
13
- triggers: {}
14
- };
15
- const SEED_DATA = [{
16
- name: "Popover",
17
- tag: "Popover",
18
- description: "Popover floats around a trigger. It is a non-modal dialog used to provide contextual information to the user. It should be paired with a pressable trigger element.",
19
- ...SHARED_SEED_DATA,
20
- allowChildren: true,
21
- props: {
22
- isOpen: (0, _types.createBoolProp)({
23
- label: "Is Open",
24
- description: "If true, the popover is open. Useful for controlling the open state."
25
- }),
26
- defaultIsOpen: (0, _types.createStaticBoolProp)({
27
- label: "Default Is Open",
28
- description: "If true, the popover will be opened by default."
29
- }),
30
- trapFocus: (0, _types.createStaticBoolProp)({
31
- label: "Trap Focus",
32
- description: "Whether popover should trap focus."
33
- }),
34
- shouldFlip: (0, _types.createStaticBoolProp)({
35
- label: "Should Flip",
36
- description: "Whether popover should flip when it reaches the edge of the screen.",
37
- defaultValue: true
38
- }),
39
- shouldOverlapWithTrigger: (0, _types.createStaticBoolProp)({
40
- label: "Should Overlap With Trigger",
41
- description: "Whether popover should overlap with trigger.",
42
- defaultValue: false
43
- }),
44
- isKeyboardDismissable: (0, _types.createStaticBoolProp)({
45
- label: "Is Keyboard Dismissable",
46
- description: "If true, the popover will close when the keyboard is dismissed.",
47
- defaultValue: true
48
- }),
49
- placement: (0, _types.createTextEnumProp)({
50
- label: "Placement",
51
- description: "The placement of the popover",
52
- options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
53
- defaultValue: "bottom left"
54
- }),
55
- useRNModal: (0, _types.createStaticBoolProp)({
56
- label: "Use RN Modal",
57
- description: "If true, the popover will use the RN Modal component."
58
- }),
59
- onOpen: (0, _types.createActionProp)(),
60
- onClose: (0, _types.createActionProp)()
61
- }
62
- }, {
63
- name: "Popover Arrow",
64
- tag: "Popover.Arrow",
65
- description: "The popover arrow.",
66
- ...SHARED_SEED_DATA,
67
- props: {}
68
- }, {
69
- name: "Popover Body",
70
- tag: "Popover.Body",
71
- description: "The body of the popover.",
72
- ...SHARED_SEED_DATA,
73
- props: {}
74
- }, {
75
- name: "Popover Content",
76
- tag: "Popover.Content",
77
- description: "The popover itself.",
78
- ...SHARED_SEED_DATA,
79
- props: {}
80
- }, {
81
- name: "Popover Close Button",
82
- tag: "Popover.CloseButton",
83
- description: "The button that closes the popover.",
84
- ...SHARED_SEED_DATA,
85
- props: {}
86
- }, {
87
- name: "Popover Header",
88
- tag: "Popover.Header",
89
- description: "The header of the popover.",
90
- ...SHARED_SEED_DATA,
91
- props: {}
92
- }, {
93
- name: "Popover Trigger",
94
- tag: "Popover.Trigger",
95
- description: "Used to wrap the reference (or trigger) element.",
96
- ...SHARED_SEED_DATA,
97
- props: {}
98
- }];
99
- exports.SEED_DATA = SEED_DATA;