@draftbit/core 46.4.1-2f2c24.2 → 46.4.1-706a88.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 (62) hide show
  1. package/lib/commonjs/components/Container.js +5 -17
  2. package/lib/commonjs/components/Markdown.js +33 -0
  3. package/lib/commonjs/index.js +8 -38
  4. package/lib/commonjs/mappings/Markdown.js +23 -0
  5. package/lib/commonjs/utilities.js +2 -2
  6. package/lib/module/components/Markdown.js +18 -0
  7. package/lib/module/index.js +2 -2
  8. package/lib/module/mappings/Markdown.js +14 -0
  9. package/lib/module/utilities.js +3 -3
  10. package/lib/typescript/src/components/Markdown.d.ts +6 -0
  11. package/lib/typescript/src/index.d.ts +1 -1
  12. package/lib/typescript/src/mappings/Markdown.d.ts +9 -0
  13. package/lib/typescript/src/utilities.d.ts +3 -3
  14. package/package.json +5 -3
  15. package/src/components/Markdown.js +12 -0
  16. package/src/components/Markdown.tsx +25 -0
  17. package/src/index.js +1 -1
  18. package/src/index.tsx +1 -9
  19. package/src/mappings/Markdown.js +14 -0
  20. package/src/mappings/Markdown.ts +15 -0
  21. package/src/utilities.js +2 -5
  22. package/src/utilities.ts +2 -13
  23. package/lib/commonjs/components/Table/Table.js +0 -35
  24. package/lib/commonjs/components/Table/TableCell.js +0 -50
  25. package/lib/commonjs/components/Table/TableHeader.js +0 -41
  26. package/lib/commonjs/components/Table/TablePaginator.js +0 -17
  27. package/lib/commonjs/components/Table/TableRow.js +0 -47
  28. package/lib/commonjs/components/Table/TableTitle.js +0 -60
  29. package/lib/commonjs/components/Table/index.js +0 -55
  30. package/lib/commonjs/mappings/Table.js +0 -103
  31. package/lib/module/components/Table/Table.js +0 -23
  32. package/lib/module/components/Table/TableCell.js +0 -37
  33. package/lib/module/components/Table/TableHeader.js +0 -27
  34. package/lib/module/components/Table/TablePaginator.js +0 -6
  35. package/lib/module/components/Table/TableRow.js +0 -33
  36. package/lib/module/components/Table/TableTitle.js +0 -47
  37. package/lib/module/components/Table/index.js +0 -6
  38. package/lib/module/mappings/Table.js +0 -94
  39. package/lib/typescript/src/components/Table/Table.d.ts +0 -8
  40. package/lib/typescript/src/components/Table/TableCell.d.ts +0 -10
  41. package/lib/typescript/src/components/Table/TableHeader.d.ts +0 -12
  42. package/lib/typescript/src/components/Table/TablePaginator.d.ts +0 -3
  43. package/lib/typescript/src/components/Table/TableRow.d.ts +0 -12
  44. package/lib/typescript/src/components/Table/TableTitle.d.ts +0 -12
  45. package/lib/typescript/src/components/Table/index.d.ts +0 -6
  46. package/lib/typescript/src/mappings/Table.d.ts +0 -153
  47. package/src/components/Table/Table.js +0 -10
  48. package/src/components/Table/Table.tsx +0 -22
  49. package/src/components/Table/TableCell.js +0 -21
  50. package/src/components/Table/TableCell.tsx +0 -44
  51. package/src/components/Table/TableHeader.js +0 -11
  52. package/src/components/Table/TableHeader.tsx +0 -28
  53. package/src/components/Table/TablePaginator.js +0 -5
  54. package/src/components/Table/TablePaginator.tsx +0 -10
  55. package/src/components/Table/TableRow.js +0 -16
  56. package/src/components/Table/TableRow.tsx +0 -31
  57. package/src/components/Table/TableTitle.js +0 -28
  58. package/src/components/Table/TableTitle.tsx +0 -58
  59. package/src/components/Table/index.js +0 -6
  60. package/src/components/Table/index.tsx +0 -6
  61. package/src/mappings/Table.js +0 -137
  62. package/src/mappings/Table.ts +0 -145
@@ -19,6 +19,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
19
19
 
20
20
  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; }
21
21
 
22
+ 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); }
23
+
22
24
  const Container = _ref => {
23
25
  let {
24
26
  useThemeGutterPadding,
@@ -80,10 +82,9 @@ const Container = _ref => {
80
82
  };
81
83
  const Wrap = elevation ? _Elevation.default : _reactNative.View;
82
84
  if (elevation) containerStyle.elevation = elevation;
83
- return /*#__PURE__*/React.createElement(Wrap, {
84
- style: [containerStyle, style],
85
- ...rest
86
- }, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
85
+ return /*#__PURE__*/React.createElement(Wrap, _extends({
86
+ style: [containerStyle, style]
87
+ }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
87
88
  source: typeof backgroundImage === "string" ? {
88
89
  uri: backgroundImage
89
90
  } : backgroundImage,
@@ -100,17 +101,4 @@ const Container = _ref => {
100
101
 
101
102
  var _default = (0, _theming.withTheme)(Container);
102
103
 
103
- exports.default = _default;izeMode: backgroundImageResizeMode,
104
- style: {
105
- flex: 1
106
- }
107
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
108
- style: innerStyle
109
- }, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
110
- style: innerStyle
111
- }, children));
112
- };
113
-
114
- var _default = (0, _theming.withTheme)(Container);
115
-
116
104
  exports.default = _default;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _reactNativeMarkdownPackage = _interopRequireDefault(require("react-native-markdown-package"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ 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); }
15
+
16
+ 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; }
17
+
18
+ // @ts-ignore
19
+ const MarkdownComponent = _ref => {
20
+ let {
21
+ content
22
+ } = _ref;
23
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNativeMarkdownPackage.default, {
24
+ styles: markdownStyle
25
+ }, content));
26
+ };
27
+
28
+ const markdownStyle = {
29
+ singleLineMd: {},
30
+ collectiveMd: {}
31
+ };
32
+ var _default = MarkdownComponent;
33
+ exports.default = _default;
@@ -213,6 +213,12 @@ Object.defineProperty(exports, "Link", {
213
213
  return _Text.Link;
214
214
  }
215
215
  });
216
+ Object.defineProperty(exports, "Markdown", {
217
+ enumerable: true,
218
+ get: function () {
219
+ return _Markdown.default;
220
+ }
221
+ });
216
222
  Object.defineProperty(exports, "NumberInput", {
217
223
  enumerable: true,
218
224
  get: function () {
@@ -369,42 +375,6 @@ Object.defineProperty(exports, "SwitchRow", {
369
375
  return _Switch.SwitchRow;
370
376
  }
371
377
  });
372
- Object.defineProperty(exports, "Table", {
373
- enumerable: true,
374
- get: function () {
375
- return _Table.Table;
376
- }
377
- });
378
- Object.defineProperty(exports, "TableCell", {
379
- enumerable: true,
380
- get: function () {
381
- return _Table.TableCell;
382
- }
383
- });
384
- Object.defineProperty(exports, "TableHeader", {
385
- enumerable: true,
386
- get: function () {
387
- return _Table.TableHeader;
388
- }
389
- });
390
- Object.defineProperty(exports, "TablePaginator", {
391
- enumerable: true,
392
- get: function () {
393
- return _Table.TablePaginator;
394
- }
395
- });
396
- Object.defineProperty(exports, "TableRow", {
397
- enumerable: true,
398
- get: function () {
399
- return _Table.TableRow;
400
- }
401
- });
402
- Object.defineProperty(exports, "TableTitle", {
403
- enumerable: true,
404
- get: function () {
405
- return _Table.TableTitle;
406
- }
407
- });
408
378
  Object.defineProperty(exports, "TextField", {
409
379
  enumerable: true,
410
380
  get: function () {
@@ -512,8 +482,6 @@ var _Layout = require("./components/Layout");
512
482
 
513
483
  var _index = require("./components/RadioButton/index");
514
484
 
515
- var _Table = require("./components/Table");
516
-
517
485
  var _DeprecatedButton = _interopRequireDefault(require("./components/DeprecatedButton"));
518
486
 
519
487
  var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
@@ -550,6 +518,8 @@ var _Stepper = _interopRequireDefault(require("./components/Stepper"));
550
518
 
551
519
  var _useAuthState = require("./components/useAuthState");
552
520
 
521
+ var _Markdown = _interopRequireDefault(require("./components/Markdown"));
522
+
553
523
  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); }
554
524
 
555
525
  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; }
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SEED_DATA = void 0;
7
+
8
+ var _types = require("@draftbit/types");
9
+
10
+ const SEED_DATA = {
11
+ name: "Markdown",
12
+ tag: "MarkdownComponent",
13
+ description: "A markdown component",
14
+ category: _types.COMPONENT_TYPES.basic,
15
+ props: {
16
+ content: (0, _types.createTextProp)({
17
+ label: "Markdown Text",
18
+ description: "Markdown Text",
19
+ defaultValue: null
20
+ })
21
+ }
22
+ };
23
+ exports.SEED_DATA = SEED_DATA;
@@ -44,8 +44,8 @@ function extractStyles(style) {
44
44
  textDecorationStyle
45
45
  };
46
46
  return {
47
- viewStyles: (0, _lodash.omitBy)(viewStyles, _lodash.isNil),
48
- textStyles: (0, _lodash.omitBy)(textStyles, _lodash.isNil)
47
+ viewStyles,
48
+ textStyles
49
49
  };
50
50
  }
51
51
 
@@ -0,0 +1,18 @@
1
+ import * as React from "react"; // @ts-ignore
2
+
3
+ import Markdown from "react-native-markdown-package";
4
+
5
+ const MarkdownComponent = _ref => {
6
+ let {
7
+ content
8
+ } = _ref;
9
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Markdown, {
10
+ styles: markdownStyle
11
+ }, content));
12
+ };
13
+
14
+ const markdownStyle = {
15
+ singleLineMd: {},
16
+ collectiveMd: {}
17
+ };
18
+ export default MarkdownComponent;
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/Ac
31
31
  export { Swiper, SwiperItem } from "./components/Swiper";
32
32
  export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
33
33
  export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
34
- export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle } from "./components/Table";
35
34
  /* Deprecated: Fix or Delete! */
36
35
 
37
36
  export { default as Button } from "./components/DeprecatedButton";
@@ -51,4 +50,5 @@ export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImag
51
50
  export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
52
51
  export { default as Slider } from "./components/Slider";
53
52
  export { default as Stepper } from "./components/Stepper";
54
- export { useAuthState } from "./components/useAuthState"; // a comment to fix sourcemap comment issue
53
+ export { useAuthState } from "./components/useAuthState";
54
+ export { default as Markdown } from "./components/Markdown"; // a comment to fix sourcemap comment issue
@@ -0,0 +1,14 @@
1
+ import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
2
+ export const SEED_DATA = {
3
+ name: "Markdown",
4
+ tag: "MarkdownComponent",
5
+ description: "A markdown component",
6
+ category: COMPONENT_TYPES.basic,
7
+ props: {
8
+ content: createTextProp({
9
+ label: "Markdown Text",
10
+ description: "Markdown Text",
11
+ defaultValue: null
12
+ })
13
+ }
14
+ };
@@ -1,5 +1,5 @@
1
1
  import { StyleSheet } from "react-native";
2
- import { isString, isNumber, pick, pickBy, identity, omitBy, isNil } from "lodash";
2
+ import { isString, isNumber, pick, pickBy, identity } from "lodash";
3
3
  export function extractStyles(style) {
4
4
  const {
5
5
  color,
@@ -29,8 +29,8 @@ export function extractStyles(style) {
29
29
  textDecorationStyle
30
30
  };
31
31
  return {
32
- viewStyles: omitBy(viewStyles, isNil),
33
- textStyles: omitBy(textStyles, isNil)
32
+ viewStyles,
33
+ textStyles
34
34
  };
35
35
  }
36
36
  export const borderStyleNames = ["borderRadius", "borderBottomColor", "borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderBottomWidth", "borderColor", "borderEndColor", "borderLeftColor", "borderLeftWidth", "borderRadius", "borderRightColor", "borderRightWidth", "borderStartColor", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth"];
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare type Props = {
3
+ content?: string;
4
+ };
5
+ declare const MarkdownComponent: React.FC<Props>;
6
+ export default MarkdownComponent;
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
31
31
  export { Swiper, SwiperItem } from "./components/Swiper";
32
32
  export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
33
33
  export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
34
- export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
35
34
  export { default as Button } from "./components/DeprecatedButton";
36
35
  export { default as CardBlock } from "./components/CardBlock";
37
36
  export { default as CardContainer } from "./components/CardContainer";
@@ -50,3 +49,4 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
50
49
  export { default as Slider } from "./components/Slider";
51
50
  export { default as Stepper } from "./components/Stepper";
52
51
  export { useAuthState } from "./components/useAuthState";
52
+ export { default as Markdown } from "./components/Markdown";
@@ -0,0 +1,9 @@
1
+ export declare const SEED_DATA: {
2
+ name: string;
3
+ tag: string;
4
+ description: string;
5
+ category: string;
6
+ props: {
7
+ content: any;
8
+ };
9
+ };
@@ -1,8 +1,8 @@
1
1
  /// <reference types="lodash" />
2
- import { StyleProp } from "react-native";
2
+ import { StyleProp, TextStyle } from "react-native";
3
3
  export declare function extractStyles(style: StyleProp<any>): {
4
- viewStyles: Partial<any>;
5
- textStyles: import("lodash").Dictionary<any>;
4
+ viewStyles: any;
5
+ textStyles: TextStyle;
6
6
  };
7
7
  export declare const borderStyleNames: string[];
8
8
  export declare const marginStyleNames: string[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "46.4.1-2f2c24.2+2f2c248",
3
+ "version": "46.4.1-706a88.2+706a880",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
41
41
  "dependencies": {
42
42
  "@date-io/date-fns": "^1.3.13",
43
43
  "@draftbit/react-theme-provider": "^2.1.1",
44
- "@draftbit/types": "^46.4.1-2f2c24.2+2f2c248",
44
+ "@draftbit/types": "^46.4.1-706a88.2+706a880",
45
45
  "@material-ui/core": "^4.11.0",
46
46
  "@material-ui/pickers": "^3.2.10",
47
47
  "@react-native-community/slider": "4.2.3",
@@ -53,6 +53,8 @@
53
53
  "lodash.isnumber": "^3.0.3",
54
54
  "lodash.omit": "^4.5.0",
55
55
  "lodash.tonumber": "^4.0.3",
56
+ "react-native-markdown-display": "^7.0.0-alpha.2",
57
+ "react-native-markdown-package": "^1.8.2",
56
58
  "react-native-modal-datetime-picker": "^13.0.0",
57
59
  "react-native-svg": "12.3.0",
58
60
  "react-native-typography": "^1.4.1",
@@ -81,5 +83,5 @@
81
83
  ]
82
84
  ]
83
85
  },
84
- "gitHead": "2f2c248ce55fa7ff2945844ed9d86595cacd23ad"
86
+ "gitHead": "706a880575b638b1347c89bda0419b98f13025a5"
85
87
  }
@@ -0,0 +1,12 @@
1
+ import * as React from "react";
2
+ // @ts-ignore
3
+ import Markdown from "react-native-markdown-package";
4
+ const MarkdownComponent = ({ content }) => {
5
+ return (React.createElement(React.Fragment, null,
6
+ React.createElement(Markdown, { styles: markdownStyle }, content)));
7
+ };
8
+ const markdownStyle = {
9
+ singleLineMd: {},
10
+ collectiveMd: {},
11
+ };
12
+ export default MarkdownComponent;
@@ -0,0 +1,25 @@
1
+ import * as React from "react";
2
+ // @ts-ignore
3
+ import Markdown from "react-native-markdown-package";
4
+
5
+ type Props = {
6
+ content?: string;
7
+ };
8
+
9
+ const MarkdownComponent: React.FC<Props> = ({ content }) => {
10
+ return (
11
+ <>
12
+ {
13
+ // @ts-ignore
14
+ }
15
+ <Markdown styles={markdownStyle}>{content}</Markdown>
16
+ </>
17
+ );
18
+ };
19
+
20
+ const markdownStyle = {
21
+ singleLineMd: {},
22
+ collectiveMd: {},
23
+ };
24
+
25
+ export default MarkdownComponent;
package/src/index.js CHANGED
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
31
31
  export { Swiper, SwiperItem } from "./components/Swiper";
32
32
  export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
33
33
  export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
34
- export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
35
34
  /* Deprecated: Fix or Delete! */
36
35
  export { default as Button } from "./components/DeprecatedButton";
37
36
  export { default as CardBlock } from "./components/CardBlock";
@@ -51,4 +50,5 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
51
50
  export { default as Slider } from "./components/Slider";
52
51
  export { default as Stepper } from "./components/Stepper";
53
52
  export { useAuthState } from "./components/useAuthState";
53
+ export { default as Markdown } from "./components/Markdown";
54
54
  // a comment to fix sourcemap comment issue
package/src/index.tsx CHANGED
@@ -51,15 +51,6 @@ export {
51
51
  RadioButtonFieldGroup,
52
52
  } from "./components/RadioButton/index";
53
53
 
54
- export {
55
- Table,
56
- TableRow,
57
- TablePaginator,
58
- TableHeader,
59
- TableCell,
60
- TableTitle,
61
- } from "./components/Table";
62
-
63
54
  /* Deprecated: Fix or Delete! */
64
55
  export { default as Button } from "./components/DeprecatedButton";
65
56
  export { default as CardBlock } from "./components/CardBlock";
@@ -79,5 +70,6 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
79
70
  export { default as Slider } from "./components/Slider";
80
71
  export { default as Stepper } from "./components/Stepper";
81
72
  export { useAuthState } from "./components/useAuthState";
73
+ export { default as Markdown } from "./components/Markdown";
82
74
 
83
75
  // a comment to fix sourcemap comment issue
@@ -0,0 +1,14 @@
1
+ import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
2
+ export const SEED_DATA = {
3
+ name: "Markdown",
4
+ tag: "MarkdownComponent",
5
+ description: "A markdown component",
6
+ category: COMPONENT_TYPES.basic,
7
+ props: {
8
+ content: createTextProp({
9
+ label: "Markdown Text",
10
+ description: "Markdown Text",
11
+ defaultValue: null,
12
+ }),
13
+ },
14
+ };
@@ -0,0 +1,15 @@
1
+ import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
2
+
3
+ export const SEED_DATA = {
4
+ name: "Markdown",
5
+ tag: "MarkdownComponent",
6
+ description: "A markdown component",
7
+ category: COMPONENT_TYPES.basic,
8
+ props: {
9
+ content: createTextProp({
10
+ label: "Markdown Text",
11
+ description: "Markdown Text",
12
+ defaultValue: null,
13
+ }),
14
+ },
15
+ };
package/src/utilities.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { StyleSheet } from "react-native";
2
- import { isString, isNumber, pick, pickBy, identity, omitBy, isNil, } from "lodash";
2
+ import { isString, isNumber, pick, pickBy, identity } from "lodash";
3
3
  export function extractStyles(style) {
4
4
  const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
5
5
  const textStyles = {
@@ -15,10 +15,7 @@ export function extractStyles(style) {
15
15
  textDecorationColor,
16
16
  textDecorationStyle,
17
17
  };
18
- return {
19
- viewStyles: omitBy(viewStyles, isNil),
20
- textStyles: omitBy(textStyles, isNil),
21
- };
18
+ return { viewStyles, textStyles };
22
19
  }
23
20
  export const borderStyleNames = [
24
21
  "borderRadius",
package/src/utilities.ts CHANGED
@@ -1,13 +1,5 @@
1
1
  import { StyleSheet, StyleProp, TextStyle } from "react-native";
2
- import {
3
- isString,
4
- isNumber,
5
- pick,
6
- pickBy,
7
- identity,
8
- omitBy,
9
- isNil,
10
- } from "lodash";
2
+ import { isString, isNumber, pick, pickBy, identity } from "lodash";
11
3
 
12
4
  export function extractStyles(style: StyleProp<any>) {
13
5
  const {
@@ -39,10 +31,7 @@ export function extractStyles(style: StyleProp<any>) {
39
31
  textDecorationStyle,
40
32
  };
41
33
 
42
- return {
43
- viewStyles: omitBy(viewStyles, isNil),
44
- textStyles: omitBy(textStyles, isNil),
45
- };
34
+ return { viewStyles, textStyles };
46
35
  }
47
36
 
48
37
  export const borderStyleNames = [
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
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
-
16
- const Table = _ref => {
17
- let {
18
- children,
19
- style,
20
- ...rest
21
- } = _ref;
22
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
23
- style: [styles.wrapper, style]
24
- }), children);
25
- };
26
-
27
- const styles = _reactNative.StyleSheet.create({
28
- wrapper: {
29
- display: "flex",
30
- flexDirection: "column"
31
- }
32
- });
33
-
34
- var _default = Table;
35
- exports.default = _default;
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- var _utilities = require("../../utilities");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- 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
-
18
- const TableCell = _ref => {
19
- let {
20
- children,
21
- style,
22
- numeric,
23
- value,
24
- ...rest
25
- } = _ref;
26
- const {
27
- textStyles,
28
- viewStyles
29
- } = (0, _utilities.extractStyles)(style);
30
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
31
- style: [styles.wrapper, numeric && styles.right, viewStyles]
32
- }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
33
- numberOfLines: 1,
34
- style: textStyles
35
- }, children, value));
36
- };
37
-
38
- const styles = _reactNative.StyleSheet.create({
39
- wrapper: {
40
- flex: 1,
41
- display: "flex",
42
- flexDirection: "row"
43
- },
44
- right: {
45
- justifyContent: "flex-end"
46
- }
47
- });
48
-
49
- var _default = TableCell;
50
- exports.default = _default;
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- var _theming = require("../../theming");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- 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
-
18
- const TableHeader = _ref => {
19
- let {
20
- children,
21
- style,
22
- theme,
23
- ...rest
24
- } = _ref;
25
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
26
- style: [styles.wrapper, {
27
- borderBottomColor: theme.colors.medium
28
- }, style]
29
- }), children);
30
- };
31
-
32
- const styles = _reactNative.StyleSheet.create({
33
- wrapper: {
34
- display: "flex",
35
- flexDirection: "row"
36
- }
37
- });
38
-
39
- var _default = (0, _theming.withTheme)(TableHeader);
40
-
41
- exports.default = _default;
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- const TablePaginator = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Table Paginator"));
15
-
16
- var _default = TablePaginator;
17
- exports.default = _default;