@draftbit/core 42.4.2-24a0ec.2 → 42.4.2-717ab1.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 (109) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +16 -5
  2. package/lib/commonjs/components/Accordion/AccordionItem.js.map +1 -1
  3. package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js.map +1 -1
  4. package/lib/commonjs/components/ActionSheet/ActionSheetItem.js.map +1 -1
  5. package/lib/commonjs/components/AspectRatio.js +15 -2
  6. package/lib/commonjs/components/AspectRatio.js.map +1 -1
  7. package/lib/commonjs/components/AvatarEdit.js +16 -5
  8. package/lib/commonjs/components/AvatarEdit.js.map +1 -1
  9. package/lib/commonjs/components/Button.js +25 -11
  10. package/lib/commonjs/components/Button.js.map +1 -1
  11. package/lib/commonjs/components/CardBlock.js +17 -5
  12. package/lib/commonjs/components/CardBlock.js.map +1 -1
  13. package/lib/commonjs/components/CardContainer.js +14 -5
  14. package/lib/commonjs/components/CardContainer.js.map +1 -1
  15. package/lib/commonjs/components/CardContainerRating.js +16 -5
  16. package/lib/commonjs/components/CardContainerRating.js.map +1 -1
  17. package/lib/commonjs/components/CardContainerShortImage.js +5 -16
  18. package/lib/commonjs/components/CardContainerShortImage.js.map +1 -1
  19. package/lib/commonjs/components/CardInline.js.map +1 -1
  20. package/lib/commonjs/components/Carousel.js +15 -5
  21. package/lib/commonjs/components/Carousel.js.map +1 -1
  22. package/lib/commonjs/components/Checkbox/CheckboxRow.js +14 -6
  23. package/lib/commonjs/components/Checkbox/CheckboxRow.js.map +1 -1
  24. package/lib/commonjs/components/Checkbox/index.js.map +1 -1
  25. package/lib/commonjs/components/CircleImage.js +18 -5
  26. package/lib/commonjs/components/CircleImage.js.map +1 -1
  27. package/lib/commonjs/components/Config.js.map +1 -1
  28. package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map +1 -1
  29. package/lib/commonjs/components/DeprecatedButton.js +15 -4
  30. package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
  31. package/lib/commonjs/components/Divider.js +5 -18
  32. package/lib/commonjs/components/Divider.js.map +1 -1
  33. package/lib/commonjs/components/Elevation.js +14 -3
  34. package/lib/commonjs/components/Elevation.js.map +1 -1
  35. package/lib/commonjs/components/FormRow.js +18 -5
  36. package/lib/commonjs/components/FormRow.js.map +1 -1
  37. package/lib/commonjs/components/Header.js.map +1 -1
  38. package/lib/commonjs/components/HeaderLarge.js.map +1 -1
  39. package/lib/commonjs/components/HeaderMedium.js.map +1 -1
  40. package/lib/commonjs/components/HeaderOverline.js.map +1 -1
  41. package/lib/commonjs/components/IconButton.js +18 -5
  42. package/lib/commonjs/components/IconButton.js.map +1 -1
  43. package/lib/commonjs/components/Image.js +16 -6
  44. package/lib/commonjs/components/Image.js.map +1 -1
  45. package/lib/commonjs/components/Layout.js +41 -22
  46. package/lib/commonjs/components/Layout.js.map +1 -1
  47. package/lib/commonjs/components/Markdown.js +45 -0
  48. package/lib/commonjs/components/Markdown.js.map +1 -0
  49. package/lib/commonjs/components/NumberInput.js +15 -3
  50. package/lib/commonjs/components/NumberInput.js.map +1 -1
  51. package/lib/commonjs/components/Picker/PickerTypes.js +2 -1
  52. package/lib/commonjs/components/Portal/PortalManager.js.map +1 -1
  53. package/lib/commonjs/components/ProgressBar.js +19 -6
  54. package/lib/commonjs/components/ProgressBar.js.map +1 -1
  55. package/lib/commonjs/components/ProgressCircle.js.map +1 -1
  56. package/lib/commonjs/components/ProgressIndicator.js.map +1 -1
  57. package/lib/commonjs/components/RadioButton/RadioButton.js +14 -5
  58. package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
  59. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +11 -2
  60. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
  61. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +15 -5
  62. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js.map +1 -1
  63. package/lib/commonjs/components/Row.js.map +1 -1
  64. package/lib/commonjs/components/RowBodyIcon.js.map +1 -1
  65. package/lib/commonjs/components/RowHeadlineImageCaption.js.map +1 -1
  66. package/lib/commonjs/components/RowHeadlineImageIcon.js.map +1 -1
  67. package/lib/commonjs/components/ScreenContainer.js +18 -5
  68. package/lib/commonjs/components/ScreenContainer.js.map +1 -1
  69. package/lib/commonjs/components/Slider.js +17 -5
  70. package/lib/commonjs/components/Slider.js.map +1 -1
  71. package/lib/commonjs/components/Stepper.js.map +1 -1
  72. package/lib/commonjs/components/Surface.js +11 -4
  73. package/lib/commonjs/components/Surface.js.map +1 -1
  74. package/lib/commonjs/components/Swiper/SwiperItem.js.map +1 -1
  75. package/lib/commonjs/components/Swiper/index.js.map +1 -1
  76. package/lib/commonjs/components/Switch.js +10 -19
  77. package/lib/commonjs/components/Switch.js.map +1 -1
  78. package/lib/commonjs/components/TextInput.js +12 -2
  79. package/lib/commonjs/components/TextInput.js.map +1 -1
  80. package/lib/commonjs/components/ToggleButton.js +17 -5
  81. package/lib/commonjs/components/ToggleButton.js.map +1 -1
  82. package/lib/commonjs/components/Touchable.js +16 -5
  83. package/lib/commonjs/components/Touchable.js.map +1 -1
  84. package/lib/commonjs/components/Touchable.web.js.map +1 -1
  85. package/lib/commonjs/components/Typography.js.map +1 -1
  86. package/lib/commonjs/index.js +3 -3
  87. package/lib/commonjs/index.js.map +1 -1
  88. package/lib/commonjs/styles/fonts.js.map +1 -1
  89. package/lib/commonjs/styles/shadow.js.map +1 -1
  90. package/lib/module/components/Markdown.js +26 -0
  91. package/lib/module/components/Markdown.js.map +1 -0
  92. package/lib/module/components/Surface.js +2 -4
  93. package/lib/module/components/Surface.js.map +1 -1
  94. package/lib/module/index.js +1 -1
  95. package/lib/module/index.js.map +1 -1
  96. package/lib/typescript/src/components/Markdown.d.ts +21 -0
  97. package/lib/typescript/src/index.d.ts +1 -1
  98. package/package.json +4 -5
  99. package/src/components/Markdown.js +21 -0
  100. package/src/components/Markdown.tsx +30 -0
  101. package/src/index.js +1 -1
  102. package/src/index.tsx +1 -1
  103. package/lib/commonjs/components/Youtube.js +0 -73
  104. package/lib/commonjs/components/Youtube.js.map +0 -1
  105. package/lib/module/components/Youtube.js +0 -59
  106. package/lib/module/components/Youtube.js.map +0 -1
  107. package/lib/typescript/src/components/Youtube.d.ts +0 -43
  108. package/src/components/Youtube.js +0 -38
  109. package/src/components/Youtube.tsx +0 -66
@@ -1 +1 @@
1
- {"version":3,"sources":["TextInput.tsx"],"names":["TextInput","initialValue","onChangeText","props","previousInitialValue","React","useEffect"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAOA,MAAMA,SAA0B,GAAG,CAAC;AAClCC,EAAAA,YADkC;AAElCC,EAAAA,YAFkC;AAGlC,KAAGC;AAH+B,CAAD,KAI7B;AACJ,QAAMC,oBAAoB,GAAG,wBAAYH,YAAZ,CAA7B;;AACAI,iBAAMC,SAAN,CAAgB,MAAM;AACpB,QAAIL,YAAY,KAAKG,oBAAjB,IAAyCF,YAA7C,EAA2D;AACzDA,MAAAA,YAAY,CAACD,YAAD,CAAZ;AACD;AACF,GAJD,EAIG,CAACA,YAAD,EAAeG,oBAAf,EAAqCF,YAArC,CAJH;;AAMA,sBAAO,6BAAC,sBAAD;AAAiB,IAAA,YAAY,EAAEA;AAA/B,KAAiDC,KAAjD,EAAP;AACD,CAbD;;eAeeH,S","sourcesContent":["import React from \"react\";\nimport { TextInput as NativeTextInput } from \"react-native\";\nimport { usePrevious } from \"../hooks\";\n\ninterface Props {\n initialValue?: string;\n onChangeText?: (value?: string) => void;\n}\n\nconst TextInput: React.FC<Props> = ({\n initialValue,\n onChangeText,\n ...props\n}) => {\n const previousInitialValue = usePrevious(initialValue);\n React.useEffect(() => {\n if (initialValue !== previousInitialValue && onChangeText) {\n onChangeText(initialValue);\n }\n }, [initialValue, previousInitialValue, onChangeText]);\n\n return <NativeTextInput onChangeText={onChangeText} {...props} />;\n};\n\nexport default TextInput;\n"]}
1
+ {"version":3,"sources":["TextInput.js"],"names":["TextInput","initialValue","onChangeText","props","previousInitialValue","React","useEffect","createElement","NativeTextInput"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,SAAS,GAAG,CAAC;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA,YAAhB;AAA8B,KAAGC;AAAjC,CAAD,KAA8C;AAC5D,QAAMC,oBAAoB,GAAG,wBAAYH,YAAZ,CAA7B;;AACAI,iBAAMC,SAAN,CAAgB,MAAM;AAClB,QAAIL,YAAY,KAAKG,oBAAjB,IAAyCF,YAA7C,EAA2D;AACvDA,MAAAA,YAAY,CAACD,YAAD,CAAZ;AACH;AACJ,GAJD,EAIG,CAACA,YAAD,EAAeG,oBAAf,EAAqCF,YAArC,CAJH;;AAKA,sBAAOG,eAAME,aAAN,CAAoBC,sBAApB,EAAqC;AAAEN,IAAAA,YAAY,EAAEA,YAAhB;AAA8B,OAAGC;AAAjC,GAArC,CAAP;AACH,CARD;;eASeH,S","sourcesContent":["import React from \"react\";\nimport { TextInput as NativeTextInput } from \"react-native\";\nimport { usePrevious } from \"../hooks\";\nconst TextInput = ({ initialValue, onChangeText, ...props }) => {\n const previousInitialValue = usePrevious(initialValue);\n React.useEffect(() => {\n if (initialValue !== previousInitialValue && onChangeText) {\n onChangeText(initialValue);\n }\n }, [initialValue, previousInitialValue, onChangeText]);\n return React.createElement(NativeTextInput, { onChangeText: onChangeText, ...props });\n};\nexport default TextInput;\n"]}
@@ -23,8 +23,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
23
23
 
24
24
  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; }
25
25
 
26
- function _extends() { _extends = Object.assign || 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); }
27
-
28
26
  const ToggleButton = ({
29
27
  Icon,
30
28
  icon,
@@ -63,7 +61,7 @@ const ToggleButton = ({
63
61
  onPress(!toggled);
64
62
  };
65
63
 
66
- return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
64
+ return /*#__PURE__*/React.createElement(_IconButton.default, {
67
65
  Icon: Icon,
68
66
  icon: icon,
69
67
  size: iconSize,
@@ -75,8 +73,9 @@ const ToggleButton = ({
75
73
  height,
76
74
  backgroundColor: toggled ? colors[colorSecondary] : colors[color],
77
75
  borderColor: colors[borderColor]
78
- }, style]
79
- }, rest));
76
+ }, style],
77
+ ...rest
78
+ });
80
79
  };
81
80
 
82
81
  const styles = _reactNative.StyleSheet.create({
@@ -133,4 +132,17 @@ const SEED_DATA = {
133
132
  }
134
133
  };
135
134
  exports.SEED_DATA = SEED_DATA;
135
+ //# sourceMappingURL=ToggleButton.js.maptypes.createStaticNumberProp)({
136
+ label: "Width",
137
+ description: "Width",
138
+ defaultValue: 50
139
+ }),
140
+ height: (0, _types.createStaticNumberProp)({
141
+ label: "Height",
142
+ description: "Height",
143
+ defaultValue: 50
144
+ })
145
+ }
146
+ };
147
+ exports.SEED_DATA = SEED_DATA;
136
148
  //# sourceMappingURL=ToggleButton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["ToggleButton.tsx"],"names":["ToggleButton","Icon","icon","toggled","onPress","initialValue","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setIntervalValue","React","useState","useEffect","previousInitialValue","handlePress","styles","mainContainer","backgroundColor","StyleSheet","create","borderWidth","SEED_DATA","name","tag","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress","props","required","fieldName","valuePropName","label","description","group","GROUPS","basic"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes, GROUPS } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport {\n COMPONENT_TYPES,\n createIconProp,\n createBoolProp,\n createColorProp,\n createStaticNumberProp,\n createFieldNameProp,\n createIconSizeProp,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport { usePrevious } from \"../hooks\";\n\ntype Props = {\n icon: string;\n toggled?: boolean;\n onPress?: (toggled: boolean) => void;\n initialValue?: boolean; // deprecated\n defaultValue?: boolean;\n disabled?: boolean;\n color?: colorTypes;\n colorSecondary?: colorTypes;\n borderColor?: colorTypes;\n iconSize?: number;\n width?: number;\n height?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<Props> = ({\n Icon,\n icon,\n toggled = false,\n onPress = () => {},\n initialValue,\n defaultValue,\n disabled = false,\n color = \"primary\",\n colorSecondary = \"surface\",\n borderColor = \"divider\",\n iconSize = 25,\n width = 50,\n height = 50,\n theme: { colors },\n style,\n ...rest\n}) => {\n const [internalValue, setIntervalValue] = React.useState<boolean>(\n toggled || defaultValue || false\n );\n\n React.useEffect(() => {\n if (toggled != null) {\n setIntervalValue(toggled);\n }\n }, [toggled]);\n\n const previousInitialValue = usePrevious(initialValue);\n React.useEffect(() => {\n if (initialValue !== previousInitialValue) {\n onPress(initialValue);\n }\n }, [initialValue, previousInitialValue, onPress]);\n\n const handlePress = () => {\n setIntervalValue(!toggled);\n onPress(!toggled);\n };\n\n return (\n <IconButton\n Icon={Icon}\n icon={icon}\n size={iconSize}\n color={internalValue ? colors[color] : colors[colorSecondary]}\n onPress={handlePress}\n disabled={disabled}\n style={[\n styles.mainContainer,\n {\n width,\n height,\n backgroundColor: toggled ? colors[colorSecondary] : colors[color],\n borderColor: colors[borderColor],\n },\n style,\n ]}\n {...rest}\n />\n );\n};\n\nconst styles = StyleSheet.create({\n mainContainer: {\n borderWidth: 1,\n },\n});\n\nexport default withTheme(ToggleButton);\n\nexport const SEED_DATA = {\n name: \"Toggle Button\",\n tag: \"ToggleButton\",\n category: COMPONENT_TYPES.button,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n icon: createIconProp({\n required: true,\n }),\n iconSize: createIconSizeProp(),\n fieldName: createFieldNameProp({\n defaultValue: false,\n valuePropName: \"toggled\",\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Whether the button should be disabled\",\n group: GROUPS.basic,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n }),\n colorSecondary: createColorProp({\n label: \"Secondary Color\",\n group: GROUPS.basic,\n }),\n borderColor: createColorProp({\n label: \"Border Color\",\n group: GROUPS.basic,\n }),\n width: createStaticNumberProp({\n label: \"Width\",\n description: \"Width\",\n defaultValue: 50,\n }),\n height: createStaticNumberProp({\n label: \"Height\",\n description: \"Height\",\n defaultValue: 50,\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["ToggleButton.js"],"names":["ToggleButton","Icon","icon","toggled","onPress","initialValue","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setIntervalValue","React","useState","useEffect","previousInitialValue","handlePress","createElement","IconButton","size","styles","mainContainer","backgroundColor","StyleSheet","create","borderWidth","SEED_DATA","name","tag","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress","props","required","fieldName","valuePropName","label","description","group","GROUPS","basic"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS } from \"@draftbit/types\";\nimport { StyleSheet } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport { COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createStaticNumberProp, createFieldNameProp, createIconSizeProp, createActionProp, Triggers, } from \"@draftbit/types\";\nimport { usePrevious } from \"../hooks\";\nconst ToggleButton = ({ Icon, icon, toggled = false, onPress = () => { }, initialValue, defaultValue, disabled = false, color = \"primary\", colorSecondary = \"surface\", borderColor = \"divider\", iconSize = 25, width = 50, height = 50, theme: { colors }, style, ...rest }) => {\n const [internalValue, setIntervalValue] = React.useState(toggled || defaultValue || false);\n React.useEffect(() => {\n if (toggled != null) {\n setIntervalValue(toggled);\n }\n }, [toggled]);\n const previousInitialValue = usePrevious(initialValue);\n React.useEffect(() => {\n if (initialValue !== previousInitialValue) {\n onPress(initialValue);\n }\n }, [initialValue, previousInitialValue, onPress]);\n const handlePress = () => {\n setIntervalValue(!toggled);\n onPress(!toggled);\n };\n return (React.createElement(IconButton, { Icon: Icon, icon: icon, size: iconSize, color: internalValue ? colors[color] : colors[colorSecondary], onPress: handlePress, disabled: disabled, style: [\n styles.mainContainer,\n {\n width,\n height,\n backgroundColor: toggled ? colors[colorSecondary] : colors[color],\n borderColor: colors[borderColor],\n },\n style,\n ], ...rest }));\n};\nconst styles = StyleSheet.create({\n mainContainer: {\n borderWidth: 1,\n },\n});\nexport default withTheme(ToggleButton);\nexport const SEED_DATA = {\n name: \"Toggle Button\",\n tag: \"ToggleButton\",\n category: COMPONENT_TYPES.button,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n icon: createIconProp({\n required: true,\n }),\n iconSize: createIconSizeProp(),\n fieldName: createFieldNameProp({\n defaultValue: false,\n valuePropName: \"toggled\",\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n description: \"Whether the button should be disabled\",\n group: GROUPS.basic,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n }),\n colorSecondary: createColorProp({\n label: \"Secondary Color\",\n group: GROUPS.basic,\n }),\n borderColor: createColorProp({\n label: \"Border Color\",\n group: GROUPS.basic,\n }),\n width: createStaticNumberProp({\n label: \"Width\",\n description: \"Width\",\n defaultValue: 50,\n }),\n height: createStaticNumberProp({\n label: \"Height\",\n description: \"Height\",\n defaultValue: 50,\n }),\n },\n};\n"]}
@@ -14,8 +14,6 @@ var _types = require("@draftbit/types");
14
14
 
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
16
 
17
- function _extends() { _extends = Object.assign || 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); }
18
-
19
17
  function Touchable({
20
18
  children,
21
19
  disabled,
@@ -23,7 +21,7 @@ function Touchable({
23
21
  style,
24
22
  ...props
25
23
  }) {
26
- return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
24
+ return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
27
25
  onPress: onPress,
28
26
  disabled: disabled,
29
27
  hitSlop: 8,
@@ -33,8 +31,9 @@ function Touchable({
33
31
  return [{
34
32
  opacity: pressed || disabled ? 0.75 : 1
35
33
  }, style];
36
- }
37
- }, props), children);
34
+ },
35
+ ...props
36
+ }, children);
38
37
  }
39
38
 
40
39
  const SEED_DATA = {
@@ -49,4 +48,16 @@ const SEED_DATA = {
49
48
  }
50
49
  };
51
50
  exports.SEED_DATA = SEED_DATA;
51
+ //# sourceMappingURL=Touchable.js.mapATA = {
52
+ name: "Touchable",
53
+ tag: "Touchable",
54
+ description: "Simple button with no styles",
55
+ category: _types.COMPONENT_TYPES.button,
56
+ layout: {},
57
+ triggers: [_types.Triggers.OnPress],
58
+ props: {
59
+ onPress: (0, _types.createActionProp)()
60
+ }
61
+ };
62
+ exports.SEED_DATA = SEED_DATA;
52
63
  //# sourceMappingURL=Touchable.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["Touchable.tsx"],"names":["Touchable","children","disabled","onPress","style","props","pressed","opacity","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress"],"mappings":";;;;;;;;AAAA;;AACA;;AAEA;;;;;;AASe,SAASA,SAAT,CAAmB;AAChCC,EAAAA,QADgC;AAEhCC,EAAAA,QAFgC;AAGhCC,EAAAA,OAHgC;AAIhCC,EAAAA,KAJgC;AAKhC,KAAGC;AAL6B,CAAnB,EAML;AACR,sBACE,6BAAC,sBAAD;AACE,IAAA,OAAO,EAAEF,OADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,OAAO,EAAE,CAHX;AAIE,IAAA,KAAK,EAAE,CAAC;AAAEI,MAAAA;AAAF,KAAD,KAAiB;AACtB,aAAO,CACL;AACEC,QAAAA,OAAO,EAAED,OAAO,IAAIJ,QAAX,GAAsB,IAAtB,GAA6B;AADxC,OADK,EAILE,KAJK,CAAP;AAMD;AAXH,KAYMC,KAZN,GAcGJ,QAdH,CADF;AAkBD;;AAEM,MAAMO,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CANa;AAOvBb,EAAAA,KAAK,EAAE;AACLF,IAAAA,OAAO,EAAE;AADJ;AAPgB,CAAlB","sourcesContent":["import React from \"react\";\nimport { Pressable, ViewStyle, PressableProps } from \"react-native\";\n\nimport { COMPONENT_TYPES, createActionProp, Triggers } from \"@draftbit/types\";\n\ntype Props = {\n disabled?: boolean;\n children: React.ReactNode;\n style?: ViewStyle;\n onPress?: () => void;\n} & PressableProps;\n\nexport default function Touchable({\n children,\n disabled,\n onPress,\n style,\n ...props\n}: Props) {\n return (\n <Pressable\n onPress={onPress}\n disabled={disabled}\n hitSlop={8}\n style={({ pressed }) => {\n return [\n {\n opacity: pressed || disabled ? 0.75 : 1,\n },\n style,\n ];\n }}\n {...props}\n >\n {children}\n </Pressable>\n );\n}\n\nexport const SEED_DATA = {\n name: \"Touchable\",\n tag: \"Touchable\",\n description: \"Simple button with no styles\",\n category: COMPONENT_TYPES.button,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n },\n};\n"]}
1
+ {"version":3,"sources":["Touchable.js"],"names":["Touchable","children","disabled","onPress","style","props","React","createElement","Pressable","hitSlop","pressed","opacity","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress"],"mappings":";;;;;;;;AAAA;;AACA;;AACA;;;;AACe,SAASA,SAAT,CAAmB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAZ;AAAsBC,EAAAA,OAAtB;AAA+BC,EAAAA,KAA/B;AAAsC,KAAGC;AAAzC,CAAnB,EAAqE;AAChF,sBAAQC,eAAMC,aAAN,CAAoBC,sBAApB,EAA+B;AAAEL,IAAAA,OAAO,EAAEA,OAAX;AAAoBD,IAAAA,QAAQ,EAAEA,QAA9B;AAAwCO,IAAAA,OAAO,EAAE,CAAjD;AAAoDL,IAAAA,KAAK,EAAE,CAAC;AAAEM,MAAAA;AAAF,KAAD,KAAiB;AAC3G,aAAO,CACH;AACIC,QAAAA,OAAO,EAAED,OAAO,IAAIR,QAAX,GAAsB,IAAtB,GAA6B;AAD1C,OADG,EAIHE,KAJG,CAAP;AAMH,KAPkC;AAOhC,OAAGC;AAP6B,GAA/B,EAOWJ,QAPX,CAAR;AAQH;;AACM,MAAMW,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,WADe;AAErBC,EAAAA,GAAG,EAAE,WAFgB;AAGrBC,EAAAA,WAAW,EAAE,8BAHQ;AAIrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAJL;AAKrBC,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CANW;AAOrBjB,EAAAA,KAAK,EAAE;AACHF,IAAAA,OAAO,EAAE;AADN;AAPc,CAAlB","sourcesContent":["import React from \"react\";\nimport { Pressable } from \"react-native\";\nimport { COMPONENT_TYPES, createActionProp, Triggers } from \"@draftbit/types\";\nexport default function Touchable({ children, disabled, onPress, style, ...props }) {\n return (React.createElement(Pressable, { onPress: onPress, disabled: disabled, hitSlop: 8, style: ({ pressed }) => {\n return [\n {\n opacity: pressed || disabled ? 0.75 : 1,\n },\n style,\n ];\n }, ...props }, children));\n}\nexport const SEED_DATA = {\n name: \"Touchable\",\n tag: \"Touchable\",\n description: \"Simple button with no styles\",\n category: COMPONENT_TYPES.button,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Touchable.web.tsx"],"names":["TouchableOpacity"],"mappings":";;;;;;;AAAA;;eAEeA,6B","sourcesContent":["import { TouchableOpacity } from \"react-native\";\n\nexport default TouchableOpacity;\n"]}
1
+ {"version":3,"sources":["Touchable.web.js"],"names":["TouchableOpacity"],"mappings":";;;;;;;AAAA;;eACeA,6B","sourcesContent":["import { TouchableOpacity } from \"react-native\";\nexport default TouchableOpacity;\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Typography.tsx"],"names":["Title","text","theme","style","fontSize","letterSpacing","lineHeight","color","colors","Subtitle","medium","Caption","light"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAYO,MAAMA,KAAK,GAAG,wBAAU,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAAmC;AAChE,sBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEC,MAAAA,QAAQ,EAAE,EADZ;AAEEC,MAAAA,aAAa,EAAE,CAFjB;AAGEC,MAAAA,UAAU,EAAE,EAHd;AAIEC,MAAAA,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaP;AAJtB,KADK,EAOLE,KAPK;AADT,KAWGF,IAXH,CADF;AAeD,CAhBoB,CAAd;;AAkBA,MAAMQ,QAAQ,GAAG,wBAAU,CAAC;AAAER,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAAmC;AACnE,sBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEC,MAAAA,QAAQ,EAAE,EADZ;AAEEC,MAAAA,aAAa,EAAE,CAFjB;AAGEC,MAAAA,UAAU,EAAE,EAHd;AAIEC,MAAAA,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaE;AAJtB,KADK,EAOLP,KAPK;AADT,KAWGF,IAXH,CADF;AAeD,CAhBuB,CAAjB;;AAkBA,MAAMU,OAAO,GAAG,wBAAU,CAAC;AAAEV,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAAmC;AAClE,sBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEC,MAAAA,QAAQ,EAAE,EADZ;AAEEC,MAAAA,aAAa,EAAE,CAFjB;AAGEC,MAAAA,UAAU,EAAE,EAHd;AAIEC,MAAAA,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaI;AAJtB,KADK,EAOLT,KAPK;AADT,KAWGF,IAXH,CADF;AAeD,CAhBsB,CAAhB","sourcesContent":["import React from \"react\";\nimport { Text, TextStyle, StyleProp } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n text: string;\n style?: StyleProp<TextStyle>;\n /**\n * @optional\n */\n theme: typeof Theme;\n};\n\nexport const Title = withTheme(({ text, theme, style }: Props) => {\n return (\n <Text\n style={[\n {\n fontSize: 20,\n letterSpacing: 0,\n lineHeight: 26,\n color: theme.colors.text,\n },\n style,\n ]}\n >\n {text}\n </Text>\n );\n});\n\nexport const Subtitle = withTheme(({ text, theme, style }: Props) => {\n return (\n <Text\n style={[\n {\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 16,\n color: theme.colors.medium,\n },\n style,\n ]}\n >\n {text}\n </Text>\n );\n});\n\nexport const Caption = withTheme(({ text, theme, style }: Props) => {\n return (\n <Text\n style={[\n {\n fontSize: 12,\n letterSpacing: 0,\n lineHeight: 14,\n color: theme.colors.light,\n },\n style,\n ]}\n >\n {text}\n </Text>\n );\n});\n"]}
1
+ {"version":3,"sources":["Typography.js"],"names":["Title","text","theme","style","React","createElement","Text","fontSize","letterSpacing","lineHeight","color","colors","Subtitle","medium","Caption","light"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACO,MAAMA,KAAK,GAAG,wBAAU,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAA4B;AACvD,sBAAQC,eAAMC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEH,IAAAA,KAAK,EAAE,CACnC;AACII,MAAAA,QAAQ,EAAE,EADd;AAEIC,MAAAA,aAAa,EAAE,CAFnB;AAGIC,MAAAA,UAAU,EAAE,EAHhB;AAIIC,MAAAA,KAAK,EAAER,KAAK,CAACS,MAAN,CAAaV;AAJxB,KADmC,EAOnCE,KAPmC;AAAT,GAA1B,EAQCF,IARD,CAAR;AASH,CAVoB,CAAd;;AAWA,MAAMW,QAAQ,GAAG,wBAAU,CAAC;AAAEX,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAA4B;AAC1D,sBAAQC,eAAMC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEH,IAAAA,KAAK,EAAE,CACnC;AACII,MAAAA,QAAQ,EAAE,EADd;AAEIC,MAAAA,aAAa,EAAE,CAFnB;AAGIC,MAAAA,UAAU,EAAE,EAHhB;AAIIC,MAAAA,KAAK,EAAER,KAAK,CAACS,MAAN,CAAaE;AAJxB,KADmC,EAOnCV,KAPmC;AAAT,GAA1B,EAQCF,IARD,CAAR;AASH,CAVuB,CAAjB;;AAWA,MAAMa,OAAO,GAAG,wBAAU,CAAC;AAAEb,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAA4B;AACzD,sBAAQC,eAAMC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEH,IAAAA,KAAK,EAAE,CACnC;AACII,MAAAA,QAAQ,EAAE,EADd;AAEIC,MAAAA,aAAa,EAAE,CAFnB;AAGIC,MAAAA,UAAU,EAAE,EAHhB;AAIIC,MAAAA,KAAK,EAAER,KAAK,CAACS,MAAN,CAAaI;AAJxB,KADmC,EAOnCZ,KAPmC;AAAT,GAA1B,EAQCF,IARD,CAAR;AASH,CAVsB,CAAhB","sourcesContent":["import React from \"react\";\nimport { Text } from \"react-native\";\nimport { withTheme } from \"../theming\";\nexport const Title = withTheme(({ text, theme, style }) => {\n return (React.createElement(Text, { style: [\n {\n fontSize: 20,\n letterSpacing: 0,\n lineHeight: 26,\n color: theme.colors.text,\n },\n style,\n ] }, text));\n});\nexport const Subtitle = withTheme(({ text, theme, style }) => {\n return (React.createElement(Text, { style: [\n {\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 16,\n color: theme.colors.medium,\n },\n style,\n ] }, text));\n});\nexport const Caption = withTheme(({ text, theme, style }) => {\n return (React.createElement(Text, { style: [\n {\n fontSize: 12,\n letterSpacing: 0,\n lineHeight: 14,\n color: theme.colors.light,\n },\n style,\n ] }, text));\n});\n"]}
@@ -405,10 +405,10 @@ Object.defineProperty(exports, "useAuthState", {
405
405
  return _useAuthState.useAuthState;
406
406
  }
407
407
  });
408
- Object.defineProperty(exports, "Youtube", {
408
+ Object.defineProperty(exports, "Markdown", {
409
409
  enumerable: true,
410
410
  get: function () {
411
- return _Youtube.default;
411
+ return _Markdown.default;
412
412
  }
413
413
  });
414
414
 
@@ -510,7 +510,7 @@ var _Stepper = _interopRequireDefault(require("./components/Stepper"));
510
510
 
511
511
  var _useAuthState = require("./components/useAuthState");
512
512
 
513
- var _Youtube = _interopRequireDefault(require("./components/Youtube"));
513
+ var _Markdown = _interopRequireDefault(require("./components/Markdown"));
514
514
 
515
515
  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); }
516
516
 
@@ -1 +1 @@
1
- {"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAEA;;AASA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as TextInput } from \"./components/TextInput\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\nexport { default as Youtube } from \"./components/Youtube\";\n"]}
1
+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAEA;;AASA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as TextInput } from \"./components/TextInput\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\nexport { default as Markdown } from \"./components/Markdown\";\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["fonts.js"],"names":["fontConfig","web","regular","fontFamily","fontWeight","medium","light","thin","ios","default","configureFonts","config","fonts","Platform","select"],"mappings":";;;;;;;AACA;;AADA;AAEA,MAAMA,UAAU,GAAG;AACfC,EAAAA,GAAG,EAAE;AACDC,IAAAA,OAAO,EAAE;AACLC,MAAAA,UAAU,EAAE,wDADP;AAELC,MAAAA,UAAU,EAAE;AAFP,KADR;AAKDC,IAAAA,MAAM,EAAE;AACJF,MAAAA,UAAU,EAAE,wDADR;AAEJC,MAAAA,UAAU,EAAE;AAFR,KALP;AASDE,IAAAA,KAAK,EAAE;AACHH,MAAAA,UAAU,EAAE,wDADT;AAEHC,MAAAA,UAAU,EAAE;AAFT,KATN;AAaDG,IAAAA,IAAI,EAAE;AACFJ,MAAAA,UAAU,EAAE,wDADV;AAEFC,MAAAA,UAAU,EAAE;AAFV;AAbL,GADU;AAmBfI,EAAAA,GAAG,EAAE;AACDN,IAAAA,OAAO,EAAE;AACLC,MAAAA,UAAU,EAAE,QADP;AAELC,MAAAA,UAAU,EAAE;AAFP,KADR;AAKDC,IAAAA,MAAM,EAAE;AACJF,MAAAA,UAAU,EAAE,QADR;AAEJC,MAAAA,UAAU,EAAE;AAFR,KALP;AASDE,IAAAA,KAAK,EAAE;AACHH,MAAAA,UAAU,EAAE,QADT;AAEHC,MAAAA,UAAU,EAAE;AAFT,KATN;AAaDG,IAAAA,IAAI,EAAE;AACFJ,MAAAA,UAAU,EAAE,QADV;AAEFC,MAAAA,UAAU,EAAE;AAFV;AAbL,GAnBU;AAqCfK,EAAAA,OAAO,EAAE;AACLP,IAAAA,OAAO,EAAE;AACLC,MAAAA,UAAU,EAAE,YADP;AAELC,MAAAA,UAAU,EAAE;AAFP,KADJ;AAKLC,IAAAA,MAAM,EAAE;AACJF,MAAAA,UAAU,EAAE,mBADR;AAEJC,MAAAA,UAAU,EAAE;AAFR,KALH;AASLE,IAAAA,KAAK,EAAE;AACHH,MAAAA,UAAU,EAAE,kBADT;AAEHC,MAAAA,UAAU,EAAE;AAFT,KATF;AAaLG,IAAAA,IAAI,EAAE;AACFJ,MAAAA,UAAU,EAAE,iBADV;AAEFC,MAAAA,UAAU,EAAE;AAFV;AAbD;AArCM,CAAnB;;AAwDe,SAASM,cAAT,CAAwBC,MAAxB,EAAgC;AAC3C,QAAMC,KAAK,GAAGC,sBAASC,MAAT,CAAgB,EAAE,GAAGd,UAAL;AAAiB,OAAGW;AAApB,GAAhB,CAAd;;AACA,SAAOC,KAAP;AACH","sourcesContent":["/* https://github.com/callstack/react-native-paper/blob/main/src/styles/fonts.tsx */\nimport { Platform } from \"react-native\";\nconst fontConfig = {\n web: {\n regular: {\n fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n fontWeight: \"400\",\n },\n medium: {\n fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n fontWeight: \"500\",\n },\n light: {\n fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n fontWeight: \"300\",\n },\n thin: {\n fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n fontWeight: \"100\",\n },\n },\n ios: {\n regular: {\n fontFamily: \"System\",\n fontWeight: \"400\",\n },\n medium: {\n fontFamily: \"System\",\n fontWeight: \"500\",\n },\n light: {\n fontFamily: \"System\",\n fontWeight: \"300\",\n },\n thin: {\n fontFamily: \"System\",\n fontWeight: \"100\",\n },\n },\n default: {\n regular: {\n fontFamily: \"sans-serif\",\n fontWeight: \"normal\",\n },\n medium: {\n fontFamily: \"sans-serif-medium\",\n fontWeight: \"normal\",\n },\n light: {\n fontFamily: \"sans-serif-light\",\n fontWeight: \"normal\",\n },\n thin: {\n fontFamily: \"sans-serif-thin\",\n fontWeight: \"normal\",\n },\n },\n};\nexport default function configureFonts(config) {\n const fonts = Platform.select({ ...fontConfig, ...config });\n return fonts;\n}\n"]}
1
+ {"version":3,"sources":["fonts.tsx"],"names":["fontConfig","web","regular","fontFamily","fontWeight","medium","light","thin","ios","default","configureFonts","config","fonts","Platform","select"],"mappings":";;;;;;;AACA;;AADA;AAIA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,GAAG,EAAE;AACHC,IAAAA,OAAO,EAAE;AACPC,MAAAA,UAAU,EAAE,wDADL;AAEPC,MAAAA,UAAU,EAAE;AAFL,KADN;AAKHC,IAAAA,MAAM,EAAE;AACNF,MAAAA,UAAU,EAAE,wDADN;AAENC,MAAAA,UAAU,EAAE;AAFN,KALL;AASHE,IAAAA,KAAK,EAAE;AACLH,MAAAA,UAAU,EAAE,wDADP;AAELC,MAAAA,UAAU,EAAE;AAFP,KATJ;AAaHG,IAAAA,IAAI,EAAE;AACJJ,MAAAA,UAAU,EAAE,wDADR;AAEJC,MAAAA,UAAU,EAAE;AAFR;AAbH,GADY;AAmBjBI,EAAAA,GAAG,EAAE;AACHN,IAAAA,OAAO,EAAE;AACPC,MAAAA,UAAU,EAAE,QADL;AAEPC,MAAAA,UAAU,EAAE;AAFL,KADN;AAKHC,IAAAA,MAAM,EAAE;AACNF,MAAAA,UAAU,EAAE,QADN;AAENC,MAAAA,UAAU,EAAE;AAFN,KALL;AASHE,IAAAA,KAAK,EAAE;AACLH,MAAAA,UAAU,EAAE,QADP;AAELC,MAAAA,UAAU,EAAE;AAFP,KATJ;AAaHG,IAAAA,IAAI,EAAE;AACJJ,MAAAA,UAAU,EAAE,QADR;AAEJC,MAAAA,UAAU,EAAE;AAFR;AAbH,GAnBY;AAqCjBK,EAAAA,OAAO,EAAE;AACPP,IAAAA,OAAO,EAAE;AACPC,MAAAA,UAAU,EAAE,YADL;AAEPC,MAAAA,UAAU,EAAE;AAFL,KADF;AAKPC,IAAAA,MAAM,EAAE;AACNF,MAAAA,UAAU,EAAE,mBADN;AAENC,MAAAA,UAAU,EAAE;AAFN,KALD;AASPE,IAAAA,KAAK,EAAE;AACLH,MAAAA,UAAU,EAAE,kBADP;AAELC,MAAAA,UAAU,EAAE;AAFP,KATA;AAaPG,IAAAA,IAAI,EAAE;AACJJ,MAAAA,UAAU,EAAE,iBADR;AAEJC,MAAAA,UAAU,EAAE;AAFR;AAbC;AArCQ,CAAnB;;AAyDe,SAASM,cAAT,CACbC,MADa,EAEN;AACP,QAAMC,KAAK,GAAGC,sBAASC,MAAT,CAAgB,EAAE,GAAGd,UAAL;AAAiB,OAAGW;AAApB,GAAhB,CAAd;;AACA,SAAOC,KAAP;AACD","sourcesContent":["/* https://github.com/callstack/react-native-paper/blob/main/src/styles/fonts.tsx */\nimport { Platform, PlatformOSType } from \"react-native\";\nimport type { Fonts } from \"@draftbit/types\";\n\nconst fontConfig = {\n web: {\n regular: {\n fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n fontWeight: \"400\" as \"400\",\n },\n medium: {\n fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n fontWeight: \"500\" as \"500\",\n },\n light: {\n fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n fontWeight: \"300\" as \"300\",\n },\n thin: {\n fontFamily: 'Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n fontWeight: \"100\" as \"100\",\n },\n },\n ios: {\n regular: {\n fontFamily: \"System\",\n fontWeight: \"400\" as \"400\",\n },\n medium: {\n fontFamily: \"System\",\n fontWeight: \"500\" as \"500\",\n },\n light: {\n fontFamily: \"System\",\n fontWeight: \"300\" as \"300\",\n },\n thin: {\n fontFamily: \"System\",\n fontWeight: \"100\" as \"100\",\n },\n },\n default: {\n regular: {\n fontFamily: \"sans-serif\",\n fontWeight: \"normal\" as \"normal\",\n },\n medium: {\n fontFamily: \"sans-serif-medium\",\n fontWeight: \"normal\" as \"normal\",\n },\n light: {\n fontFamily: \"sans-serif-light\",\n fontWeight: \"normal\" as \"normal\",\n },\n thin: {\n fontFamily: \"sans-serif-thin\",\n fontWeight: \"normal\" as \"normal\",\n },\n },\n};\n\nexport default function configureFonts(\n config?: { [platform in PlatformOSType | \"default\"]?: Fonts }\n): Fonts {\n const fonts = Platform.select({ ...fontConfig, ...config }) as Fonts;\n return fonts;\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["shadow.js"],"names":["SHADOW_COLOR","SHADOW_OPACITY","shadow","elevation","Animated","Value","inputRange","shadowColor","shadowOffset","width","height","interpolate","outputRange","shadowOpacity","shadowRadius","radius"],"mappings":";;;;;;;AAAA;;AACA,MAAMA,YAAY,GAAG,MAArB;AACA,MAAMC,cAAc,GAAG,IAAvB;;AACe,SAASC,MAAT,CAAgBC,SAAS,GAAG,CAA5B,EAA+B;AAC1C,MAAIA,SAAS,YAAYC,sBAASC,KAAlC,EAAyC;AACrC,UAAMC,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB;AACA,WAAO;AACHC,MAAAA,WAAW,EAAEP,YADV;AAEHQ,MAAAA,YAAY,EAAE;AACVC,QAAAA,KAAK,EAAE,IAAIL,sBAASC,KAAb,CAAmB,CAAnB,CADG;AAEVK,QAAAA,MAAM,EAAEP,SAAS,CAACQ,WAAV,CAAsB;AAC1BL,UAAAA,UAD0B;AAE1BM,UAAAA,WAAW,EAAE,CAAC,CAAD,EAAI,GAAJ,EAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;AAFa,SAAtB;AAFE,OAFX;AASHC,MAAAA,aAAa,EAAE,IAAIT,sBAASC,KAAb,CAAmBJ,cAAnB,CATZ;AAUHa,MAAAA,YAAY,EAAEX,SAAS,CAACQ,WAAV,CAAsB;AAChCL,QAAAA,UADgC;AAEhCM,QAAAA,WAAW,EAAE,CAAC,CAAD,EAAI,IAAJ,EAAU,GAAV,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;AAFmB,OAAtB;AAVX,KAAP;AAeH,GAjBD,MAkBK;AACD,QAAIT,SAAS,KAAK,CAAlB,EAAqB;AACjB,aAAO,EAAP;AACH;;AACD,QAAIO,MAAJ,EAAYK,MAAZ;;AACA,YAAQZ,SAAR;AACI,WAAK,CAAL;AACIO,QAAAA,MAAM,GAAG,GAAT;AACAK,QAAAA,MAAM,GAAG,IAAT;AACA;;AACJ,WAAK,CAAL;AACIL,QAAAA,MAAM,GAAG,IAAT;AACAK,QAAAA,MAAM,GAAG,GAAT;AACA;;AACJ;AACIL,QAAAA,MAAM,GAAGP,SAAS,GAAG,CAArB;AACAY,QAAAA,MAAM,GAAGZ,SAAT;AAXR;;AAaA,WAAO;AACHI,MAAAA,WAAW,EAAEP,YADV;AAEHQ,MAAAA,YAAY,EAAE;AACVC,QAAAA,KAAK,EAAE,CADG;AAEVC,QAAAA;AAFU,OAFX;AAMHG,MAAAA,aAAa,EAAEZ,cANZ;AAOHa,MAAAA,YAAY,EAAEC;AAPX,KAAP;AASH;AACJ","sourcesContent":["import { Animated } from \"react-native\";\nconst SHADOW_COLOR = \"#000\";\nconst SHADOW_OPACITY = 0.24;\nexport default function shadow(elevation = 0) {\n if (elevation instanceof Animated.Value) {\n const inputRange = [0, 1, 2, 3, 8, 24];\n return {\n shadowColor: SHADOW_COLOR,\n shadowOffset: {\n width: new Animated.Value(0),\n height: elevation.interpolate({\n inputRange,\n outputRange: [0, 0.5, 0.75, 2, 7, 23],\n }),\n },\n shadowOpacity: new Animated.Value(SHADOW_OPACITY),\n shadowRadius: elevation.interpolate({\n inputRange,\n outputRange: [0, 0.75, 1.5, 3, 8, 24],\n }),\n };\n }\n else {\n if (elevation === 0) {\n return {};\n }\n let height, radius;\n switch (elevation) {\n case 1:\n height = 0.5;\n radius = 0.75;\n break;\n case 2:\n height = 0.75;\n radius = 1.5;\n break;\n default:\n height = elevation - 1;\n radius = elevation;\n }\n return {\n shadowColor: SHADOW_COLOR,\n shadowOffset: {\n width: 0,\n height,\n },\n shadowOpacity: SHADOW_OPACITY,\n shadowRadius: radius,\n };\n }\n}\n"]}
1
+ {"version":3,"sources":["shadow.tsx"],"names":["SHADOW_COLOR","SHADOW_OPACITY","shadow","elevation","Animated","Value","inputRange","shadowColor","shadowOffset","width","height","interpolate","outputRange","shadowOpacity","shadowRadius","radius"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,YAAY,GAAG,MAArB;AACA,MAAMC,cAAc,GAAG,IAAvB;;AAEe,SAASC,MAAT,CAAgBC,SAAkC,GAAG,CAArD,EAAwD;AACrE,MAAIA,SAAS,YAAYC,sBAASC,KAAlC,EAAyC;AACvC,UAAMC,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB;AAEA,WAAO;AACLC,MAAAA,WAAW,EAAEP,YADR;AAELQ,MAAAA,YAAY,EAAE;AACZC,QAAAA,KAAK,EAAE,IAAIL,sBAASC,KAAb,CAAmB,CAAnB,CADK;AAEZK,QAAAA,MAAM,EAAEP,SAAS,CAACQ,WAAV,CAAsB;AAC5BL,UAAAA,UAD4B;AAE5BM,UAAAA,WAAW,EAAE,CAAC,CAAD,EAAI,GAAJ,EAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;AAFe,SAAtB;AAFI,OAFT;AASLC,MAAAA,aAAa,EAAE,IAAIT,sBAASC,KAAb,CAAmBJ,cAAnB,CATV;AAULa,MAAAA,YAAY,EAAEX,SAAS,CAACQ,WAAV,CAAsB;AAClCL,QAAAA,UADkC;AAElCM,QAAAA,WAAW,EAAE,CAAC,CAAD,EAAI,IAAJ,EAAU,GAAV,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;AAFqB,OAAtB;AAVT,KAAP;AAeD,GAlBD,MAkBO;AACL,QAAIT,SAAS,KAAK,CAAlB,EAAqB;AACnB,aAAO,EAAP;AACD;;AAED,QAAIO,MAAJ,EAAYK,MAAZ;;AACA,YAAQZ,SAAR;AACE,WAAK,CAAL;AACEO,QAAAA,MAAM,GAAG,GAAT;AACAK,QAAAA,MAAM,GAAG,IAAT;AACA;;AACF,WAAK,CAAL;AACEL,QAAAA,MAAM,GAAG,IAAT;AACAK,QAAAA,MAAM,GAAG,GAAT;AACA;;AACF;AACEL,QAAAA,MAAM,GAAGP,SAAS,GAAG,CAArB;AACAY,QAAAA,MAAM,GAAGZ,SAAT;AAXJ;;AAcA,WAAO;AACLI,MAAAA,WAAW,EAAEP,YADR;AAELQ,MAAAA,YAAY,EAAE;AACZC,QAAAA,KAAK,EAAE,CADK;AAEZC,QAAAA;AAFY,OAFT;AAMLG,MAAAA,aAAa,EAAEZ,cANV;AAOLa,MAAAA,YAAY,EAAEC;AAPT,KAAP;AASD;AACF","sourcesContent":["import { Animated } from \"react-native\";\n\nconst SHADOW_COLOR = \"#000\";\nconst SHADOW_OPACITY = 0.24;\n\nexport default function shadow(elevation: number | Animated.Value = 0) {\n if (elevation instanceof Animated.Value) {\n const inputRange = [0, 1, 2, 3, 8, 24];\n\n return {\n shadowColor: SHADOW_COLOR,\n shadowOffset: {\n width: new Animated.Value(0),\n height: elevation.interpolate({\n inputRange,\n outputRange: [0, 0.5, 0.75, 2, 7, 23],\n }),\n },\n shadowOpacity: new Animated.Value(SHADOW_OPACITY),\n shadowRadius: elevation.interpolate({\n inputRange,\n outputRange: [0, 0.75, 1.5, 3, 8, 24],\n }),\n };\n } else {\n if (elevation === 0) {\n return {};\n }\n\n let height, radius;\n switch (elevation) {\n case 1:\n height = 0.5;\n radius = 0.75;\n break;\n case 2:\n height = 0.75;\n radius = 1.5;\n break;\n default:\n height = elevation - 1;\n radius = elevation;\n }\n\n return {\n shadowColor: SHADOW_COLOR,\n shadowOffset: {\n width: 0,\n height,\n },\n shadowOpacity: SHADOW_OPACITY,\n shadowRadius: radius,\n };\n }\n}\n"]}
@@ -0,0 +1,26 @@
1
+ import * as React from "react";
2
+ import Markdown from "react-native-markdown-display";
3
+ import { withTheme } from "../theming";
4
+ import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
5
+
6
+ const MarkdownComponent = ({
7
+ content
8
+ }) => {
9
+ return /*#__PURE__*/React.createElement(Markdown, null, content);
10
+ };
11
+
12
+ export default withTheme(MarkdownComponent);
13
+ export const SEED_DATA = {
14
+ name: "Markdown",
15
+ tag: "MarkdownComponent",
16
+ description: "A markdown component",
17
+ category: COMPONENT_TYPES.basic,
18
+ props: {
19
+ content: createTextProp({
20
+ label: "Markdown Text",
21
+ description: "Markdown Text",
22
+ defaultValue: null
23
+ })
24
+ }
25
+ };
26
+ //# sourceMappingURL=Markdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["Markdown.tsx"],"names":["React","Markdown","withTheme","COMPONENT_TYPES","createTextProp","MarkdownComponent","content","SEED_DATA","name","tag","description","category","basic","props","label","defaultValue"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,+BAArB;AAEA,SAASC,SAAT,QAA0B,YAA1B;AAEA,SAASC,eAAT,EAA0BC,cAA1B,QAAgD,iBAAhD;;AAMA,MAAMC,iBAAkC,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAiB;AAC1D,sBAAO,oBAAC,QAAD,QAAWA,OAAX,CAAP;AACD,CAFD;;AAIA,eAAeJ,SAAS,CAACG,iBAAD,CAAxB;AAEA,OAAO,MAAME,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,mBAFkB;AAGvBC,EAAAA,WAAW,EAAE,sBAHU;AAIvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,KAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLP,IAAAA,OAAO,EAAEF,cAAc,CAAC;AACtBU,MAAAA,KAAK,EAAE,eADe;AAEtBJ,MAAAA,WAAW,EAAE,eAFS;AAGtBK,MAAAA,YAAY,EAAE;AAHQ,KAAD;AADlB;AALgB,CAAlB","sourcesContent":["import * as React from \"react\";\nimport Markdown from \"react-native-markdown-display\";\n\nimport { withTheme } from \"../theming\";\n\nimport { COMPONENT_TYPES, createTextProp } from \"@draftbit/types\";\n\ntype Props = {\n content?: string;\n};\n\nconst MarkdownComponent: React.FC<Props> = ({ content }) => {\n return <Markdown>{content}</Markdown>;\n};\n\nexport default withTheme(MarkdownComponent);\n\nexport const SEED_DATA = {\n name: \"Markdown\",\n tag: \"MarkdownComponent\",\n description: \"A markdown component\",\n category: COMPONENT_TYPES.basic,\n props: {\n content: createTextProp({\n label: \"Markdown Text\",\n description: \"Markdown Text\",\n defaultValue: null,\n }),\n },\n};\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
1
  /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
4
2
  import * as React from "react";
5
3
  import { Animated, StyleSheet, View } from "react-native";
@@ -26,13 +24,13 @@ const Surface = ({
26
24
  } = theme;
27
25
  const borderRadius = radius;
28
26
  const ele = elevation || styleElevation;
29
- return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
27
+ return /*#__PURE__*/React.createElement(Animated.View, { ...rest,
30
28
  style: [{
31
29
  minHeight: 40,
32
30
  borderRadius,
33
31
  backgroundColor: isDarkTheme && mode === "adaptive" ? overlay(ele, colors.surface) : colors.surface
34
32
  }, elevation ? shadow(elevation) : null, style]
35
- }), /*#__PURE__*/React.createElement(View, {
33
+ }, /*#__PURE__*/React.createElement(View, {
36
34
  style: {
37
35
  overflow: "hidden",
38
36
  borderRadius
@@ -1 +1 @@
1
- {"version":3,"sources":["Surface.tsx"],"names":["React","Animated","StyleSheet","View","shadow","overlay","withTheme","COMPONENT_TYPES","createElevationType","Surface","elevation","style","theme","children","rest","styleElevation","borderRadius","radius","flatten","dark","isDarkTheme","mode","colors","ele","minHeight","backgroundColor","surface","overflow","SEED_DATA","name","tag","description","category","layout","props"],"mappings":";;AAAA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,UAFF,EAMEC,IANF,QAOO,cAPP;AAQA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAEA,SAASC,eAAT,EAA0BC,mBAA1B,QAAqD,iBAArD;;AAQA,MAAMC,OAAwB,GAAG,CAAC;AAChCC,EAAAA,SADgC;AAEhCC,EAAAA,KAFgC;AAGhCC,EAAAA,KAHgC;AAIhCC,EAAAA,QAJgC;AAKhC,KAAGC;AAL6B,CAAD,KAM3B;AACJ,QAAM;AAAEJ,IAAAA,SAAS,EAAEK,cAAc,GAAG,CAA9B;AAAiCC,IAAAA,YAAY,EAAEC,MAAM,GAAG;AAAxD,MACHf,UAAU,CAACgB,OAAX,CAAmBP,KAAnB,KAA6B,EADhC;AAEA,QAAM;AAAEQ,IAAAA,IAAI,EAAEC,WAAR;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,MAAsCV,KAA5C;AACA,QAAMI,YAAY,GAAGC,MAArB;AACA,QAAMM,GAAG,GAAGb,SAAS,IAAIK,cAAzB;AAEA,sBACE,oBAAC,QAAD,CAAU,IAAV,eACMD,IADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEU,MAAAA,SAAS,EAAE,EADb;AAEER,MAAAA,YAFF;AAGES,MAAAA,eAAe,EACbL,WAAW,IAAIC,IAAI,KAAK,UAAxB,GACIhB,OAAO,CAACkB,GAAD,EAAMD,MAAM,CAACI,OAAb,CADX,GAEIJ,MAAM,CAACI;AANf,KADK,EASLhB,SAAS,GAAGN,MAAM,CAACM,SAAD,CAAT,GAAuB,IAT3B,EAULC,KAVK;AAFT,mBAeE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEgB,MAAAA,QAAQ,EAAE,QAAZ;AAAsBX,MAAAA;AAAtB;AAAb,KAAoDH,QAApD,CAfF,CADF;AAmBD,CAhCD;;AAkCA,eAAeP,SAAS,CAACG,OAAD,CAAxB;AAEA,OAAO,MAAMmB,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,SADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,uBAHU;AAIvBC,EAAAA,QAAQ,EAAEzB,eAAe,CAAC0B,MAJH;AAKvBA,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLxB,IAAAA,SAAS,EAAEF,mBAAmB,CAAC,CAAD;AADzB;AANgB,CAAlB","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n Animated,\n StyleSheet,\n ViewProps,\n StyleProp,\n ViewStyle,\n View,\n} from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\n\ntype Props = {\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<Props> = ({\n elevation,\n style,\n theme,\n children,\n ...rest\n}) => {\n const { elevation: styleElevation = 3, borderRadius: radius = 0 } =\n (StyleSheet.flatten(style) || {}) as ViewStyle;\n const { dark: isDarkTheme, mode, colors } = theme;\n const borderRadius = radius;\n const ele = elevation || styleElevation;\n\n return (\n <Animated.View\n {...rest}\n style={[\n {\n minHeight: 40,\n borderRadius,\n backgroundColor:\n isDarkTheme && mode === \"adaptive\"\n ? overlay(ele, colors.surface)\n : colors.surface,\n },\n elevation ? shadow(elevation) : null,\n style,\n ]}\n >\n <View style={{ overflow: \"hidden\", borderRadius }}>{children}</View>\n </Animated.View>\n );\n};\n\nexport default withTheme(Surface);\n\nexport const SEED_DATA = {\n name: \"Surface\",\n tag: \"Surface\",\n description: \"An elevated container\",\n category: COMPONENT_TYPES.layout,\n layout: {},\n props: {\n elevation: createElevationType(0),\n },\n};\n"]}
1
+ {"version":3,"sources":["Surface.js"],"names":["React","Animated","StyleSheet","View","shadow","overlay","withTheme","COMPONENT_TYPES","createElevationType","Surface","elevation","style","theme","children","rest","styleElevation","borderRadius","radius","flatten","dark","isDarkTheme","mode","colors","ele","createElement","minHeight","backgroundColor","surface","overflow","SEED_DATA","name","tag","description","category","layout","props"],"mappings":"AAAA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,IAA/B,QAA4C,cAA5C;AACA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,SAASC,eAAT,EAA0BC,mBAA1B,QAAqD,iBAArD;;AACA,MAAMC,OAAO,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,KAAb;AAAoBC,EAAAA,KAApB;AAA2BC,EAAAA,QAA3B;AAAqC,KAAGC;AAAxC,CAAD,KAAoD;AAChE,QAAM;AAAEJ,IAAAA,SAAS,EAAEK,cAAc,GAAG,CAA9B;AAAiCC,IAAAA,YAAY,EAAEC,MAAM,GAAG;AAAxD,MAA+Df,UAAU,CAACgB,OAAX,CAAmBP,KAAnB,KAA6B,EAAlG;AACA,QAAM;AAAEQ,IAAAA,IAAI,EAAEC,WAAR;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,MAAsCV,KAA5C;AACA,QAAMI,YAAY,GAAGC,MAArB;AACA,QAAMM,GAAG,GAAGb,SAAS,IAAIK,cAAzB;AACA,sBAAQf,KAAK,CAACwB,aAAN,CAAoBvB,QAAQ,CAACE,IAA7B,EAAmC,EAAE,GAAGW,IAAL;AAAWH,IAAAA,KAAK,EAAE,CACrD;AACIc,MAAAA,SAAS,EAAE,EADf;AAEIT,MAAAA,YAFJ;AAGIU,MAAAA,eAAe,EAAEN,WAAW,IAAIC,IAAI,KAAK,UAAxB,GACXhB,OAAO,CAACkB,GAAD,EAAMD,MAAM,CAACK,OAAb,CADI,GAEXL,MAAM,CAACK;AALjB,KADqD,EAQrDjB,SAAS,GAAGN,MAAM,CAACM,SAAD,CAAT,GAAuB,IARqB,EASrDC,KATqD;AAAlB,GAAnC,eAWJX,KAAK,CAACwB,aAAN,CAAoBrB,IAApB,EAA0B;AAAEQ,IAAAA,KAAK,EAAE;AAAEiB,MAAAA,QAAQ,EAAE,QAAZ;AAAsBZ,MAAAA;AAAtB;AAAT,GAA1B,EAA2EH,QAA3E,CAXI,CAAR;AAYH,CAjBD;;AAkBA,eAAeP,SAAS,CAACG,OAAD,CAAxB;AACA,OAAO,MAAMoB,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,SADe;AAErBC,EAAAA,GAAG,EAAE,SAFgB;AAGrBC,EAAAA,WAAW,EAAE,uBAHQ;AAIrBC,EAAAA,QAAQ,EAAE1B,eAAe,CAAC2B,MAJL;AAKrBA,EAAAA,MAAM,EAAE,EALa;AAMrBC,EAAAA,KAAK,EAAE;AACHzB,IAAAA,SAAS,EAAEF,mBAAmB,CAAC,CAAD;AAD3B;AANc,CAAlB","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport { Animated, StyleSheet, View, } from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\nconst Surface = ({ elevation, style, theme, children, ...rest }) => {\n const { elevation: styleElevation = 3, borderRadius: radius = 0 } = (StyleSheet.flatten(style) || {});\n const { dark: isDarkTheme, mode, colors } = theme;\n const borderRadius = radius;\n const ele = elevation || styleElevation;\n return (React.createElement(Animated.View, { ...rest, style: [\n {\n minHeight: 40,\n borderRadius,\n backgroundColor: isDarkTheme && mode === \"adaptive\"\n ? overlay(ele, colors.surface)\n : colors.surface,\n },\n elevation ? shadow(elevation) : null,\n style,\n ] },\n React.createElement(View, { style: { overflow: \"hidden\", borderRadius } }, children)));\n};\nexport default withTheme(Surface);\nexport const SEED_DATA = {\n name: \"Surface\",\n tag: \"Surface\",\n description: \"An elevated container\",\n category: COMPONENT_TYPES.layout,\n layout: {},\n props: {\n elevation: createElevationType(0),\n },\n};\n"]}
@@ -50,5 +50,5 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
50
50
  export { default as Slider } from "./components/Slider";
51
51
  export { default as Stepper } from "./components/Stepper";
52
52
  export { useAuthState } from "./components/useAuthState";
53
- export { default as Youtube } from "./components/Youtube";
53
+ export { default as Markdown } from "./components/Markdown";
54
54
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","TextInput","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState","Youtube"],"mappings":"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","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as TextInput } from \"./components/TextInput\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\nexport { default as Youtube } from \"./components/Youtube\";\n"]}
1
+ {"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","TextInput","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState","Markdown"],"mappings":"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","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as TextInput } from \"./components/TextInput\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\nexport { default as Markdown } from \"./components/Markdown\";\n"]}
@@ -0,0 +1,21 @@
1
+ import * as React from "react";
2
+ declare type Props = {
3
+ content?: string;
4
+ };
5
+ declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<{
6
+ theme: any;
7
+ }, "theme"> & {
8
+ theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
9
+ }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<{
10
+ theme: any;
11
+ }> & React.FC<Props>, {}>;
12
+ export default _default;
13
+ export declare const SEED_DATA: {
14
+ name: string;
15
+ tag: string;
16
+ description: string;
17
+ category: string;
18
+ props: {
19
+ content: any;
20
+ };
21
+ };
@@ -48,4 +48,4 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
48
48
  export { default as Slider } from "./components/Slider";
49
49
  export { default as Stepper } from "./components/Stepper";
50
50
  export { useAuthState } from "./components/useAuthState";
51
- export { default as Youtube } from "./components/Youtube";
51
+ export { default as Markdown } from "./components/Markdown";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "42.4.2-24a0ec.2+24a0ec96",
3
+ "version": "42.4.2-717ab1.2+717ab1f9",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -52,11 +52,10 @@
52
52
  "lodash.isnumber": "^3.0.3",
53
53
  "lodash.omit": "^4.5.0",
54
54
  "lodash.tonumber": "^4.0.3",
55
+ "react-native-markdown-display": "^7.0.0-alpha.2",
55
56
  "react-native-modal-datetime-picker": "^10.0.0",
56
57
  "react-native-typography": "^1.4.1",
57
- "react-native-web-swiper": "^2.2.1",
58
- "react-native-web-webview": "^1.0.2",
59
- "react-native-youtube-iframe": "^2.1.2"
58
+ "react-native-web-swiper": "^2.2.1"
60
59
  },
61
60
  "devDependencies": {
62
61
  "@react-native-community/datetimepicker": "~3.0.0",
@@ -97,5 +96,5 @@
97
96
  ]
98
97
  ]
99
98
  },
100
- "gitHead": "24a0ec96bea0d9e285f02415ab510f77102abcfe"
99
+ "gitHead": "717ab1f9543f1397f25893449ba245e3e2355242"
101
100
  }
@@ -0,0 +1,21 @@
1
+ import * as React from "react";
2
+ import Markdown from "react-native-markdown-display";
3
+ import { withTheme } from "../theming";
4
+ import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
5
+ const MarkdownComponent = ({ content }) => {
6
+ return React.createElement(Markdown, null, content);
7
+ };
8
+ export default withTheme(MarkdownComponent);
9
+ export const SEED_DATA = {
10
+ name: "Markdown",
11
+ tag: "MarkdownComponent",
12
+ description: "A markdown component",
13
+ category: COMPONENT_TYPES.basic,
14
+ props: {
15
+ content: createTextProp({
16
+ label: "Markdown Text",
17
+ description: "Markdown Text",
18
+ defaultValue: null,
19
+ }),
20
+ },
21
+ };
@@ -0,0 +1,30 @@
1
+ import * as React from "react";
2
+ import Markdown from "react-native-markdown-display";
3
+
4
+ import { withTheme } from "../theming";
5
+
6
+ import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
7
+
8
+ type Props = {
9
+ content?: string;
10
+ };
11
+
12
+ const MarkdownComponent: React.FC<Props> = ({ content }) => {
13
+ return <Markdown>{content}</Markdown>;
14
+ };
15
+
16
+ export default withTheme(MarkdownComponent);
17
+
18
+ export const SEED_DATA = {
19
+ name: "Markdown",
20
+ tag: "MarkdownComponent",
21
+ description: "A markdown component",
22
+ category: COMPONENT_TYPES.basic,
23
+ props: {
24
+ content: createTextProp({
25
+ label: "Markdown Text",
26
+ description: "Markdown Text",
27
+ defaultValue: null,
28
+ }),
29
+ },
30
+ };
package/src/index.js CHANGED
@@ -49,4 +49,4 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
49
49
  export { default as Slider } from "./components/Slider";
50
50
  export { default as Stepper } from "./components/Stepper";
51
51
  export { useAuthState } from "./components/useAuthState";
52
- export { default as Youtube } from "./components/Youtube";
52
+ export { default as Markdown } from "./components/Markdown";
package/src/index.tsx CHANGED
@@ -69,4 +69,4 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
69
69
  export { default as Slider } from "./components/Slider";
70
70
  export { default as Stepper } from "./components/Stepper";
71
71
  export { useAuthState } from "./components/useAuthState";
72
- export { default as Youtube } from "./components/Youtube";
72
+ export { default as Markdown } from "./components/Markdown";