@draftbit/core 46.8.2-3a158e.2 → 46.8.2-41c76e.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 (15) hide show
  1. package/lib/commonjs/components/Surface.js +2 -14
  2. package/lib/commonjs/constants.js +1 -1
  3. package/lib/commonjs/mappings/FlashList.js +2 -8
  4. package/lib/module/mappings/FlashList.js +3 -9
  5. package/lib/typescript/src/mappings/FlashList.d.ts +0 -6
  6. package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
  7. package/package.json +3 -4
  8. package/src/mappings/FlashList.js +9 -9
  9. package/src/mappings/FlashList.ts +9 -9
  10. package/lib/commonjs/mappings/HtmlElements.js +0 -160
  11. package/lib/module/mappings/HtmlElements.js +0 -153
  12. package/lib/typescript/src/mappings/HtmlElements.d.ts +0 -109
  13. package/lib/typescript/src/mappings/HtmlElements.d.ts.map +0 -1
  14. package/src/mappings/HtmlElements.js +0 -180
  15. package/src/mappings/HtmlElements.ts +0 -193
package/lib/commonjs/components/Surface.js CHANGED
@@ -12,8 +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
- /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
16
-
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); }
17
16
  const Surface = _ref => {
18
17
  let {
19
18
  elevation: propElevation,
@@ -43,18 +42,7 @@ const Surface = _ref => {
43
42
  return colors.surface;
44
43
  }
45
44
  };
46
- return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
47
- ...rest,
48
- style: [{
49
- backgroundColor: getBackgroundColor(),
50
- elevation,
51
- ...evalationStyles,
52
- ...restStyle
53
- }]
54
- }, children);
55
- };
56
- var _default = (0, _theming.withTheme)(Surface);
57
- exports.default = _default;xtends({}, rest, {
45
+ return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
58
46
  style: [{
59
47
  backgroundColor: getBackgroundColor(),
60
48
  elevation,
package/lib/commonjs/constants.js CHANGED
@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
12
12
  android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
13
13
  ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
14
14
  });
15
- exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;
15
+ exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
package/lib/commonjs/mappings/FlashList.js CHANGED
@@ -11,10 +11,7 @@ const SEED_DATA = [{
11
11
  description: "Masonry Flashlist by Shopify",
12
12
  packageName: "@shopify/flash-list",
13
13
  category: _types.COMPONENT_TYPES.data,
14
- stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
15
- layout: {
16
- flex: 1
17
- },
14
+ stylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.MarginsAndPaddings],
18
15
  triggers: [_types.Triggers.OnRefresh, _types.Triggers.OnEndReached],
19
16
  props: {
20
17
  onRefresh: (0, _types.createActionProp)(),
@@ -61,10 +58,7 @@ const SEED_DATA = [{
61
58
  description: "Flashlist by Shopify",
62
59
  packageName: "@shopify/flash-list",
63
60
  category: _types.COMPONENT_TYPES.data,
64
- stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
65
- layout: {
66
- flex: 1
67
- },
61
+ stylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.MarginsAndPaddings],
68
62
  triggers: [_types.Triggers.OnRefresh, _types.Triggers.OnEndReached],
69
63
  props: {
70
64
  onRefresh: (0, _types.createActionProp)(),
package/lib/module/mappings/FlashList.js CHANGED
@@ -1,14 +1,11 @@
1
- import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp, createColorProp } from "@draftbit/types";
1
+ import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, GROUPS, Triggers, createActionProp, createStaticNumberProp, createColorProp, StylesPanelSections } from "@draftbit/types";
2
2
  export const SEED_DATA = [{
3
3
  name: "Masonry List",
4
4
  tag: "MasonryFlashList",
5
5
  description: "Masonry Flashlist by Shopify",
6
6
  packageName: "@shopify/flash-list",
7
7
  category: COMPONENT_TYPES.data,
8
- stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
9
- layout: {
10
- flex: 1
11
- },
8
+ stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.MarginsAndPaddings],
12
9
  triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
13
10
  props: {
14
11
  onRefresh: createActionProp(),
@@ -55,10 +52,7 @@ export const SEED_DATA = [{
55
52
  description: "Flashlist by Shopify",
56
53
  packageName: "@shopify/flash-list",
57
54
  category: COMPONENT_TYPES.data,
58
- stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
59
- layout: {
60
- flex: 1
61
- },
55
+ stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.MarginsAndPaddings],
62
56
  triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
63
57
  props: {
64
58
  onRefresh: createActionProp(),
package/lib/typescript/src/mappings/FlashList.d.ts CHANGED
@@ -5,9 +5,6 @@ export declare const SEED_DATA: ({
5
5
  packageName: string;
6
6
  category: string;
7
7
  stylesPanelSections: string[];
8
- layout: {
9
- flex: number;
10
- };
11
8
  triggers: string[];
12
9
  props: {
13
10
  onRefresh: {
@@ -113,9 +110,6 @@ export declare const SEED_DATA: ({
113
110
  packageName: string;
114
111
  category: string;
115
112
  stylesPanelSections: string[];
116
- layout: {
117
- flex: number;
118
- };
119
113
  triggers: string[];
120
114
  props: {
121
115
  onRefresh: {
package/lib/typescript/src/mappings/FlashList.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHrB,CAAC"}
1
+ {"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHrB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "46.8.2-3a158e.2+3a158ef",
3
+ "version": "46.8.2-41c76e.2+41c76ef",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -41,8 +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.8.2-3a158e.2+3a158ef",
45
- "@expo/html-elements": "^0.3.1",
44
+ "@draftbit/types": "^46.8.2-41c76e.2+41c76ef",
46
45
  "@material-ui/core": "^4.11.0",
47
46
  "@material-ui/pickers": "^3.2.10",
48
47
  "@react-native-community/slider": "4.2.3",
@@ -93,5 +92,5 @@
93
92
  ]
94
93
  ]
95
94
  },
96
- "gitHead": "3a158efc991d973a40e8a08b9ebf695936570fe0"
95
+ "gitHead": "41c76efe66d0d1d4a67333340e289517c242ef45"
97
96
  }
package/src/mappings/FlashList.js CHANGED
@@ -1,4 +1,4 @@
1
- import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp, createColorProp, } from "@draftbit/types";
1
+ import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, GROUPS, Triggers, createActionProp, createStaticNumberProp, createColorProp, StylesPanelSections, } from "@draftbit/types";
2
2
  export const SEED_DATA = [
3
3
  {
4
4
  name: "Masonry List",
@@ -6,10 +6,10 @@ export const SEED_DATA = [
6
6
  description: "Masonry Flashlist by Shopify",
7
7
  packageName: "@shopify/flash-list",
8
8
  category: COMPONENT_TYPES.data,
9
- stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
10
- layout: {
11
- flex: 1,
12
- },
9
+ stylesPanelSections: [
10
+ StylesPanelSections.Background,
11
+ StylesPanelSections.MarginsAndPaddings,
12
+ ],
13
13
  triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
14
14
  props: {
15
15
  onRefresh: createActionProp(),
@@ -57,10 +57,10 @@ export const SEED_DATA = [
57
57
  description: "Flashlist by Shopify",
58
58
  packageName: "@shopify/flash-list",
59
59
  category: COMPONENT_TYPES.data,
60
- stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
61
- layout: {
62
- flex: 1,
63
- },
60
+ stylesPanelSections: [
61
+ StylesPanelSections.Background,
62
+ StylesPanelSections.MarginsAndPaddings,
63
+ ],
64
64
  triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
65
65
  props: {
66
66
  onRefresh: createActionProp(),
package/src/mappings/FlashList.ts CHANGED
@@ -3,12 +3,12 @@ import {
3
3
  createNumColumnsType,
4
4
  createStaticBoolProp,
5
5
  createNumberProp,
6
- CONTAINER_COMPONENT_STYLES_SECTIONS,
7
6
  GROUPS,
8
7
  Triggers,
9
8
  createActionProp,
10
9
  createStaticNumberProp,
11
10
  createColorProp,
11
+ StylesPanelSections,
12
12
  } from "@draftbit/types";
13
13
 
14
14
  export const SEED_DATA = [
@@ -18,10 +18,10 @@ export const SEED_DATA = [
18
18
  description: "Masonry Flashlist by Shopify",
19
19
  packageName: "@shopify/flash-list",
20
20
  category: COMPONENT_TYPES.data,
21
- stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
22
- layout: {
23
- flex: 1,
24
- },
21
+ stylesPanelSections: [
22
+ StylesPanelSections.Background,
23
+ StylesPanelSections.MarginsAndPaddings,
24
+ ],
25
25
  triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
26
26
  props: {
27
27
  onRefresh: createActionProp(),
@@ -72,10 +72,10 @@ export const SEED_DATA = [
72
72
  description: "Flashlist by Shopify",
73
73
  packageName: "@shopify/flash-list",
74
74
  category: COMPONENT_TYPES.data,
75
- stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
76
- layout: {
77
- flex: 1,
78
- },
75
+ stylesPanelSections: [
76
+ StylesPanelSections.Background,
77
+ StylesPanelSections.MarginsAndPaddings,
78
+ ],
79
79
  triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
80
80
  props: {
81
81
  onRefresh: createActionProp(),
package/lib/commonjs/mappings/HtmlElements.js DELETED
@@ -1,160 +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 ELEMENT_SEED_DATA = {
9
- doc_link: "https://www.npmjs.com/package/@expo/html-elements",
10
- code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
11
- packageName: "@expo/html-elements",
12
- stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
13
- category: _types.COMPONENT_TYPES.webelement
14
- };
15
- const TEXT_SEED_DATA = {
16
- ...ELEMENT_SEED_DATA,
17
- category: _types.COMPONENT_TYPES.text,
18
- stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
19
- layout: {
20
- color: "strong"
21
- },
22
- props: {
23
- children: {
24
- group: _types.GROUPS.data,
25
- label: "Text",
26
- description: "Text",
27
- defaultValue: "Double click me to edit 👀",
28
- editable: true,
29
- required: true,
30
- formType: _types.FORM_TYPES.string,
31
- propType: _types.PROP_TYPES.STRING
32
- },
33
- accessibilityLabel: {
34
- group: _types.GROUPS.accessibility,
35
- name: "accessibilityLabel",
36
- label: "accessibilityLabel",
37
- description: "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.",
38
- editable: true,
39
- required: false,
40
- formType: _types.FORM_TYPES.string,
41
- propType: _types.PROP_TYPES.STRING,
42
- defaultValue: null
43
- },
44
- selectable: {
45
- group: _types.GROUPS.advanced,
46
- name: "selectable",
47
- label: "selectable",
48
- description: "Lets the user select text, to use the native copy and paste functionality.",
49
- editable: true,
50
- required: false,
51
- formType: _types.FORM_TYPES.boolean,
52
- propType: _types.PROP_TYPES.BOOLEAN,
53
- defaultValue: true
54
- }
55
- }
56
- };
57
- const SEED_DATA = [{
58
- name: "Heading 1",
59
- tag: "H1",
60
- ...TEXT_SEED_DATA
61
- }, {
62
- name: "Heading 2",
63
- tag: "H2",
64
- ...TEXT_SEED_DATA
65
- }, {
66
- name: "Heading 3",
67
- tag: "H3",
68
- ...TEXT_SEED_DATA
69
- }, {
70
- name: "Heading 4",
71
- tag: "H4",
72
- ...TEXT_SEED_DATA
73
- }, {
74
- name: "Heading 5",
75
- tag: "H5",
76
- ...TEXT_SEED_DATA
77
- }, {
78
- name: "Heading 6",
79
- tag: "H6",
80
- ...TEXT_SEED_DATA
81
- }, {
82
- name: "Paragraph",
83
- tag: "P",
84
- ...TEXT_SEED_DATA
85
- }, {
86
- name: "Bold",
87
- tag: "B",
88
- ...TEXT_SEED_DATA
89
- }, {
90
- name: "Strikethrough",
91
- tag: "S",
92
- ...TEXT_SEED_DATA
93
- }, {
94
- name: "Italic",
95
- tag: "I",
96
- ...TEXT_SEED_DATA
97
- }, {
98
- name: "Code",
99
- tag: "Code",
100
- ...TEXT_SEED_DATA
101
- }, {
102
- name: "Preformatted",
103
- tag: "Pre",
104
- ...TEXT_SEED_DATA
105
- }, {
106
- name: "Mark",
107
- tag: "Mark",
108
- ...TEXT_SEED_DATA
109
- }, {
110
- name: "Block Quote",
111
- tag: "BlockQuote",
112
- ...TEXT_SEED_DATA
113
- }, {
114
- name: "Quoted",
115
- tag: "Q",
116
- ...TEXT_SEED_DATA
117
- }, {
118
- name: "Line Break",
119
- tag: "BR",
120
- ...TEXT_SEED_DATA
121
- }, {
122
- name: "Horizontal Rule",
123
- tag: "HR",
124
- ...TEXT_SEED_DATA
125
- }, {
126
- name: "Time",
127
- tag: "Time",
128
- ...TEXT_SEED_DATA
129
- }, {
130
- name: "Unordered List",
131
- tag: "UL",
132
- ...ELEMENT_SEED_DATA
133
- }, {
134
- name: "List Item",
135
- tag: "LI",
136
- ...TEXT_SEED_DATA,
137
- category: _types.COMPONENT_TYPES.webelement
138
- }, {
139
- name: "Anchor",
140
- tag: "A",
141
- ...TEXT_SEED_DATA,
142
- props: {
143
- ...TEXT_SEED_DATA.props,
144
- href: (0, _types.createTextProp)({
145
- label: "href",
146
- description: "Specify the URL",
147
- defaultValue: ""
148
- }),
149
- target: {
150
- group: _types.GROUPS.basic,
151
- label: "target",
152
- description: "decide where link should open",
153
- formType: _types.FORM_TYPES.flatArray,
154
- defaultValue: "_blank",
155
- options: ["_blank", "_self", "_parent", "_top"]
156
- }
157
- },
158
- category: _types.COMPONENT_TYPES.webelement
159
- }];
160
- exports.SEED_DATA = SEED_DATA;
package/lib/module/mappings/HtmlElements.js DELETED
@@ -1,153 +0,0 @@
1
- import { COMPONENT_TYPES, createTextProp, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
2
- const ELEMENT_SEED_DATA = {
3
- doc_link: "https://www.npmjs.com/package/@expo/html-elements",
4
- code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
5
- packageName: "@expo/html-elements",
6
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
7
- category: COMPONENT_TYPES.webelement
8
- };
9
- const TEXT_SEED_DATA = {
10
- ...ELEMENT_SEED_DATA,
11
- category: COMPONENT_TYPES.text,
12
- stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
13
- layout: {
14
- color: "strong"
15
- },
16
- props: {
17
- children: {
18
- group: GROUPS.data,
19
- label: "Text",
20
- description: "Text",
21
- defaultValue: "Double click me to edit 👀",
22
- editable: true,
23
- required: true,
24
- formType: FORM_TYPES.string,
25
- propType: PROP_TYPES.STRING
26
- },
27
- accessibilityLabel: {
28
- group: GROUPS.accessibility,
29
- name: "accessibilityLabel",
30
- label: "accessibilityLabel",
31
- description: "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.",
32
- editable: true,
33
- required: false,
34
- formType: FORM_TYPES.string,
35
- propType: PROP_TYPES.STRING,
36
- defaultValue: null
37
- },
38
- selectable: {
39
- group: GROUPS.advanced,
40
- name: "selectable",
41
- label: "selectable",
42
- description: "Lets the user select text, to use the native copy and paste functionality.",
43
- editable: true,
44
- required: false,
45
- formType: FORM_TYPES.boolean,
46
- propType: PROP_TYPES.BOOLEAN,
47
- defaultValue: true
48
- }
49
- }
50
- };
51
- export const SEED_DATA = [{
52
- name: "Heading 1",
53
- tag: "H1",
54
- ...TEXT_SEED_DATA
55
- }, {
56
- name: "Heading 2",
57
- tag: "H2",
58
- ...TEXT_SEED_DATA
59
- }, {
60
- name: "Heading 3",
61
- tag: "H3",
62
- ...TEXT_SEED_DATA
63
- }, {
64
- name: "Heading 4",
65
- tag: "H4",
66
- ...TEXT_SEED_DATA
67
- }, {
68
- name: "Heading 5",
69
- tag: "H5",
70
- ...TEXT_SEED_DATA
71
- }, {
72
- name: "Heading 6",
73
- tag: "H6",
74
- ...TEXT_SEED_DATA
75
- }, {
76
- name: "Paragraph",
77
- tag: "P",
78
- ...TEXT_SEED_DATA
79
- }, {
80
- name: "Bold",
81
- tag: "B",
82
- ...TEXT_SEED_DATA
83
- }, {
84
- name: "Strikethrough",
85
- tag: "S",
86
- ...TEXT_SEED_DATA
87
- }, {
88
- name: "Italic",
89
- tag: "I",
90
- ...TEXT_SEED_DATA
91
- }, {
92
- name: "Code",
93
- tag: "Code",
94
- ...TEXT_SEED_DATA
95
- }, {
96
- name: "Preformatted",
97
- tag: "Pre",
98
- ...TEXT_SEED_DATA
99
- }, {
100
- name: "Mark",
101
- tag: "Mark",
102
- ...TEXT_SEED_DATA
103
- }, {
104
- name: "Block Quote",
105
- tag: "BlockQuote",
106
- ...TEXT_SEED_DATA
107
- }, {
108
- name: "Quoted",
109
- tag: "Q",
110
- ...TEXT_SEED_DATA
111
- }, {
112
- name: "Line Break",
113
- tag: "BR",
114
- ...TEXT_SEED_DATA
115
- }, {
116
- name: "Horizontal Rule",
117
- tag: "HR",
118
- ...TEXT_SEED_DATA
119
- }, {
120
- name: "Time",
121
- tag: "Time",
122
- ...TEXT_SEED_DATA
123
- }, {
124
- name: "Unordered List",
125
- tag: "UL",
126
- ...ELEMENT_SEED_DATA
127
- }, {
128
- name: "List Item",
129
- tag: "LI",
130
- ...TEXT_SEED_DATA,
131
- category: COMPONENT_TYPES.webelement
132
- }, {
133
- name: "Anchor",
134
- tag: "A",
135
- ...TEXT_SEED_DATA,
136
- props: {
137
- ...TEXT_SEED_DATA.props,
138
- href: createTextProp({
139
- label: "href",
140
- description: "Specify the URL",
141
- defaultValue: ""
142
- }),
143
- target: {
144
- group: GROUPS.basic,
145
- label: "target",
146
- description: "decide where link should open",
147
- formType: FORM_TYPES.flatArray,
148
- defaultValue: "_blank",
149
- options: ["_blank", "_self", "_parent", "_top"]
150
- }
151
- },
152
- category: COMPONENT_TYPES.webelement
153
- }];
package/lib/typescript/src/mappings/HtmlElements.d.ts DELETED
@@ -1,109 +0,0 @@
1
- export declare const SEED_DATA: ({
2
- category: string;
3
- stylesPanelSections: string[];
4
- layout: {
5
- color: string;
6
- };
7
- props: {
8
- children: {
9
- group: string;
10
- label: string;
11
- description: string;
12
- defaultValue: string;
13
- editable: boolean;
14
- required: boolean;
15
- formType: string;
16
- propType: string;
17
- };
18
- accessibilityLabel: {
19
- group: string;
20
- name: string;
21
- label: string;
22
- description: string;
23
- editable: boolean;
24
- required: boolean;
25
- formType: string;
26
- propType: string;
27
- defaultValue: null;
28
- };
29
- selectable: {
30
- group: string;
31
- name: string;
32
- label: string;
33
- description: string;
34
- editable: boolean;
35
- required: boolean;
36
- formType: string;
37
- propType: string;
38
- defaultValue: boolean;
39
- };
40
- };
41
- doc_link: string;
42
- code_link: string;
43
- packageName: string;
44
- name: string;
45
- tag: string;
46
- } | {
47
- doc_link: string;
48
- code_link: string;
49
- packageName: string;
50
- stylesPanelSections: string[];
51
- category: string;
52
- name: string;
53
- tag: string;
54
- } | {
55
- props: {
56
- href: any;
57
- target: {
58
- group: string;
59
- label: string;
60
- description: string;
61
- formType: string;
62
- defaultValue: string;
63
- options: string[];
64
- };
65
- children: {
66
- group: string;
67
- label: string;
68
- description: string;
69
- defaultValue: string;
70
- editable: boolean;
71
- required: boolean;
72
- formType: string;
73
- propType: string;
74
- };
75
- accessibilityLabel: {
76
- group: string;
77
- name: string;
78
- label: string;
79
- description: string;
80
- editable: boolean;
81
- required: boolean;
82
- formType: string;
83
- propType: string;
84
- defaultValue: null;
85
- };
86
- selectable: {
87
- group: string;
88
- name: string;
89
- label: string;
90
- description: string;
91
- editable: boolean;
92
- required: boolean;
93
- formType: string;
94
- propType: string;
95
- defaultValue: boolean;
96
- };
97
- };
98
- category: string;
99
- stylesPanelSections: string[];
100
- layout: {
101
- color: string;
102
- };
103
- doc_link: string;
104
- code_link: string;
105
- packageName: string;
106
- name: string;
107
- tag: string;
108
- })[];
109
- //# sourceMappingURL=HtmlElements.d.ts.map
package/lib/typescript/src/mappings/HtmlElements.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"HtmlElements.d.ts","sourceRoot":"","sources":["../../../../src/mappings/HtmlElements.ts"],"names":[],"mappings":"AAoEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4HrB,CAAC"}
package/src/mappings/HtmlElements.js DELETED
@@ -1,180 +0,0 @@
1
- import { COMPONENT_TYPES, createTextProp, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
2
- const ELEMENT_SEED_DATA = {
3
- doc_link: "https://www.npmjs.com/package/@expo/html-elements",
4
- code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
5
- packageName: "@expo/html-elements",
6
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
7
- category: COMPONENT_TYPES.webelement,
8
- };
9
- const TEXT_SEED_DATA = {
10
- ...ELEMENT_SEED_DATA,
11
- category: COMPONENT_TYPES.text,
12
- stylesPanelSections: [
13
- StylesPanelSections.Typography,
14
- StylesPanelSections.LayoutSelectedItem,
15
- StylesPanelSections.MarginsAndPaddings,
16
- StylesPanelSections.Effects,
17
- ],
18
- layout: {
19
- color: "strong",
20
- },
21
- props: {
22
- children: {
23
- group: GROUPS.data,
24
- label: "Text",
25
- description: "Text",
26
- defaultValue: "Double click me to edit 👀",
27
- editable: true,
28
- required: true,
29
- formType: FORM_TYPES.string,
30
- propType: PROP_TYPES.STRING,
31
- },
32
- accessibilityLabel: {
33
- group: GROUPS.accessibility,
34
- name: "accessibilityLabel",
35
- label: "accessibilityLabel",
36
- description: "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.",
37
- editable: true,
38
- required: false,
39
- formType: FORM_TYPES.string,
40
- propType: PROP_TYPES.STRING,
41
- defaultValue: null,
42
- },
43
- selectable: {
44
- group: GROUPS.advanced,
45
- name: "selectable",
46
- label: "selectable",
47
- description: "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: true,
53
- },
54
- },
55
- };
56
- export const SEED_DATA = [
57
- {
58
- name: "Heading 1",
59
- tag: "H1",
60
- ...TEXT_SEED_DATA,
61
- },
62
- {
63
- name: "Heading 2",
64
- tag: "H2",
65
- ...TEXT_SEED_DATA,
66
- },
67
- {
68
- name: "Heading 3",
69
- tag: "H3",
70
- ...TEXT_SEED_DATA,
71
- },
72
- {
73
- name: "Heading 4",
74
- tag: "H4",
75
- ...TEXT_SEED_DATA,
76
- },
77
- {
78
- name: "Heading 5",
79
- tag: "H5",
80
- ...TEXT_SEED_DATA,
81
- },
82
- {
83
- name: "Heading 6",
84
- tag: "H6",
85
- ...TEXT_SEED_DATA,
86
- },
87
- {
88
- name: "Paragraph",
89
- tag: "P",
90
- ...TEXT_SEED_DATA,
91
- },
92
- {
93
- name: "Bold",
94
- tag: "B",
95
- ...TEXT_SEED_DATA,
96
- },
97
- {
98
- name: "Strikethrough",
99
- tag: "S",
100
- ...TEXT_SEED_DATA,
101
- },
102
- {
103
- name: "Italic",
104
- tag: "I",
105
- ...TEXT_SEED_DATA,
106
- },
107
- {
108
- name: "Code",
109
- tag: "Code",
110
- ...TEXT_SEED_DATA,
111
- },
112
- {
113
- name: "Preformatted",
114
- tag: "Pre",
115
- ...TEXT_SEED_DATA,
116
- },
117
- {
118
- name: "Mark",
119
- tag: "Mark",
120
- ...TEXT_SEED_DATA,
121
- },
122
- {
123
- name: "Block Quote",
124
- tag: "BlockQuote",
125
- ...TEXT_SEED_DATA,
126
- },
127
- {
128
- name: "Quoted",
129
- tag: "Q",
130
- ...TEXT_SEED_DATA,
131
- },
132
- {
133
- name: "Line Break",
134
- tag: "BR",
135
- ...TEXT_SEED_DATA,
136
- },
137
- {
138
- name: "Horizontal Rule",
139
- tag: "HR",
140
- ...TEXT_SEED_DATA,
141
- },
142
- {
143
- name: "Time",
144
- tag: "Time",
145
- ...TEXT_SEED_DATA,
146
- },
147
- {
148
- name: "Unordered List",
149
- tag: "UL",
150
- ...ELEMENT_SEED_DATA,
151
- },
152
- {
153
- name: "List Item",
154
- tag: "LI",
155
- ...TEXT_SEED_DATA,
156
- category: COMPONENT_TYPES.webelement,
157
- },
158
- {
159
- name: "Anchor",
160
- tag: "A",
161
- ...TEXT_SEED_DATA,
162
- props: {
163
- ...TEXT_SEED_DATA.props,
164
- href: createTextProp({
165
- label: "href",
166
- description: "Specify the URL",
167
- defaultValue: "",
168
- }),
169
- target: {
170
- group: GROUPS.basic,
171
- label: "target",
172
- description: "decide where link should open",
173
- formType: FORM_TYPES.flatArray,
174
- defaultValue: "_blank",
175
- options: ["_blank", "_self", "_parent", "_top"],
176
- },
177
- },
178
- category: COMPONENT_TYPES.webelement,
179
- },
180
- ];
package/src/mappings/HtmlElements.ts DELETED
@@ -1,193 +0,0 @@
1
- import {
2
- COMPONENT_TYPES,
3
- createTextProp,
4
- FORM_TYPES,
5
- PROP_TYPES,
6
- GROUPS,
7
- StylesPanelSections,
8
- BLOCK_STYLES_SECTIONS,
9
- } from "@draftbit/types";
10
-
11
- const ELEMENT_SEED_DATA = {
12
- doc_link: "https://www.npmjs.com/package/@expo/html-elements",
13
- code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
14
- packageName: "@expo/html-elements",
15
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
16
- category: COMPONENT_TYPES.webelement,
17
- };
18
-
19
- const TEXT_SEED_DATA = {
20
- ...ELEMENT_SEED_DATA,
21
- category: COMPONENT_TYPES.text,
22
- stylesPanelSections: [
23
- StylesPanelSections.Typography,
24
- StylesPanelSections.LayoutSelectedItem,
25
- StylesPanelSections.MarginsAndPaddings,
26
- StylesPanelSections.Effects,
27
- ],
28
- layout: {
29
- color: "strong",
30
- },
31
- props: {
32
- children: {
33
- group: GROUPS.data,
34
- label: "Text",
35
- description: "Text",
36
- defaultValue: "Double click me to edit 👀",
37
- editable: true,
38
- required: true,
39
- formType: FORM_TYPES.string,
40
- propType: PROP_TYPES.STRING,
41
- },
42
- accessibilityLabel: {
43
- group: GROUPS.accessibility,
44
- name: "accessibilityLabel",
45
- label: "accessibilityLabel",
46
- description:
47
- "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.",
48
- editable: true,
49
- required: false,
50
- formType: FORM_TYPES.string,
51
- propType: PROP_TYPES.STRING,
52
- defaultValue: null,
53
- },
54
- selectable: {
55
- group: GROUPS.advanced,
56
- name: "selectable",
57
- label: "selectable",
58
- description:
59
- "Lets the user select text, to use the native copy and paste functionality.",
60
- editable: true,
61
- required: false,
62
- formType: FORM_TYPES.boolean,
63
- propType: PROP_TYPES.BOOLEAN,
64
- defaultValue: true,
65
- },
66
- },
67
- };
68
-
69
- export const SEED_DATA = [
70
- {
71
- name: "Heading 1",
72
- tag: "H1",
73
- ...TEXT_SEED_DATA,
74
- },
75
- {
76
- name: "Heading 2",
77
- tag: "H2",
78
- ...TEXT_SEED_DATA,
79
- },
80
- {
81
- name: "Heading 3",
82
- tag: "H3",
83
- ...TEXT_SEED_DATA,
84
- },
85
- {
86
- name: "Heading 4",
87
- tag: "H4",
88
- ...TEXT_SEED_DATA,
89
- },
90
- {
91
- name: "Heading 5",
92
- tag: "H5",
93
- ...TEXT_SEED_DATA,
94
- },
95
- {
96
- name: "Heading 6",
97
- tag: "H6",
98
- ...TEXT_SEED_DATA,
99
- },
100
- {
101
- name: "Paragraph",
102
- tag: "P",
103
- ...TEXT_SEED_DATA,
104
- },
105
- {
106
- name: "Bold",
107
- tag: "B",
108
- ...TEXT_SEED_DATA,
109
- },
110
- {
111
- name: "Strikethrough",
112
- tag: "S",
113
- ...TEXT_SEED_DATA,
114
- },
115
- {
116
- name: "Italic",
117
- tag: "I",
118
- ...TEXT_SEED_DATA,
119
- },
120
- {
121
- name: "Code",
122
- tag: "Code",
123
- ...TEXT_SEED_DATA,
124
- },
125
- {
126
- name: "Preformatted",
127
- tag: "Pre",
128
- ...TEXT_SEED_DATA,
129
- },
130
- {
131
- name: "Mark",
132
- tag: "Mark",
133
- ...TEXT_SEED_DATA,
134
- },
135
- {
136
- name: "Block Quote",
137
- tag: "BlockQuote",
138
- ...TEXT_SEED_DATA,
139
- },
140
- {
141
- name: "Quoted",
142
- tag: "Q",
143
- ...TEXT_SEED_DATA,
144
- },
145
- {
146
- name: "Line Break",
147
- tag: "BR",
148
- ...TEXT_SEED_DATA,
149
- },
150
- {
151
- name: "Horizontal Rule",
152
- tag: "HR",
153
- ...TEXT_SEED_DATA,
154
- },
155
- {
156
- name: "Time",
157
- tag: "Time",
158
- ...TEXT_SEED_DATA,
159
- },
160
- {
161
- name: "Unordered List",
162
- tag: "UL",
163
- ...ELEMENT_SEED_DATA,
164
- },
165
- {
166
- name: "List Item",
167
- tag: "LI",
168
- ...TEXT_SEED_DATA,
169
- category: COMPONENT_TYPES.webelement,
170
- },
171
- {
172
- name: "Anchor",
173
- tag: "A",
174
- ...TEXT_SEED_DATA,
175
- props: {
176
- ...TEXT_SEED_DATA.props,
177
- href: createTextProp({
178
- label: "href",
179
- description: "Specify the URL",
180
- defaultValue: "",
181
- }),
182
- target: {
183
- group: GROUPS.basic,
184
- label: "target",
185
- description: "decide where link should open",
186
- formType: FORM_TYPES.flatArray,
187
- defaultValue: "_blank",
188
- options: ["_blank", "_self", "_parent", "_top"],
189
- },
190
- },
191
- category: COMPONENT_TYPES.webelement,
192
- },
193
- ];