@draftbit/core 46.9.1-310331.2 → 46.9.1-7dbeee.2

package/lib/commonjs/components/Checkbox/CheckboxRow.js

@@ -14,7 +14,8 @@ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
-var Direction;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+let Direction;
 exports.Direction = Direction;
 (function (Direction) {
   Direction["Row"] = "row";
@@ -57,6 +58,7 @@ const CheckboxRow = _ref => {
       setInternalValue(status);
     }
   }, [status]);
+
   // This special logic is to handle weird APIs like Airtable that return
   // true or undefined for a boolean
   const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -80,14 +82,13 @@ const CheckboxRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
     onPress: handlePress,
     style: [viewStyles, styles.mainParent, {
       flexDirection: direction
     }],
-    disabled: disabled,
-    ...rest
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled
+  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -124,22 +125,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = CheckboxRow;
-exports.default = _default;ems: "center",
-    justifyContent: "space-around",
-    paddingStart: 20,
-    minHeight: 50,
-    paddingEnd: 20,
-    display: "flex",
-    ..._reactNative.Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  },
-  label: {
-    flex: 3
-  }
-});
-var _default = CheckboxRow;
 exports.default = _default;

package/lib/commonjs/components/DeprecatedFAB.js

@@ -14,6 +14,7 @@ var _theming = require("../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const FAB = _ref => {
   let {
     Icon,
@@ -105,8 +106,7 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
-    ...rest,
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -114,7 +114,7 @@ const FAB = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: buttonStyles
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -154,22 +154,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(FAB);
-exports.default = _default;ow",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    alignItems: "center",
-    justifyContent: "center",
-    width: _Config.default.buttonIconSize
-  },
-  fixed: {
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: 64,
-    borderRadius: 0
-  }
-});
-var _default = (0, _theming.withTheme)(FAB);
 exports.default = _default;

package/lib/commonjs/components/NumberInput.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _lodash = require("lodash");
 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); }
 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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const NumberInput = _ref => {
   let {
     onChangeText,
@@ -39,6 +40,7 @@ const NumberInput = _ref => {
     setCurrentStringNumberValue(newStringNumberValue);
     onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(number);
   };
+
   // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
   (0, _react.useEffect)(() => {
     const nextStringNumberValue = formatValueToStringNumber(value);
@@ -47,6 +49,7 @@ const NumberInput = _ref => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
+
   // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
   (0, _react.useEffect)(() => {
     const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
@@ -55,18 +58,6 @@ const NumberInput = _ref => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
-    keyboardType: "numeric",
-    value: currentStringNumberValue,
-    onChangeText: handleChangeText,
-    ...props
-  });
-};
-var _default = NumberInput;
-exports.default = _default;erValue);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
   return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
     keyboardType: "numeric",
     value: currentStringNumberValue,

package/lib/commonjs/components/Picker/PickerComponent.web.js

@@ -15,7 +15,9 @@ var _Touchable = _interopRequireDefault(require("../Touchable"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Picker = _ref => {
+  var _options$find$label, _options$find;
   let {
     style,
     options,
@@ -25,7 +27,6 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
-  var _a, _b;
   const {
     viewStyles: {
       borderRadius,
@@ -70,7 +71,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
+  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
   return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -95,24 +96,6 @@ const Picker = _ref => {
     key: o.value
   }))), /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(_TextField.default, {
-    ...props,
-    value: selectedLabel,
-    placeholder: placeholder,
-    // @ts-ignore
-    ref: textField,
-    disabled: disabled,
-    // @ts-expect-error
-    style: stylesWithoutMargin
-  }))));
-};
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    alignSelf: "stretch"
-  }
-});
-var _default = (0, _theming.withTheme)(Picker);
-exports.default = _default;pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
     value: selectedLabel,
     placeholder: placeholder

package/lib/commonjs/components/RadioButton/RadioButtonRow.js

@@ -14,7 +14,8 @@ var _utilities = require("../../utilities");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
-var Direction;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+let Direction;
 exports.Direction = Direction;
 (function (Direction) {
   Direction["Row"] = "row";
@@ -71,14 +72,13 @@ const RadioButtonRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_Touchable.default, {
+  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled,
-    ...rest
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled
+  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -116,22 +116,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = RadioButtonRow;
-exports.default = _default; "center",
-    justifyContent: "space-around",
-    paddingStart: 20,
-    minHeight: 50,
-    paddingEnd: 20,
-    display: "flex",
-    ..._reactNative.Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  },
-  label: {
-    flex: 3
-  }
-});
-var _default = RadioButtonRow;
 exports.default = _default;

package/lib/commonjs/components/YotubePlayer.js

@@ -23,11 +23,12 @@ const YoutubePlayer = _ref => {
     height,
     width
   } = viewStyles;
+  const defaultVideoId = "nwMUpDESXrI";
   return /*#__PURE__*/_react.default.createElement(_reactNativeYoutubeIframe.default, {
     height: height,
     width: width,
     play: autoplay,
-    videoId: videoId,
+    videoId: !videoId && !playlist ? defaultVideoId : videoId,
     playList: playlist,
     mute: mute,
     webViewStyle: style

package/lib/commonjs/mappings/YoutubePlayer.js

@@ -20,12 +20,12 @@ const SEED_DATA = {
     videoId: (0, _types.createTextProp)({
       label: "Video ID",
       description: "VideoId of the Youtube video.",
-      defaultValue: "nwMUpDESXrI"
+      defaultValue: null
     }),
     playlist: (0, _types.createTextProp)({
       label: "Playlist",
       description: "Playlist of the Youtube videos.",
-      defaultValue: "PLUa6TiXzjIrwowt6P-uGCJm8ovm-9S1Ks"
+      defaultValue: null
     }),
     mute: (0, _types.createStaticBoolProp)({
       label: "Mute Audio",

package/lib/module/components/YotubePlayer.js

@@ -16,11 +16,12 @@ const YoutubePlayer = _ref => {
     height,
     width
   } = viewStyles;
+  const defaultVideoId = "nwMUpDESXrI";
   return /*#__PURE__*/React.createElement(YoutubePlayerComponent, {
     height: height,
     width: width,
     play: autoplay,
-    videoId: videoId,
+    videoId: !videoId && !playlist ? defaultVideoId : videoId,
     playList: playlist,
     mute: mute,
     webViewStyle: style

package/lib/module/mappings/YoutubePlayer.js

@@ -14,12 +14,12 @@ export const SEED_DATA = {
     videoId: createTextProp({
       label: "Video ID",
       description: "VideoId of the Youtube video.",
-      defaultValue: "nwMUpDESXrI"
+      defaultValue: null
     }),
     playlist: createTextProp({
       label: "Playlist",
       description: "Playlist of the Youtube videos.",
-      defaultValue: "PLUa6TiXzjIrwowt6P-uGCJm8ovm-9S1Ks"
+      defaultValue: null
     }),
     mute: createStaticBoolProp({
       label: "Mute Audio",

package/lib/typescript/src/components/YotubePlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YotubePlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/YotubePlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqB/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"YotubePlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/YotubePlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsB/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.9.1-310331.2+3103312",
+  "version": "46.9.1-7dbeee.2+7dbeee3",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.9.1-310331.2+3103312",
+    "@draftbit/types": "^46.9.1-7dbeee.2+7dbeee3",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -98,5 +98,5 @@
       ]
     ]
   },
-  "gitHead": "3103312b8cc8e87345092b29eba2cd5b61269215"
+  "gitHead": "7dbeee38aba0ee474e2e8d9358e90c520a083f95"
 }

package/src/components/YotubePlayer.js

@@ -4,6 +4,7 @@ import { extractStyles } from "../utilities";
 const YoutubePlayer = ({ videoId, playlist, mute = false, autoplay = false, style, }) => {
     const { viewStyles } = extractStyles(style);
     const { height, width } = viewStyles;
-    return (React.createElement(YoutubePlayerComponent, { height: height, width: width, play: autoplay, videoId: videoId, playList: playlist, mute: mute, webViewStyle: style }));
+    const defaultVideoId = "nwMUpDESXrI";
+    return (React.createElement(YoutubePlayerComponent, { height: height, width: width, play: autoplay, videoId: !videoId && !playlist ? defaultVideoId : videoId, playList: playlist, mute: mute, webViewStyle: style }));
 };
 export default YoutubePlayer;

package/src/components/YotubePlayer.tsx

@@ -20,13 +20,14 @@ const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
 }) => {
   const { viewStyles } = extractStyles(style);
   const { height, width } = viewStyles;
+  const defaultVideoId = "nwMUpDESXrI";
 
   return (
     <YoutubePlayerComponent
       height={height}
       width={width}
       play={autoplay}
-      videoId={videoId}
+      videoId={!videoId && !playlist ? defaultVideoId : videoId}
       playList={playlist}
       mute={mute}
       webViewStyle={style}

package/src/mappings/YoutubePlayer.js

@@ -14,12 +14,12 @@ export const SEED_DATA = {
         videoId: createTextProp({
             label: "Video ID",
             description: "VideoId of the Youtube video.",
-            defaultValue: "nwMUpDESXrI",
+            defaultValue: null,
         }),
         playlist: createTextProp({
             label: "Playlist",
             description: "Playlist of the Youtube videos.",
-            defaultValue: "PLUa6TiXzjIrwowt6P-uGCJm8ovm-9S1Ks",
+            defaultValue: null,
         }),
         mute: createStaticBoolProp({
             label: "Mute Audio",

package/src/mappings/YoutubePlayer.ts

@@ -20,12 +20,12 @@ export const SEED_DATA = {
     videoId: createTextProp({
       label: "Video ID",
       description: "VideoId of the Youtube video.",
-      defaultValue: "nwMUpDESXrI",
+      defaultValue: null,
     }),
     playlist: createTextProp({
       label: "Playlist",
       description: "Playlist of the Youtube videos.",
-      defaultValue: "PLUa6TiXzjIrwowt6P-uGCJm8ovm-9S1Ks",
+      defaultValue: null,
     }),
     mute: createStaticBoolProp({
       label: "Mute Audio",