@draftbit/core 46.10.2-b59d51.2 → 46.10.2-d8ac73.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/lib/commonjs/components/Checkbox/CheckboxRow.js +23 -6
  2. package/lib/commonjs/components/FAB.js +4 -18
  3. package/lib/commonjs/components/NumberInput.js +12 -3
  4. package/lib/commonjs/components/Picker/Picker.js +13 -3
  5. package/lib/commonjs/components/YoutubePlayer/YoutubePlayer.js +40 -0
  6. package/lib/commonjs/components/{YotubePlayer.js → YoutubePlayer/YoutubePlayer.native.js} +4 -10
  7. package/lib/commonjs/components/YoutubePlayer/YoutubePlayerProps.js +5 -0
  8. package/lib/commonjs/components/YoutubePlayer/index.js +13 -0
  9. package/lib/commonjs/index.js +2 -23
  10. package/lib/commonjs/mappings/NativeBase/Layout.js +98 -0
  11. package/lib/commonjs/mappings/YoutubePlayer.js +0 -6
  12. package/lib/module/components/Picker/Picker.js +13 -3
  13. package/lib/module/components/YoutubePlayer/YoutubePlayer.js +32 -0
  14. package/lib/module/components/YoutubePlayer/YoutubePlayer.native.js +24 -0
  15. package/lib/module/components/YoutubePlayer/YoutubePlayerProps.js +1 -0
  16. package/lib/module/components/YoutubePlayer/index.js +1 -0
  17. package/lib/module/index.js +1 -4
  18. package/lib/module/mappings/NativeBase/Layout.js +91 -0
  19. package/lib/module/mappings/YoutubePlayer.js +0 -6
  20. package/lib/typescript/src/components/Picker/Picker.d.ts.map +1 -1
  21. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.d.ts +5 -0
  22. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.d.ts.map +1 -0
  23. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.native.d.ts +5 -0
  24. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.native.d.ts.map +1 -0
  25. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayerProps.d.ts +8 -0
  26. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayerProps.d.ts.map +1 -0
  27. package/lib/typescript/src/components/YoutubePlayer/index.d.ts +2 -0
  28. package/lib/typescript/src/components/YoutubePlayer/index.d.ts.map +1 -0
  29. package/lib/typescript/src/index.d.ts +1 -4
  30. package/lib/typescript/src/index.d.ts.map +1 -1
  31. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +97 -0
  32. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
  33. package/lib/typescript/src/mappings/YoutubePlayer.d.ts +0 -10
  34. package/lib/typescript/src/mappings/YoutubePlayer.d.ts.map +1 -1
  35. package/package.json +5 -5
  36. package/src/components/Picker/Picker.js +12 -3
  37. package/src/components/Picker/Picker.tsx +12 -3
  38. package/src/components/YoutubePlayer/YoutubePlayer.js +20 -0
  39. package/src/components/YoutubePlayer/YoutubePlayer.native.js +9 -0
  40. package/src/components/YoutubePlayer/YoutubePlayer.native.tsx +27 -0
  41. package/src/components/YoutubePlayer/YoutubePlayer.tsx +36 -0
  42. package/src/components/YoutubePlayer/YoutubePlayerProps.js +1 -0
  43. package/src/components/YoutubePlayer/YoutubePlayerProps.ts +8 -0
  44. package/src/components/YoutubePlayer/index.js +1 -0
  45. package/src/components/YoutubePlayer/index.ts +1 -0
  46. package/src/index.js +1 -4
  47. package/src/index.tsx +1 -4
  48. package/src/mappings/NativeBase/Layout.js +102 -0
  49. package/src/mappings/NativeBase/Layout.ts +117 -0
  50. package/src/mappings/YoutubePlayer.js +0 -6
  51. package/src/mappings/YoutubePlayer.ts +0 -6
  52. package/lib/commonjs/components/Row.js +0 -73
  53. package/lib/commonjs/components/RowBodyIcon.js +0 -45
  54. package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
  55. package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
  56. package/lib/module/components/Row.js +0 -63
  57. package/lib/module/components/RowBodyIcon.js +0 -35
  58. package/lib/module/components/RowHeadlineImageCaption.js +0 -35
  59. package/lib/module/components/RowHeadlineImageIcon.js +0 -41
  60. package/lib/module/components/YotubePlayer.js +0 -30
  61. package/lib/typescript/src/components/Row.d.ts +0 -21
  62. package/lib/typescript/src/components/Row.d.ts.map +0 -1
  63. package/lib/typescript/src/components/RowBodyIcon.d.ts +0 -16
  64. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
  65. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
  66. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
  67. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
  68. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
  69. package/lib/typescript/src/components/YotubePlayer.d.ts +0 -12
  70. package/lib/typescript/src/components/YotubePlayer.d.ts.map +0 -1
  71. package/src/components/Row.js +0 -48
  72. package/src/components/Row.tsx +0 -108
  73. package/src/components/RowBodyIcon.js +0 -8
  74. package/src/components/RowBodyIcon.tsx +0 -47
  75. package/src/components/RowHeadlineImageCaption.js +0 -12
  76. package/src/components/RowHeadlineImageCaption.tsx +0 -49
  77. package/src/components/RowHeadlineImageIcon.js +0 -14
  78. package/src/components/RowHeadlineImageIcon.tsx +0 -61
  79. package/src/components/YotubePlayer.js +0 -10
  80. package/src/components/YotubePlayer.tsx +0 -38
@@ -21,12 +21,6 @@ export const SEED_DATA = {
21
21
  description: "Playlist of the Youtube videos.",
22
22
  defaultValue: null
23
23
  }),
24
- mute: createStaticBoolProp({
25
- label: "Mute Audio",
26
- description: "Mute the audio of the video.",
27
- defaultValue: false,
28
- required: false
29
- }),
30
24
  autoplay: createStaticBoolProp({
31
25
  label: "Auto Play",
32
26
  description: "Autoplay the video on load.",
@@ -1 +1 @@
1
- {"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;AAyaF,wBAAiC"}
1
+ {"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;AAkbF,wBAAiC"}
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import { YoutubePlayerProps } from "./YoutubePlayerProps";
3
+ declare const YoutubePlayer: React.FC<YoutubePlayerProps>;
4
+ export default YoutubePlayer;
5
+ //# sourceMappingURL=YoutubePlayer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"YoutubePlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/YoutubePlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2B/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import { YoutubePlayerProps } from "./YoutubePlayerProps";
3
+ declare const YoutubePlayer: React.FC<YoutubePlayerProps>;
4
+ export default YoutubePlayer;
5
+ //# sourceMappingURL=YoutubePlayer.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"YoutubePlayer.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/YoutubePlayer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmB/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { StyleProp, ViewStyle } from "react-native";
2
+ export interface YoutubePlayerProps {
3
+ videoId?: string;
4
+ playlist?: string;
5
+ autoplay?: boolean;
6
+ style?: StyleProp<ViewStyle>;
7
+ }
8
+ //# sourceMappingURL=YoutubePlayerProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"YoutubePlayerProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/YoutubePlayerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}
@@ -0,0 +1,2 @@
1
+ export { default as YoutubePlayer } from "./YoutubePlayer";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/YoutubePlayer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
@@ -36,14 +36,11 @@ export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
36
36
  export { TabView, TabViewItem } from "./components/TabView";
37
37
  export { default as Markdown } from "./components/Markdown";
38
38
  export { BottomSheet } from "./components/BottomSheet";
39
- export { default as YoutubePlayer } from "./components/YotubePlayer";
39
+ export { YoutubePlayer } from "./components/YoutubePlayer";
40
40
  export { default as DatePicker } from "./components/DatePicker/DatePicker";
41
41
  export { default as Picker } from "./components/Picker/Picker";
42
42
  export { default as ProgressBar } from "./components/ProgressBar";
43
43
  export { default as ProgressCircle } from "./components/ProgressCircle";
44
- export { default as RowBodyIcon } from "./components/RowBodyIcon";
45
- export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
46
- export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
47
44
  export { default as Slider } from "./components/Slider";
48
45
  export { default as Stepper } from "./components/Stepper";
49
46
  export { useAuthState } from "./components/useAuthState";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,97 @@
1
+ export declare const SEED_DATA: ({
2
+ props: {
3
+ ratio: any;
4
+ direction?: undefined;
5
+ reversed?: undefined;
6
+ isDisabled?: undefined;
7
+ isInvalid?: undefined;
8
+ };
9
+ category: string;
10
+ packageName: string;
11
+ stylesPanelSections: string[];
12
+ name: string;
13
+ tag: string;
14
+ description: string;
15
+ } | {
16
+ category: string;
17
+ packageName: string;
18
+ stylesPanelSections: string[];
19
+ name: string;
20
+ tag: string;
21
+ description: string;
22
+ } | {
23
+ props: {
24
+ direction: {
25
+ group: string;
26
+ label: string;
27
+ description: string;
28
+ editable: boolean;
29
+ required: boolean;
30
+ formType: string;
31
+ propType: string;
32
+ defaultValue: null;
33
+ options: never[];
34
+ };
35
+ reversed: {
36
+ label: string;
37
+ description: string;
38
+ formType: string;
39
+ propType: string;
40
+ defaultValue: boolean;
41
+ editable: boolean;
42
+ required: boolean;
43
+ group: string;
44
+ };
45
+ isDisabled: {
46
+ label: string;
47
+ description: string;
48
+ formType: string;
49
+ propType: string;
50
+ defaultValue: boolean;
51
+ editable: boolean;
52
+ required: boolean;
53
+ group: string;
54
+ };
55
+ isInvalid: {
56
+ label: string;
57
+ description: string;
58
+ formType: string;
59
+ propType: string;
60
+ defaultValue: boolean;
61
+ editable: boolean;
62
+ required: boolean;
63
+ group: string;
64
+ };
65
+ ratio?: undefined;
66
+ };
67
+ category: string;
68
+ packageName: string;
69
+ stylesPanelSections: string[];
70
+ name: string;
71
+ tag: string;
72
+ description: string;
73
+ } | {
74
+ props: {
75
+ reversed: {
76
+ label: string;
77
+ description: string;
78
+ formType: string;
79
+ propType: string;
80
+ defaultValue: boolean;
81
+ editable: boolean;
82
+ required: boolean;
83
+ group: string;
84
+ };
85
+ ratio?: undefined;
86
+ direction?: undefined;
87
+ isDisabled?: undefined;
88
+ isInvalid?: undefined;
89
+ };
90
+ category: string;
91
+ packageName: string;
92
+ stylesPanelSections: string[];
93
+ name: string;
94
+ tag: string;
95
+ description: string;
96
+ })[];
97
+ //# sourceMappingURL=Layout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../src/mappings/NativeBase/Layout.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqGrB,CAAC"}
@@ -12,16 +12,6 @@ export declare const SEED_DATA: {
12
12
  props: {
13
13
  videoId: any;
14
14
  playlist: any;
15
- mute: {
16
- label: string;
17
- description: string;
18
- formType: string;
19
- propType: string;
20
- defaultValue: boolean;
21
- editable: boolean;
22
- required: boolean;
23
- group: string;
24
- };
25
15
  autoplay: {
26
16
  label: string;
27
17
  description: string;
@@ -1 +1 @@
1
- {"version":3,"file":"YoutubePlayer.d.ts","sourceRoot":"","sources":["../../../../src/mappings/YoutubePlayer.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCrB,CAAC"}
1
+ {"version":3,"file":"YoutubePlayer.d.ts","sourceRoot":"","sources":["../../../../src/mappings/YoutubePlayer.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "46.10.2-b59d51.2+b59d512",
3
+ "version": "46.10.2-d8ac73.2+d8ac73f",
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.10.2-b59d51.2+b59d512",
44
+ "@draftbit/types": "^46.10.2-d8ac73.2+d8ac73f",
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",
@@ -64,8 +64,8 @@
64
64
  "react-native-tab-view": "^3.4.0",
65
65
  "react-native-typography": "^1.4.1",
66
66
  "react-native-web-swiper": "^2.2.3",
67
- "react-native-web-webview": "^1.0.2",
68
- "react-native-youtube-iframe": "^2.2.2"
67
+ "react-native-youtube-iframe": "^2.2.2",
68
+ "react-youtube": "^10.1.0"
69
69
  },
70
70
  "devDependencies": {
71
71
  "@types/color": "^3.0.1",
@@ -100,5 +100,5 @@
100
100
  ]
101
101
  ]
102
102
  },
103
- "gitHead": "b59d512ac6d80b7afb4a89df601d77b5887b5218"
103
+ "gitHead": "d8ac73f8e0fbeb2728606e0ef7e2fc83728ef159"
104
104
  }
@@ -38,7 +38,7 @@ const disabledColor = "rgb(240, 240, 240)";
38
38
  const errorColor = "rgba(255, 69, 100, 1)";
39
39
  //Empty string for 'value' is treated as a non-value
40
40
  //reason: Draftbit uses empty string as initial value for string state*/
41
- const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder, value, disabled = false, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", autoDismissKeyboard = true, }) => {
41
+ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder = "Select an option", value, disabled = false, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", autoDismissKeyboard = true, }) => {
42
42
  var _a, _b;
43
43
  const androidPickerRef = React.useRef(undefined);
44
44
  const [internalValue, setInternalValue] = React.useState(value || defaultValue);
@@ -67,7 +67,12 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
67
67
  Keyboard.dismiss();
68
68
  }
69
69
  }, [pickerVisible, autoDismissKeyboard]);
70
- const pickerOptions = normalizeOptions(options);
70
+ const normalizedOptions = normalizeOptions(options);
71
+ //Underlying Picker component defaults selection to first element when value is not provided (or undefined)
72
+ //Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
73
+ const pickerOptions = placeholder
74
+ ? [{ label: placeholder, value: placeholder }, ...normalizedOptions]
75
+ : normalizedOptions;
71
76
  const { viewStyles, textStyles } = extractStyles(style);
72
77
  const additionalBorderStyles = ["backgroundColor"];
73
78
  const additionalMarginStyles = [
@@ -162,10 +167,14 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
162
167
  ...(disabled ? { color: unstyledColor } : {}),
163
168
  };
164
169
  const handleValueChange = (newValue, itemIndex) => {
165
- if (newValue !== "") {
170
+ if (newValue !== "" && newValue !== placeholder) {
166
171
  onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue, itemIndex);
167
172
  setInternalValue(newValue);
168
173
  }
174
+ else if (newValue === placeholder) {
175
+ onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange("", 0);
176
+ setInternalValue(undefined);
177
+ }
169
178
  };
170
179
  return (
171
180
  /* marginsContainer */
@@ -101,7 +101,7 @@ const Picker: React.FC<PickerProps> = ({
101
101
  defaultValue,
102
102
  Icon,
103
103
  style,
104
- placeholder,
104
+ placeholder = "Select an option",
105
105
  value,
106
106
  disabled = false,
107
107
  assistiveText,
@@ -151,7 +151,13 @@ const Picker: React.FC<PickerProps> = ({
151
151
  }
152
152
  }, [pickerVisible, autoDismissKeyboard]);
153
153
 
154
- const pickerOptions = normalizeOptions(options);
154
+ const normalizedOptions = normalizeOptions(options);
155
+
156
+ //Underlying Picker component defaults selection to first element when value is not provided (or undefined)
157
+ //Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
158
+ const pickerOptions = placeholder
159
+ ? [{ label: placeholder, value: placeholder }, ...normalizedOptions]
160
+ : normalizedOptions;
155
161
 
156
162
  const { viewStyles, textStyles } = extractStyles(style);
157
163
 
@@ -302,9 +308,12 @@ const Picker: React.FC<PickerProps> = ({
302
308
  };
303
309
 
304
310
  const handleValueChange = (newValue: string, itemIndex: number) => {
305
- if (newValue !== "") {
311
+ if (newValue !== "" && newValue !== placeholder) {
306
312
  onValueChange?.(newValue, itemIndex);
307
313
  setInternalValue(newValue);
314
+ } else if (newValue === placeholder) {
315
+ onValueChange?.("", 0);
316
+ setInternalValue(undefined);
308
317
  }
309
318
  };
310
319
 
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ import { View } from "react-native";
3
+ import { extractStyles } from "../../utilities";
4
+ import YouTube from "react-youtube";
5
+ const YoutubePlayer = ({ videoId, playlist, autoplay = false, style, }) => {
6
+ const { viewStyles } = extractStyles(style);
7
+ const defaultVideoId = "nwMUpDESXrI";
8
+ const options = {
9
+ width: viewStyles.width,
10
+ height: viewStyles.height,
11
+ playerVars: {
12
+ autoplay: autoplay ? 1 : 0,
13
+ list: playlist,
14
+ listType: "playlist",
15
+ },
16
+ };
17
+ return (React.createElement(View, { style: viewStyles },
18
+ React.createElement(YouTube, { videoId: !videoId && !playlist ? defaultVideoId : videoId, opts: options })));
19
+ };
20
+ export default YoutubePlayer;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import YoutubePlayerIFrame from "react-native-youtube-iframe";
3
+ import { extractStyles } from "../../utilities";
4
+ const YoutubePlayer = ({ videoId, playlist, autoplay = false, style, }) => {
5
+ const { viewStyles } = extractStyles(style);
6
+ const defaultVideoId = "nwMUpDESXrI";
7
+ return (React.createElement(YoutubePlayerIFrame, { width: viewStyles.width, height: viewStyles.height, play: autoplay, videoId: !videoId && !playlist ? defaultVideoId : videoId, playList: playlist, webViewStyle: viewStyles }));
8
+ };
9
+ export default YoutubePlayer;
@@ -0,0 +1,27 @@
1
+ import React from "react";
2
+ import YoutubePlayerIFrame from "react-native-youtube-iframe";
3
+ import { extractStyles } from "../../utilities";
4
+ import { YoutubePlayerProps } from "./YoutubePlayerProps";
5
+
6
+ const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
7
+ videoId,
8
+ playlist,
9
+ autoplay = false,
10
+ style,
11
+ }) => {
12
+ const { viewStyles } = extractStyles(style);
13
+ const defaultVideoId = "nwMUpDESXrI";
14
+
15
+ return (
16
+ <YoutubePlayerIFrame
17
+ width={viewStyles.width}
18
+ height={viewStyles.height}
19
+ play={autoplay}
20
+ videoId={!videoId && !playlist ? defaultVideoId : videoId}
21
+ playList={playlist}
22
+ webViewStyle={viewStyles}
23
+ />
24
+ );
25
+ };
26
+
27
+ export default YoutubePlayer;
@@ -0,0 +1,36 @@
1
+ import React from "react";
2
+ import { View } from "react-native";
3
+ import { extractStyles } from "../../utilities";
4
+ import { YoutubePlayerProps } from "./YoutubePlayerProps";
5
+ import YouTube, { YouTubeProps } from "react-youtube";
6
+
7
+ const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
8
+ videoId,
9
+ playlist,
10
+ autoplay = false,
11
+ style,
12
+ }) => {
13
+ const { viewStyles } = extractStyles(style);
14
+ const defaultVideoId = "nwMUpDESXrI";
15
+
16
+ const options: YouTubeProps["opts"] = {
17
+ width: viewStyles.width,
18
+ height: viewStyles.height,
19
+ playerVars: {
20
+ autoplay: autoplay ? 1 : 0,
21
+ list: playlist,
22
+ listType: "playlist",
23
+ },
24
+ };
25
+
26
+ return (
27
+ <View style={viewStyles}>
28
+ <YouTube
29
+ videoId={!videoId && !playlist ? defaultVideoId : videoId}
30
+ opts={options}
31
+ />
32
+ </View>
33
+ );
34
+ };
35
+
36
+ export default YoutubePlayer;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,8 @@
1
+ import { StyleProp, ViewStyle } from "react-native";
2
+
3
+ export interface YoutubePlayerProps {
4
+ videoId?: string;
5
+ playlist?: string;
6
+ autoplay?: boolean;
7
+ style?: StyleProp<ViewStyle>;
8
+ }
@@ -0,0 +1 @@
1
+ export { default as YoutubePlayer } from "./YoutubePlayer";
@@ -0,0 +1 @@
1
+ export { default as YoutubePlayer } from "./YoutubePlayer";
package/src/index.js CHANGED
@@ -36,15 +36,12 @@ export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
36
36
  export { TabView, TabViewItem } from "./components/TabView";
37
37
  export { default as Markdown } from "./components/Markdown";
38
38
  export { BottomSheet } from "./components/BottomSheet";
39
- export { default as YoutubePlayer } from "./components/YotubePlayer";
39
+ export { YoutubePlayer } from "./components/YoutubePlayer";
40
40
  /* Deprecated: Fix or Delete! */
41
41
  export { default as DatePicker } from "./components/DatePicker/DatePicker";
42
42
  export { default as Picker } from "./components/Picker/Picker";
43
43
  export { default as ProgressBar } from "./components/ProgressBar";
44
44
  export { default as ProgressCircle } from "./components/ProgressCircle";
45
- export { default as RowBodyIcon } from "./components/RowBodyIcon";
46
- export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
47
- export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
48
45
  export { default as Slider } from "./components/Slider";
49
46
  export { default as Stepper } from "./components/Stepper";
50
47
  export { useAuthState } from "./components/useAuthState";
package/src/index.tsx CHANGED
@@ -60,16 +60,13 @@ export { default as Markdown } from "./components/Markdown";
60
60
 
61
61
  export { BottomSheet } from "./components/BottomSheet";
62
62
 
63
- export { default as YoutubePlayer } from "./components/YotubePlayer";
63
+ export { YoutubePlayer } from "./components/YoutubePlayer";
64
64
 
65
65
  /* Deprecated: Fix or Delete! */
66
66
  export { default as DatePicker } from "./components/DatePicker/DatePicker";
67
67
  export { default as Picker } from "./components/Picker/Picker";
68
68
  export { default as ProgressBar } from "./components/ProgressBar";
69
69
  export { default as ProgressCircle } from "./components/ProgressCircle";
70
- export { default as RowBodyIcon } from "./components/RowBodyIcon";
71
- export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
72
- export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
73
70
  export { default as Slider } from "./components/Slider";
74
71
  export { default as Stepper } from "./components/Stepper";
75
72
  export { useAuthState } from "./components/useAuthState";
@@ -0,0 +1,102 @@
1
+ import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createTextProp, GROUPS, } from "@draftbit/types";
2
+ const SHARED_SEED_DATA = {
3
+ category: COMPONENT_TYPES.layout,
4
+ packageName: "native-base",
5
+ stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
6
+ };
7
+ export const SEED_DATA = [
8
+ {
9
+ name: "Aspect Ratio",
10
+ tag: "AspectRatio",
11
+ description: "Controls the size of the undefined dimension of a node or child component using an aspect ration",
12
+ ...SHARED_SEED_DATA,
13
+ props: {
14
+ ratio: createTextProp({
15
+ label: "Ratio",
16
+ description: "The aspect ratio of the container",
17
+ defaultValue: "4/3",
18
+ group: GROUPS.basic,
19
+ }),
20
+ },
21
+ },
22
+ {
23
+ name: "Box",
24
+ tag: "Box",
25
+ description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
26
+ ...SHARED_SEED_DATA,
27
+ },
28
+ {
29
+ name: "Center",
30
+ tag: "Center",
31
+ description: "Center aligns its contents to the center within itself",
32
+ ...SHARED_SEED_DATA,
33
+ },
34
+ {
35
+ name: "Circle",
36
+ tag: "Circle",
37
+ description: "Center aligns its contents to the center within itself with a round border radius",
38
+ ...SHARED_SEED_DATA,
39
+ },
40
+ {
41
+ name: "Container",
42
+ tag: "Container",
43
+ description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
44
+ ...SHARED_SEED_DATA,
45
+ },
46
+ {
47
+ name: "Column",
48
+ tag: "Column",
49
+ description: "Column aligns items vertically",
50
+ ...SHARED_SEED_DATA,
51
+ },
52
+ {
53
+ name: "Row",
54
+ tag: "Row",
55
+ description: "Column aligns items horizontally",
56
+ ...SHARED_SEED_DATA,
57
+ },
58
+ {
59
+ name: "Spacer",
60
+ tag: "Spacer",
61
+ description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
62
+ ...SHARED_SEED_DATA,
63
+ },
64
+ {
65
+ name: "Stack",
66
+ tag: "Stack",
67
+ description: "Stack aligns items vertically or horizontally based on the direction prop",
68
+ ...SHARED_SEED_DATA,
69
+ props: {
70
+ direction: createTextEnumProp({
71
+ label: "Direction",
72
+ description: "The direction of the Stack",
73
+ options: ["row", "column"],
74
+ defaultValue: "column",
75
+ }),
76
+ reversed: createBoolProp({
77
+ label: "Reversed",
78
+ description: "Determines whether to reverse the direction of items",
79
+ }),
80
+ isDisabled: createBoolProp({
81
+ label: "Disabled",
82
+ description: "If true, the Stack will be disabled",
83
+ }),
84
+ isInvalid: createBoolProp({
85
+ label: "Invalid",
86
+ description: "If true, the Stack will be invalid",
87
+ }),
88
+ },
89
+ },
90
+ {
91
+ name: "ZStack",
92
+ tag: "ZStack",
93
+ description: "ZStack aligns items to the z-axis",
94
+ ...SHARED_SEED_DATA,
95
+ props: {
96
+ reversed: createBoolProp({
97
+ label: "Reversed",
98
+ description: "Determines whether to reverse the direction of items",
99
+ }),
100
+ },
101
+ },
102
+ ];