@draftbit/core 46.8.2-feb14e.2 → 46.8.2-fee87c.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/TabView/TabView.js +100 -0
- package/lib/commonjs/components/TabView/TabViewItem.js +25 -0
- package/lib/commonjs/components/TabView/index.js +20 -0
- package/lib/commonjs/index.js +13 -0
- package/lib/commonjs/mappings/TabView.js +73 -0
- package/lib/commonjs/mappings/TabViewItem.js +35 -0
- package/lib/module/components/TabView/TabView.js +90 -0
- package/lib/module/components/TabView/TabViewItem.js +20 -0
- package/lib/module/components/TabView/index.js +2 -0
- package/lib/module/index.js +1 -0
- package/lib/module/mappings/TabView.js +66 -0
- package/lib/module/mappings/TabViewItem.js +28 -0
- package/lib/typescript/src/components/TabView/TabView.d.ts +26 -0
- package/lib/typescript/src/components/TabView/TabView.d.ts.map +1 -0
- package/lib/typescript/src/components/TabView/TabViewItem.d.ts +11 -0
- package/lib/typescript/src/components/TabView/TabViewItem.d.ts.map +1 -0
- package/lib/typescript/src/components/TabView/index.d.ts +3 -0
- package/lib/typescript/src/components/TabView/index.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/TabView.d.ts +123 -0
- package/lib/typescript/src/mappings/TabView.d.ts.map +1 -0
- package/lib/typescript/src/mappings/TabViewItem.d.ts +25 -0
- package/lib/typescript/src/mappings/TabViewItem.d.ts.map +1 -0
- package/package.json +5 -4
- package/src/components/TabView/TabView.js +45 -0
- package/src/components/TabView/TabView.tsx +129 -0
- package/src/components/TabView/TabViewItem.js +11 -0
- package/src/components/TabView/TabViewItem.tsx +25 -0
- package/src/components/TabView/index.js +2 -0
- package/src/components/TabView/index.tsx +2 -0
- package/src/index.js +1 -0
- package/src/index.tsx +2 -0
- package/src/mappings/TabView.js +69 -0
- package/src/mappings/TabView.ts +79 -0
- package/src/mappings/TabViewItem.js +28 -0
- package/src/mappings/TabViewItem.ts +35 -0
- package/lib/commonjs/mappings/HtmlElements.js +0 -175
- package/lib/module/mappings/HtmlElements.js +0 -168
- package/lib/typescript/src/mappings/HtmlElements.d.ts +0 -73
- package/lib/typescript/src/mappings/HtmlElements.d.ts.map +0 -1
- package/src/mappings/HtmlElements.js +0 -191
- package/src/mappings/HtmlElements.ts +0 -204
|
@@ -1,204 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
COMPONENT_TYPES,
|
|
3
|
-
createTextProp,
|
|
4
|
-
FORM_TYPES,
|
|
5
|
-
PROP_TYPES,
|
|
6
|
-
GROUPS,
|
|
7
|
-
StylesPanelSections,
|
|
8
|
-
} from "@draftbit/types";
|
|
9
|
-
|
|
10
|
-
const ELEMENT_SEED_DATA = {
|
|
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
|
-
packageName: "@expo/html-elements",
|
|
14
|
-
stylesPanelSections: [
|
|
15
|
-
StylesPanelSections.Typography,
|
|
16
|
-
StylesPanelSections.LayoutSelectedItem,
|
|
17
|
-
StylesPanelSections.MarginsAndPaddings,
|
|
18
|
-
StylesPanelSections.Effects,
|
|
19
|
-
],
|
|
20
|
-
layout: {
|
|
21
|
-
margin: 0,
|
|
22
|
-
},
|
|
23
|
-
category: COMPONENT_TYPES.webelement,
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
const HEADING_SEED_DATA = {
|
|
27
|
-
...ELEMENT_SEED_DATA,
|
|
28
|
-
category: COMPONENT_TYPES.text,
|
|
29
|
-
props: {
|
|
30
|
-
accessibilityLabel: {
|
|
31
|
-
group: GROUPS.accessibility,
|
|
32
|
-
name: "accessibilityLabel",
|
|
33
|
-
label: "accessibilityLabel",
|
|
34
|
-
description:
|
|
35
|
-
"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
|
|
36
|
-
editable: true,
|
|
37
|
-
required: false,
|
|
38
|
-
formType: FORM_TYPES.string,
|
|
39
|
-
propType: PROP_TYPES.STRING,
|
|
40
|
-
defaultValue: null,
|
|
41
|
-
},
|
|
42
|
-
selectable: {
|
|
43
|
-
group: GROUPS.advanced,
|
|
44
|
-
name: "selectable",
|
|
45
|
-
label: "selectable",
|
|
46
|
-
description:
|
|
47
|
-
"Lets the user select text, to use the native copy and paste functionality.",
|
|
48
|
-
editable: true,
|
|
49
|
-
required: false,
|
|
50
|
-
formType: FORM_TYPES.boolean,
|
|
51
|
-
propType: PROP_TYPES.BOOLEAN,
|
|
52
|
-
defaultValue: null,
|
|
53
|
-
},
|
|
54
|
-
children: {
|
|
55
|
-
group: GROUPS.data,
|
|
56
|
-
label: "Text",
|
|
57
|
-
description: "Text",
|
|
58
|
-
editable: true,
|
|
59
|
-
required: true,
|
|
60
|
-
formType: FORM_TYPES.string,
|
|
61
|
-
propType: PROP_TYPES.STRING,
|
|
62
|
-
defaultValue: "Your Headline Here",
|
|
63
|
-
},
|
|
64
|
-
},
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
const TEXT_SEED_DATA = {
|
|
68
|
-
...ELEMENT_SEED_DATA,
|
|
69
|
-
category: COMPONENT_TYPES.text,
|
|
70
|
-
props: {
|
|
71
|
-
children: {
|
|
72
|
-
group: GROUPS.data,
|
|
73
|
-
label: "Text",
|
|
74
|
-
description: "Text",
|
|
75
|
-
defaultValue: "Your Text Here",
|
|
76
|
-
editable: true,
|
|
77
|
-
required: true,
|
|
78
|
-
formType: FORM_TYPES.string,
|
|
79
|
-
propType: PROP_TYPES.STRING,
|
|
80
|
-
},
|
|
81
|
-
},
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
export const SEED_DATA = [
|
|
85
|
-
{
|
|
86
|
-
name: "H1",
|
|
87
|
-
tag: "H1",
|
|
88
|
-
...HEADING_SEED_DATA,
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
name: "H2",
|
|
92
|
-
tag: "H2",
|
|
93
|
-
...HEADING_SEED_DATA,
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
name: "H3",
|
|
97
|
-
tag: "H3",
|
|
98
|
-
...HEADING_SEED_DATA,
|
|
99
|
-
},
|
|
100
|
-
{
|
|
101
|
-
name: "H4",
|
|
102
|
-
tag: "H4",
|
|
103
|
-
...HEADING_SEED_DATA,
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
name: "H5",
|
|
107
|
-
tag: "H5",
|
|
108
|
-
...HEADING_SEED_DATA,
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
name: "H6",
|
|
112
|
-
tag: "H6",
|
|
113
|
-
...HEADING_SEED_DATA,
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
name: "Anchor",
|
|
117
|
-
tag: "A",
|
|
118
|
-
...TEXT_SEED_DATA,
|
|
119
|
-
props: {
|
|
120
|
-
href: createTextProp({
|
|
121
|
-
label: "href",
|
|
122
|
-
description: "Specify the URL",
|
|
123
|
-
defaultValue: "",
|
|
124
|
-
}),
|
|
125
|
-
target: {
|
|
126
|
-
group: GROUPS.basic,
|
|
127
|
-
label: "target",
|
|
128
|
-
description: "decide where link should open",
|
|
129
|
-
formType: FORM_TYPES.flatArray,
|
|
130
|
-
defaultValue: "_blank",
|
|
131
|
-
options: ["_blank", "_self", "_parent", "_top"],
|
|
132
|
-
},
|
|
133
|
-
},
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
name: "Paragraph",
|
|
137
|
-
tag: "P",
|
|
138
|
-
...TEXT_SEED_DATA,
|
|
139
|
-
props: {
|
|
140
|
-
// NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
|
|
141
|
-
// strong: createBoolProp({
|
|
142
|
-
// label: "Strong",
|
|
143
|
-
// description: "Strong",
|
|
144
|
-
// }),
|
|
145
|
-
// strike: createBoolProp({
|
|
146
|
-
// label: "Strike",
|
|
147
|
-
// description: "Strike through",
|
|
148
|
-
// }),
|
|
149
|
-
// italic: createBoolProp({
|
|
150
|
-
// label: "Italic",
|
|
151
|
-
// description: "Italic Fonts",
|
|
152
|
-
// }),
|
|
153
|
-
// bold: createBoolProp({
|
|
154
|
-
// label: "Bold",
|
|
155
|
-
// description: "Bold",
|
|
156
|
-
// }),
|
|
157
|
-
},
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
name: "Code",
|
|
161
|
-
tag: "Code",
|
|
162
|
-
...TEXT_SEED_DATA,
|
|
163
|
-
},
|
|
164
|
-
{
|
|
165
|
-
name: "Pre",
|
|
166
|
-
tag: "Pre",
|
|
167
|
-
...TEXT_SEED_DATA,
|
|
168
|
-
},
|
|
169
|
-
{
|
|
170
|
-
name: "Mark",
|
|
171
|
-
tag: "Mark",
|
|
172
|
-
...TEXT_SEED_DATA,
|
|
173
|
-
},
|
|
174
|
-
{
|
|
175
|
-
name: "BR",
|
|
176
|
-
tag: "BR",
|
|
177
|
-
...TEXT_SEED_DATA,
|
|
178
|
-
},
|
|
179
|
-
{
|
|
180
|
-
name: "BlockQuote",
|
|
181
|
-
tag: "BlockQuote",
|
|
182
|
-
...TEXT_SEED_DATA,
|
|
183
|
-
},
|
|
184
|
-
{
|
|
185
|
-
name: "HR",
|
|
186
|
-
tag: "HR",
|
|
187
|
-
...TEXT_SEED_DATA,
|
|
188
|
-
},
|
|
189
|
-
{
|
|
190
|
-
name: "Time",
|
|
191
|
-
tag: "Time",
|
|
192
|
-
...ELEMENT_SEED_DATA,
|
|
193
|
-
},
|
|
194
|
-
{
|
|
195
|
-
name: "UL",
|
|
196
|
-
tag: "UL",
|
|
197
|
-
...ELEMENT_SEED_DATA,
|
|
198
|
-
},
|
|
199
|
-
{
|
|
200
|
-
name: "LI",
|
|
201
|
-
tag: "LI",
|
|
202
|
-
...ELEMENT_SEED_DATA,
|
|
203
|
-
},
|
|
204
|
-
];
|