@draftbit/core 44.2.2 → 44.2.3-f311f8.2

package/lib/module/components/Youtube.js

@@ -0,0 +1,60 @@
+import { COMPONENT_TYPES, createBoolProp, createTextProp } from "@draftbit/types";
+import React from "react";
+import YoutubePlayer from "react-native-youtube-iframe";
+import { extractStyles } from "../utilities";
+
+const Youtube = _ref => {
+  let {
+    videoId,
+    playlist,
+    style,
+    mute,
+    autoplay
+  } = _ref;
+  const {
+    viewStyles: {
+      height,
+      width
+    }
+  } = extractStyles(style);
+  return /*#__PURE__*/React.createElement(YoutubePlayer, {
+    height: height,
+    width: width,
+    play: autoplay,
+    videoId: videoId,
+    playList: playlist,
+    mute: mute
+  });
+};
+
+export default Youtube;
+export const SEED_DATA = {
+  name: "Youtube",
+  tag: "Youtube",
+  description: "Youtube Component",
+  category: COMPONENT_TYPES.media,
+  layout: {
+    width: "100%"
+  },
+  props: {
+    videoId: createTextProp({
+      label: "VideoId",
+      description: "Youtube Video ID"
+    }),
+    playlist: createTextProp({
+      label: "PlayList",
+      description: "Playlist ID"
+    }),
+    mute: createBoolProp({
+      label: "Mute",
+      description: "Whether to mute video",
+      defaultValue: false
+    }),
+    autoplay: createBoolProp({
+      label: "Autoplay",
+      description: "Whether to Autoplay video",
+      defaultValue: false
+    })
+  }
+};
+//# sourceMappingURL=Youtube.js.map

package/lib/module/components/Youtube.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Youtube.tsx"],"names":["COMPONENT_TYPES","createBoolProp","createTextProp","React","YoutubePlayer","extractStyles","Youtube","videoId","playlist","style","mute","autoplay","viewStyles","height","width","SEED_DATA","name","tag","description","category","media","layout","props","label","defaultValue"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,QAIO,iBAJP;AAKA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,aAAP,MAA0B,6BAA1B;AACA,SAASC,aAAT,QAA8B,cAA9B;;AAUA,MAAMC,OAAO,GAAG,QAAyD;AAAA,MAAxD;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,QAAX;AAAqBC,IAAAA,KAArB;AAA4BC,IAAAA,IAA5B;AAAkCC,IAAAA;AAAlC,GAAwD;AACvE,QAAM;AACJC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AADR,MAEFT,aAAa,CAACI,KAAD,CAFjB;AAIA,sBACE,oBAAC,aAAD;AACE,IAAA,MAAM,EAAEI,MADV;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,IAAI,EAAEH,QAHR;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAME,IAAA,IAAI,EAAEE;AANR,IADF;AAUD,CAfD;;AAiBA,eAAeJ,OAAf;AAEA,OAAO,MAAMS,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,SADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,mBAHU;AAIvBC,EAAAA,QAAQ,EAAEnB,eAAe,CAACoB,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNP,IAAAA,KAAK,EAAE;AADD,GALe;AAQvBQ,EAAAA,KAAK,EAAE;AACLf,IAAAA,OAAO,EAAEL,cAAc,CAAC;AACtBqB,MAAAA,KAAK,EAAE,SADe;AAEtBL,MAAAA,WAAW,EAAE;AAFS,KAAD,CADlB;AAKLV,IAAAA,QAAQ,EAAEN,cAAc,CAAC;AACvBqB,MAAAA,KAAK,EAAE,UADgB;AAEvBL,MAAAA,WAAW,EAAE;AAFU,KAAD,CALnB;AASLR,IAAAA,IAAI,EAAET,cAAc,CAAC;AACnBsB,MAAAA,KAAK,EAAE,MADY;AAEnBL,MAAAA,WAAW,EAAE,uBAFM;AAGnBM,MAAAA,YAAY,EAAE;AAHK,KAAD,CATf;AAcLb,IAAAA,QAAQ,EAAEV,cAAc,CAAC;AACvBsB,MAAAA,KAAK,EAAE,UADgB;AAEvBL,MAAAA,WAAW,EAAE,2BAFU;AAGvBM,MAAAA,YAAY,EAAE;AAHS,KAAD;AAdnB;AARgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createTextProp,\n} from \"@draftbit/types\";\nimport React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport YoutubePlayer from \"react-native-youtube-iframe\";\nimport { extractStyles } from \"../utilities\";\n\ntype Props = {\n  videoId: string;\n  playlist: string;\n  style: StyleProp<ViewStyle>;\n  mute: boolean;\n  autoplay: boolean;\n};\n\nconst Youtube = ({ videoId, playlist, style, mute, autoplay }: Props) => {\n  const {\n    viewStyles: { height, width },\n  } = extractStyles(style);\n\n  return (\n    <YoutubePlayer\n      height={height}\n      width={width}\n      play={autoplay}\n      videoId={videoId}\n      playList={playlist}\n      mute={mute}\n    />\n  );\n};\n\nexport default Youtube;\n\nexport const SEED_DATA = {\n  name: \"Youtube\",\n  tag: \"Youtube\",\n  description: \"Youtube Component\",\n  category: COMPONENT_TYPES.media,\n  layout: {\n    width: \"100%\",\n  },\n  props: {\n    videoId: createTextProp({\n      label: \"VideoId\",\n      description: \"Youtube Video ID\",\n    }),\n    playlist: createTextProp({\n      label: \"PlayList\",\n      description: \"Playlist ID\",\n    }),\n    mute: createBoolProp({\n      label: \"Mute\",\n      description: \"Whether to mute video\",\n      defaultValue: false,\n    }),\n    autoplay: createBoolProp({\n      label: \"Autoplay\",\n      description: \"Whether to Autoplay video\",\n      defaultValue: false,\n    }),\n  },\n};\n"]}

package/lib/module/index.js

@@ -49,5 +49,6 @@ export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImag
 export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
-export { useAuthState } from "./components/useAuthState"; // a comment to fix sourcemap comment issue
+export { useAuthState } from "./components/useAuthState";
+export { default as Youtube } from "./components/Youtube"; // a comment to fix sourcemap comment issue
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","Banner","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","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"],"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 { default as Banner } from \"./components/Banner\";\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 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\";\n\n// a comment to fix sourcemap comment issue\n"]}
+{"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","Banner","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","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 { default as Banner } from \"./components/Banner\";\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 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\n// a comment to fix sourcemap comment issue\n"]}

package/lib/module/mappings/Carousel.js

@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createResizeModeProp, createColorProp } from "@draftbi
 export const SEED_DATA = [{
   name: "Carousel",
   tag: "Carousel",
-  category: COMPONENT_TYPES.media,
+  category: COMPONENT_TYPES.deprecated,
   description: "A horizontal scrolling carousel of images",
   layout: {
     height: 250

package/lib/module/mappings/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.ts"],"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","SEED_DATA","name","tag","category","media","description","layout","height","props","resizeMode","dotColor","label"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,eAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,GAAG,EAAE,UAFP;AAGEC,EAAAA,QAAQ,EAAEN,eAAe,CAACO,KAH5B;AAIEC,EAAAA,WAAW,EAAE,2CAJf;AAKEC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AADF,GALV;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAEX,oBAAoB,EAD3B;AAELY,IAAAA,QAAQ,EAAEX,eAAe,CAAC;AACxBY,MAAAA,KAAK,EAAE;AADiB,KAAD;AAFpB;AART,CADuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createResizeModeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Carousel\",\n    tag: \"Carousel\",\n    category: COMPONENT_TYPES.media,\n    description: \"A horizontal scrolling carousel of images\",\n    layout: {\n      height: 250,\n    },\n    props: {\n      resizeMode: createResizeModeProp(),\n      dotColor: createColorProp({\n        label: \"Dot color\",\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["Carousel.ts"],"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","SEED_DATA","name","tag","category","deprecated","description","layout","height","props","resizeMode","dotColor","label"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,eAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,GAAG,EAAE,UAFP;AAGEC,EAAAA,QAAQ,EAAEN,eAAe,CAACO,UAH5B;AAIEC,EAAAA,WAAW,EAAE,2CAJf;AAKEC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AADF,GALV;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAEX,oBAAoB,EAD3B;AAELY,IAAAA,QAAQ,EAAEX,eAAe,CAAC;AACxBY,MAAAA,KAAK,EAAE;AADiB,KAAD;AAFpB;AART,CADuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createResizeModeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Carousel\",\n    tag: \"Carousel\",\n    category: COMPONENT_TYPES.deprecated,\n    description: \"A horizontal scrolling carousel of images\",\n    layout: {\n      height: 250,\n    },\n    props: {\n      resizeMode: createResizeModeProp(),\n      dotColor: createColorProp({\n        label: \"Dot color\",\n      }),\n    },\n  },\n];\n"]}

package/lib/module/mappings/DatePicker.js

@@ -31,37 +31,38 @@ const SEED_DATA_PROPS = {
     required: false,
     group: GROUPS.basic
   },
-  locale: {
-    label: "Locale",
-    description: "Locale for the datepicker. Must be a valid Locale",
-    formType: FORM_TYPES.string,
-    propType: PROP_TYPES.STRING,
-    defaultValue: null,
-    editable: true,
-    required: false,
-    group: GROUPS.basic
-  },
-  minuteInterval: {
-    label: "Minute Interval",
-    description: "The interval at which minutes can be selected",
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.NUMBER,
-    options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],
-    defaultValue: null,
-    editable: true,
-    required: false,
-    group: GROUPS.basic
-  },
-  timeZoneOffsetInMinutes: {
-    label: "Time zone offset",
-    description: "By default, the datepicker uses the device's timezone. This will allow you to offset it",
-    formType: FORM_TYPES.number,
-    propType: PROP_TYPES.NUMBER,
-    defaultValue: null,
-    editable: true,
-    required: false,
-    group: GROUPS.basic
-  },
+  // locale: {
+  //   label: "Locale",
+  //   description: "Locale for the datepicker. Must be a valid Locale",
+  //   formType: FORM_TYPES.string,
+  //   propType: PROP_TYPES.STRING,
+  //   defaultValue: null,
+  //   editable: true,
+  //   required: false,
+  //   group: GROUPS.basic,
+  // },
+  // minuteInterval: {
+  //   label: "Minute Interval",
+  //   description: "The interval at which minutes can be selected",
+  //   formType: FORM_TYPES.flatArray,
+  //   propType: PROP_TYPES.NUMBER,
+  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],
+  //   defaultValue: null,
+  //   editable: true,
+  //   required: false,
+  //   group: GROUPS.basic,
+  // },
+  // timeZoneOffsetInMinutes: {
+  //   label: "Time zone offset",
+  //   description:
+  //     "By default, the datepicker uses the device's timezone. This will allow you to offset it",
+  //   formType: FORM_TYPES.number,
+  //   propType: PROP_TYPES.NUMBER,
+  //   defaultValue: null,
+  //   editable: true,
+  //   required: false,
+  //   group: GROUPS.basic,
+  // },
   disabled: {
     label: "Disabled",
     description: "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
@@ -72,16 +73,16 @@ const SEED_DATA_PROPS = {
     required: false,
     group: GROUPS.basic
   },
-  error: {
-    label: "Error",
-    description: "Whether the picker should display the error state",
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-    defaultValue: false,
-    editable: true,
-    required: false,
-    group: GROUPS.data
-  },
+  // error: {
+  //   label: "Error",
+  //   description: "Whether the picker should display the error state",
+  //   formType: FORM_TYPES.boolean,
+  //   propType: PROP_TYPES.BOOLEAN,
+  //   defaultValue: false,
+  //   editable: true,
+  //   required: false,
+  //   group: GROUPS.data,
+  // },
   leftIconName: {
     label: "Left icon name",
     description: "The icon to display on the left",

package/lib/module/mappings/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePicker.ts"],"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","GROUPS","Triggers","SEED_DATA_PROPS","label","description","formType","string","propType","STRING","defaultValue","editable","required","group","data","mode","flatArray","options","basic","assistiveText","locale","minuteInterval","NUMBER","timeZoneOffsetInMinutes","number","disabled","boolean","BOOLEAN","error","leftIconName","icon","leftIconMode","rightIconName","fieldName","handlerPropName","valuePropName","SEED_DATA","name","tag","category","input","layout","triggers","OnDateChange","props","type"],"mappings":"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","sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Date\",\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  mode: {\n    label: \"Mode\",\n    description: \"Choose between date, time and datetime\",\n    defaultValue: \"date\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    options: [\"date\", \"time\", \"datetime\"],\n    group: GROUPS.basic,\n  },\n  assistiveText: {\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  locale: {\n    label: \"Locale\",\n    description: \"Locale for the datepicker. Must be a valid Locale\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  minuteInterval: {\n    label: \"Minute Interval\",\n    description: \"The interval at which minutes can be selected\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.NUMBER,\n    options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  timeZoneOffsetInMinutes: {\n    label: \"Time zone offset\",\n    description:\n      \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  disabled: {\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  error: {\n    label: \"Error\",\n    description: \"Whether the picker should display the error state\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  leftIconName: {\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  leftIconMode: {\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n    group: GROUPS.basic,\n  },\n  rightIconName: {\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onDateChange\",\n    valuePropName: \"date\",\n    defaultValue: \"date\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Date Picker\",\n    tag: \"DatePicker\",\n    description: \"A component used to select a date from a visual calendar\",\n    category: COMPONENT_TYPES.input,\n    layout: null,\n    triggers: [Triggers.OnDateChange],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n  },\n];\n"]}
+{"version":3,"sources":["DatePicker.ts"],"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","GROUPS","Triggers","SEED_DATA_PROPS","label","description","formType","string","propType","STRING","defaultValue","editable","required","group","data","mode","flatArray","options","basic","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","handlerPropName","valuePropName","SEED_DATA","name","tag","category","input","layout","triggers","OnDateChange","props","type"],"mappings":"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","sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Date\",\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  mode: {\n    label: \"Mode\",\n    description: \"Choose between date, time and datetime\",\n    defaultValue: \"date\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    options: [\"date\", \"time\", \"datetime\"],\n    group: GROUPS.basic,\n  },\n  assistiveText: {\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // locale: {\n  //   label: \"Locale\",\n  //   description: \"Locale for the datepicker. Must be a valid Locale\",\n  //   formType: FORM_TYPES.string,\n  //   propType: PROP_TYPES.STRING,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // minuteInterval: {\n  //   label: \"Minute Interval\",\n  //   description: \"The interval at which minutes can be selected\",\n  //   formType: FORM_TYPES.flatArray,\n  //   propType: PROP_TYPES.NUMBER,\n  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // timeZoneOffsetInMinutes: {\n  //   label: \"Time zone offset\",\n  //   description:\n  //     \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n  //   formType: FORM_TYPES.number,\n  //   propType: PROP_TYPES.NUMBER,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  disabled: {\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // error: {\n  //   label: \"Error\",\n  //   description: \"Whether the picker should display the error state\",\n  //   formType: FORM_TYPES.boolean,\n  //   propType: PROP_TYPES.BOOLEAN,\n  //   defaultValue: false,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.data,\n  // },\n  leftIconName: {\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  leftIconMode: {\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n    group: GROUPS.basic,\n  },\n  rightIconName: {\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onDateChange\",\n    valuePropName: \"date\",\n    defaultValue: \"date\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Date Picker\",\n    tag: \"DatePicker\",\n    description: \"A component used to select a date from a visual calendar\",\n    category: COMPONENT_TYPES.input,\n    layout: null,\n    triggers: [Triggers.OnDateChange],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n  },\n];\n"]}

package/lib/typescript/src/components/Youtube.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import { StyleProp, ViewStyle } from "react-native";
+declare type Props = {
+    videoId: string;
+    playlist: string;
+    style: StyleProp<ViewStyle>;
+    mute: boolean;
+    autoplay: boolean;
+};
+declare const Youtube: ({ videoId, playlist, style, mute, autoplay }: Props) => JSX.Element;
+export default Youtube;
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    layout: {
+        width: string;
+    };
+    props: {
+        videoId: any;
+        playlist: any;
+        mute: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        autoplay: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+    };
+};

package/lib/typescript/src/index.d.ts

@@ -48,3 +48,4 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
+export { default as Youtube } from "./components/Youtube";

package/lib/typescript/src/mappings/DatePicker.d.ts

@@ -48,37 +48,6 @@ export declare const SEED_DATA: {
             required: boolean;
             group: string;
         };
-        locale: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        minuteInterval: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            options: number[];
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        timeZoneOffsetInMinutes: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
         disabled: {
             label: string;
             description: string;
@@ -89,16 +58,6 @@ export declare const SEED_DATA: {
             required: boolean;
             group: string;
         };
-        error: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
         leftIconName: {
             label: string;
             description: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "44.2.2",
+  "version": "44.2.3-f311f8.2+f311f831",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -54,7 +54,9 @@
     "lodash.tonumber": "^4.0.3",
     "react-native-modal-datetime-picker": "^13.0.0",
     "react-native-typography": "^1.4.1",
-    "react-native-web-swiper": "^2.2.3"
+    "react-native-web-swiper": "^2.2.3",
+    "react-native-web-webview": "^1.0.2",
+    "react-native-youtube-iframe": "^2.2.2"
   },
   "devDependencies": {
     "@types/color": "^3.0.1",
@@ -78,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "277c7239f03d659053b557456bc5970792bd51ca"
+  "gitHead": "f311f83116a43667cc85f62adb9eb60f4716fd61"
 }

package/src/components/Youtube.js

@@ -0,0 +1,38 @@
+import { COMPONENT_TYPES, createBoolProp, createTextProp, } from "@draftbit/types";
+import React from "react";
+import YoutubePlayer from "react-native-youtube-iframe";
+import { extractStyles } from "../utilities";
+const Youtube = ({ videoId, playlist, style, mute, autoplay }) => {
+    const { viewStyles: { height, width }, } = extractStyles(style);
+    return (React.createElement(YoutubePlayer, { height: height, width: width, play: autoplay, videoId: videoId, playList: playlist, mute: mute }));
+};
+export default Youtube;
+export const SEED_DATA = {
+    name: "Youtube",
+    tag: "Youtube",
+    description: "Youtube Component",
+    category: COMPONENT_TYPES.media,
+    layout: {
+        width: "100%",
+    },
+    props: {
+        videoId: createTextProp({
+            label: "VideoId",
+            description: "Youtube Video ID",
+        }),
+        playlist: createTextProp({
+            label: "PlayList",
+            description: "Playlist ID",
+        }),
+        mute: createBoolProp({
+            label: "Mute",
+            description: "Whether to mute video",
+            defaultValue: false,
+        }),
+        autoplay: createBoolProp({
+            label: "Autoplay",
+            description: "Whether to Autoplay video",
+            defaultValue: false,
+        }),
+    },
+};

package/src/components/Youtube.tsx

@@ -0,0 +1,66 @@
+import {
+  COMPONENT_TYPES,
+  createBoolProp,
+  createTextProp,
+} from "@draftbit/types";
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import YoutubePlayer from "react-native-youtube-iframe";
+import { extractStyles } from "../utilities";
+
+type Props = {
+  videoId: string;
+  playlist: string;
+  style: StyleProp<ViewStyle>;
+  mute: boolean;
+  autoplay: boolean;
+};
+
+const Youtube = ({ videoId, playlist, style, mute, autoplay }: Props) => {
+  const {
+    viewStyles: { height, width },
+  } = extractStyles(style);
+
+  return (
+    <YoutubePlayer
+      height={height}
+      width={width}
+      play={autoplay}
+      videoId={videoId}
+      playList={playlist}
+      mute={mute}
+    />
+  );
+};
+
+export default Youtube;
+
+export const SEED_DATA = {
+  name: "Youtube",
+  tag: "Youtube",
+  description: "Youtube Component",
+  category: COMPONENT_TYPES.media,
+  layout: {
+    width: "100%",
+  },
+  props: {
+    videoId: createTextProp({
+      label: "VideoId",
+      description: "Youtube Video ID",
+    }),
+    playlist: createTextProp({
+      label: "PlayList",
+      description: "Playlist ID",
+    }),
+    mute: createBoolProp({
+      label: "Mute",
+      description: "Whether to mute video",
+      defaultValue: false,
+    }),
+    autoplay: createBoolProp({
+      label: "Autoplay",
+      description: "Whether to Autoplay video",
+      defaultValue: false,
+    }),
+  },
+};

package/src/index.js

@@ -49,4 +49,5 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
+export { default as Youtube } from "./components/Youtube";
 // a comment to fix sourcemap comment issue

package/src/index.tsx

@@ -69,5 +69,6 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
+export { default as Youtube } from "./components/Youtube";
 
 // a comment to fix sourcemap comment issue

package/src/mappings/Carousel.js

@@ -3,7 +3,7 @@ export const SEED_DATA = [
     {
         name: "Carousel",
         tag: "Carousel",
-        category: COMPONENT_TYPES.media,
+        category: COMPONENT_TYPES.deprecated,
         description: "A horizontal scrolling carousel of images",
         layout: {
             height: 250,

package/src/mappings/Carousel.ts

@@ -8,7 +8,7 @@ export const SEED_DATA = [
   {
     name: "Carousel",
     tag: "Carousel",
-    category: COMPONENT_TYPES.media,
+    category: COMPONENT_TYPES.deprecated,
     description: "A horizontal scrolling carousel of images",
     layout: {
       height: 250,