@draftbit/core 46.9.1-e06549.2 → 46.9.1-f483d0.2

package/src/components/BottomSheet/index.js

@@ -0,0 +1 @@
+export { default as BottomSheet } from "./BottomSheet";

package/src/components/BottomSheet/index.ts

@@ -0,0 +1 @@
+export { default as BottomSheet } from "./BottomSheet";

package/src/components/Picker/Picker.js

@@ -38,7 +38,7 @@ const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
 //Empty string for 'value' is treated as a non-value
 //reason: Draftbit uses empty string as initial value for string state*/
-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, }) => {
+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, }) => {
     var _a, _b;
     const androidPickerRef = React.useRef(undefined);
     const [internalValue, setInternalValue] = React.useState(value || defaultValue);
@@ -67,7 +67,12 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
             Keyboard.dismiss();
         }
     }, [pickerVisible, autoDismissKeyboard]);
-    const pickerOptions = normalizeOptions(options);
+    const normalizedOptions = normalizeOptions(options);
+    //Underlying Picker component defaults selection to first element when value is not provided (or undefined)
+    //Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
+    const pickerOptions = placeholder
+        ? [{ label: placeholder, value: placeholder }, ...normalizedOptions]
+        : normalizedOptions;
     const { viewStyles, textStyles } = extractStyles(style);
     const additionalBorderStyles = ["backgroundColor"];
     const additionalMarginStyles = [
@@ -162,10 +167,14 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
         ...(disabled ? { color: unstyledColor } : {}),
     };
     const handleValueChange = (newValue, itemIndex) => {
-        if (newValue !== "") {
+        if (newValue !== "" && newValue !== placeholder) {
             onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue, itemIndex);
             setInternalValue(newValue);
         }
+        else if (newValue === placeholder) {
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange("", 0);
+            setInternalValue(undefined);
+        }
     };
     return (
     /* marginsContainer */

package/src/components/Picker/Picker.tsx

@@ -101,7 +101,7 @@ const Picker: React.FC<PickerProps> = ({
   defaultValue,
   Icon,
   style,
-  placeholder,
+  placeholder = "Select an option",
   value,
   disabled = false,
   assistiveText,
@@ -151,7 +151,13 @@ const Picker: React.FC<PickerProps> = ({
     }
   }, [pickerVisible, autoDismissKeyboard]);
 
-  const pickerOptions = normalizeOptions(options);
+  const normalizedOptions = normalizeOptions(options);
+
+  //Underlying Picker component defaults selection to first element when value is not provided (or undefined)
+  //Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
+  const pickerOptions = placeholder
+    ? [{ label: placeholder, value: placeholder }, ...normalizedOptions]
+    : normalizedOptions;
 
   const { viewStyles, textStyles } = extractStyles(style);
 
@@ -302,9 +308,12 @@ const Picker: React.FC<PickerProps> = ({
   };
 
   const handleValueChange = (newValue: string, itemIndex: number) => {
-    if (newValue !== "") {
+    if (newValue !== "" && newValue !== placeholder) {
       onValueChange?.(newValue, itemIndex);
       setInternalValue(newValue);
+    } else if (newValue === placeholder) {
+      onValueChange?.("", 0);
+      setInternalValue(undefined);
     }
   };
 

package/src/components/YotubePlayer.js

@@ -0,0 +1,10 @@
+import React from "react";
+import YoutubePlayerComponent from "react-native-youtube-iframe";
+import { extractStyles } from "../utilities";
+const YoutubePlayer = ({ videoId, playlist, mute = false, autoplay = false, style, }) => {
+    const { viewStyles } = extractStyles(style);
+    const { height, width } = viewStyles;
+    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

@@ -0,0 +1,38 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import YoutubePlayerComponent from "react-native-youtube-iframe";
+import { extractStyles } from "../utilities";
+
+interface YoutubePlayerProps {
+  videoId?: string;
+  playlist?: string;
+  mute?: boolean;
+  autoplay?: boolean;
+  style?: StyleProp<ViewStyle>;
+}
+
+const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
+  videoId,
+  playlist,
+  mute = false,
+  autoplay = false,
+  style,
+}) => {
+  const { viewStyles } = extractStyles(style);
+  const { height, width } = viewStyles;
+  const defaultVideoId = "nwMUpDESXrI";
+
+  return (
+    <YoutubePlayerComponent
+      height={height}
+      width={width}
+      play={autoplay}
+      videoId={!videoId && !playlist ? defaultVideoId : videoId}
+      playList={playlist}
+      mute={mute}
+      webViewStyle={style}
+    />
+  );
+};
+
+export default YoutubePlayer;

package/src/index.js

@@ -35,6 +35,8 @@ export { default as Shadow } from "./components/Shadow";
 export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
 export { TabView, TabViewItem } from "./components/TabView";
 export { default as Markdown } from "./components/Markdown";
+export { BottomSheet } from "./components/BottomSheet";
+export { default as YoutubePlayer } from "./components/YotubePlayer";
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";

package/src/index.tsx

@@ -58,6 +58,10 @@ export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
 export { TabView, TabViewItem } from "./components/TabView";
 export { default as Markdown } from "./components/Markdown";
 
+export { BottomSheet } from "./components/BottomSheet";
+
+export { default as YoutubePlayer } from "./components/YotubePlayer";
+
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";

package/src/mappings/BottomSheet.js

@@ -0,0 +1,63 @@
+import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp, createStaticNumberProp, createArrayProp, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Bottom Sheet",
+    tag: "BottomSheet",
+    description: "A draggable Bottom sheet that snaps to specific points. Renders children in ScrollView",
+    category: COMPONENT_TYPES.bottomsheet,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+    triggers: [Triggers.OnSettle],
+    props: {
+        onSettle: createActionProp({
+            label: "On settle",
+            description: "Action to execute when sheet settles on a snap point",
+        }),
+        snapPoints: createArrayProp({
+            label: "Snap points",
+            description: "An array of numerical values (that represent distance from the top) where bottom sheet can snap to place. Accepts numbers and percentages (minimum 2 snap points)",
+            defaultValue: ["10%", "50%", "80%"],
+        }),
+        initialSnapIndex: createStaticNumberProp({
+            label: "Initial snap index",
+            description: "Index of the snap point to be used as the initial point",
+            defaultValue: 0,
+            required: false,
+        }),
+        showHandle: createStaticBoolProp({
+            label: "Show handle",
+            description: "Whether to show the top sheet handle or not",
+            defaultValue: true,
+        }),
+        handleColor: createColorProp({
+            label: "Handle color",
+            description: "Color of the top handle",
+            defaultValue: "divider",
+        }),
+        topBorderRadius: createStaticNumberProp({
+            label: "Top border radius",
+            description: "Border radius of top corners",
+            defaultValue: 20,
+            required: false,
+        }),
+        borderWidth: createStaticNumberProp({
+            label: "Border width",
+            description: "Width of bottom sheet borders",
+            defaultValue: 1,
+            required: false,
+        }),
+        borderColor: createColorProp({
+            label: "Border color",
+            description: "Color of bottom sheet borders",
+            defaultValue: "divider",
+        }),
+        showsVerticalScrollIndicator: createStaticBoolProp({
+            label: "Show Vertical Scroll Indicator",
+            description: "When true, shows a vertical scroll indicator. The default value is true.",
+            defaultValue: true,
+        }),
+        bounces: createStaticBoolProp({
+            label: "Bounce",
+            description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
+            defaultValue: true,
+        }),
+    },
+};

package/src/mappings/BottomSheet.ts

@@ -0,0 +1,77 @@
+import {
+  COMPONENT_TYPES,
+  createStaticBoolProp,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+  Triggers,
+  createActionProp,
+  createColorProp,
+  createStaticNumberProp,
+  createArrayProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Bottom Sheet",
+  tag: "BottomSheet",
+  description:
+    "A draggable Bottom sheet that snaps to specific points. Renders children in ScrollView",
+  category: COMPONENT_TYPES.bottomsheet,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  triggers: [Triggers.OnSettle],
+  props: {
+    onSettle: createActionProp({
+      label: "On settle",
+      description: "Action to execute when sheet settles on a snap point",
+    }),
+    snapPoints: createArrayProp({
+      label: "Snap points",
+      description:
+        "An array of numerical values (that represent distance from the top) where bottom sheet can snap to place. Accepts numbers and percentages (minimum 2 snap points)",
+      defaultValue: ["10%", "50%", "80%"],
+    }),
+    initialSnapIndex: createStaticNumberProp({
+      label: "Initial snap index",
+      description: "Index of the snap point to be used as the initial point",
+      defaultValue: 0,
+      required: false,
+    }),
+    showHandle: createStaticBoolProp({
+      label: "Show handle",
+      description: "Whether to show the top sheet handle or not",
+      defaultValue: true,
+    }),
+    handleColor: createColorProp({
+      label: "Handle color",
+      description: "Color of the top handle",
+      defaultValue: "divider",
+    }),
+    topBorderRadius: createStaticNumberProp({
+      label: "Top border radius",
+      description: "Border radius of top corners",
+      defaultValue: 20,
+      required: false,
+    }),
+    borderWidth: createStaticNumberProp({
+      label: "Border width",
+      description: "Width of bottom sheet borders",
+      defaultValue: 1,
+      required: false,
+    }),
+    borderColor: createColorProp({
+      label: "Border color",
+      description: "Color of bottom sheet borders",
+      defaultValue: "divider",
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description:
+        "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true,
+    }),
+    bounces: createStaticBoolProp({
+      label: "Bounce",
+      description:
+        "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
+      defaultValue: true,
+    }),
+  },
+};

package/src/mappings/YoutubePlayer.js

@@ -0,0 +1,37 @@
+import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, createStaticBoolProp, createTextProp, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Youtube Player",
+    tag: "YoutubePlayer",
+    description: "Plays a youtube video form a Youtube video or playlist id",
+    doc_link: "https://lonelycpp.github.io/react-native-youtube-iframe",
+    code_link: "https://github.com/LonelyCpp/react-native-youtube-iframe",
+    category: COMPONENT_TYPES.media,
+    stylesPanelSections: BLOCK_STYLES_SECTIONS,
+    layout: {
+        height: 250,
+    },
+    props: {
+        videoId: createTextProp({
+            label: "Video ID",
+            description: "VideoId of the Youtube video.",
+            defaultValue: null,
+        }),
+        playlist: createTextProp({
+            label: "Playlist",
+            description: "Playlist of the Youtube videos.",
+            defaultValue: null,
+        }),
+        mute: createStaticBoolProp({
+            label: "Mute Audio",
+            description: "Mute the audio of the video.",
+            defaultValue: false,
+            required: false,
+        }),
+        autoplay: createStaticBoolProp({
+            label: "Auto Play",
+            description: "Autoplay the video on load.",
+            defaultValue: false,
+            required: false,
+        }),
+    },
+};

package/src/mappings/YoutubePlayer.ts

@@ -0,0 +1,43 @@
+import {
+  BLOCK_STYLES_SECTIONS,
+  COMPONENT_TYPES,
+  createStaticBoolProp,
+  createTextProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Youtube Player",
+  tag: "YoutubePlayer",
+  description: "Plays a youtube video form a Youtube video or playlist id",
+  doc_link: "https://lonelycpp.github.io/react-native-youtube-iframe",
+  code_link: "https://github.com/LonelyCpp/react-native-youtube-iframe",
+  category: COMPONENT_TYPES.media,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  layout: {
+    height: 250,
+  },
+  props: {
+    videoId: createTextProp({
+      label: "Video ID",
+      description: "VideoId of the Youtube video.",
+      defaultValue: null,
+    }),
+    playlist: createTextProp({
+      label: "Playlist",
+      description: "Playlist of the Youtube videos.",
+      defaultValue: null,
+    }),
+    mute: createStaticBoolProp({
+      label: "Mute Audio",
+      description: "Mute the audio of the video.",
+      defaultValue: false,
+      required: false,
+    }),
+    autoplay: createStaticBoolProp({
+      label: "Auto Play",
+      description: "Autoplay the video on load.",
+      defaultValue: false,
+      required: false,
+    }),
+  },
+};

package/lib/commonjs/mappings/HtmlElements.js

@@ -1,160 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const ELEMENT_SEED_DATA = {
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  packageName: "@expo/html-elements",
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  category: _types.COMPONENT_TYPES.webelement
-};
-const TEXT_SEED_DATA = {
-  ...ELEMENT_SEED_DATA,
-  category: _types.COMPONENT_TYPES.text,
-  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
-  layout: {
-    color: "strong"
-  },
-  props: {
-    children: {
-      group: _types.GROUPS.data,
-      label: "Text",
-      description: "Text",
-      defaultValue: "Double click me to edit 👀",
-      editable: true,
-      required: true,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING
-    },
-    accessibilityLabel: {
-      group: _types.GROUPS.accessibility,
-      name: "accessibilityLabel",
-      label: "accessibilityLabel",
-      description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
-      editable: true,
-      required: false,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: null
-    },
-    selectable: {
-      group: _types.GROUPS.advanced,
-      name: "selectable",
-      label: "selectable",
-      description: "Lets the user select text, to use the native copy and paste functionality.",
-      editable: true,
-      required: false,
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN,
-      defaultValue: true
-    }
-  }
-};
-const SEED_DATA = [{
-  name: "Heading 1",
-  tag: "H1",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Heading 2",
-  tag: "H2",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Heading 3",
-  tag: "H3",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Heading 4",
-  tag: "H4",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Heading 5",
-  tag: "H5",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Heading 6",
-  tag: "H6",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Bold",
-  tag: "B",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Strikethrough",
-  tag: "S",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Italic",
-  tag: "I",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Code",
-  tag: "Code",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Preformatted",
-  tag: "Pre",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Block Quote",
-  tag: "BlockQuote",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Quoted",
-  tag: "Q",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Time",
-  tag: "Time",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Unordered List",
-  tag: "UL",
-  ...ELEMENT_SEED_DATA
-}, {
-  name: "List Item",
-  tag: "LI",
-  ...TEXT_SEED_DATA,
-  category: _types.COMPONENT_TYPES.webelement
-}, {
-  name: "Line Break",
-  tag: "BR",
-  ...ELEMENT_SEED_DATA
-}, {
-  name: "Horizontal Rule",
-  tag: "HR",
-  ...ELEMENT_SEED_DATA
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...TEXT_SEED_DATA,
-  props: {
-    ...TEXT_SEED_DATA.props,
-    href: (0, _types.createTextProp)({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: _types.GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: _types.FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  },
-  category: _types.COMPONENT_TYPES.webelement
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/HtmlElements.js

@@ -1,153 +0,0 @@
-import { COMPONENT_TYPES, createTextProp, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
-const ELEMENT_SEED_DATA = {
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  packageName: "@expo/html-elements",
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  category: COMPONENT_TYPES.webelement
-};
-const TEXT_SEED_DATA = {
-  ...ELEMENT_SEED_DATA,
-  category: COMPONENT_TYPES.text,
-  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
-  layout: {
-    color: "strong"
-  },
-  props: {
-    children: {
-      group: GROUPS.data,
-      label: "Text",
-      description: "Text",
-      defaultValue: "Double click me to edit 👀",
-      editable: true,
-      required: true,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING
-    },
-    accessibilityLabel: {
-      group: GROUPS.accessibility,
-      name: "accessibilityLabel",
-      label: "accessibilityLabel",
-      description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: null
-    },
-    selectable: {
-      group: GROUPS.advanced,
-      name: "selectable",
-      label: "selectable",
-      description: "Lets the user select text, to use the native copy and paste functionality.",
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN,
-      defaultValue: true
-    }
-  }
-};
-export const SEED_DATA = [{
-  name: "Heading 1",
-  tag: "H1",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Heading 2",
-  tag: "H2",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Heading 3",
-  tag: "H3",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Heading 4",
-  tag: "H4",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Heading 5",
-  tag: "H5",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Heading 6",
-  tag: "H6",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Bold",
-  tag: "B",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Strikethrough",
-  tag: "S",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Italic",
-  tag: "I",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Code",
-  tag: "Code",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Preformatted",
-  tag: "Pre",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Block Quote",
-  tag: "BlockQuote",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Quoted",
-  tag: "Q",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Time",
-  tag: "Time",
-  ...TEXT_SEED_DATA
-}, {
-  name: "Unordered List",
-  tag: "UL",
-  ...ELEMENT_SEED_DATA
-}, {
-  name: "List Item",
-  tag: "LI",
-  ...TEXT_SEED_DATA,
-  category: COMPONENT_TYPES.webelement
-}, {
-  name: "Line Break",
-  tag: "BR",
-  ...ELEMENT_SEED_DATA
-}, {
-  name: "Horizontal Rule",
-  tag: "HR",
-  ...ELEMENT_SEED_DATA
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...TEXT_SEED_DATA,
-  props: {
-    ...TEXT_SEED_DATA.props,
-    href: createTextProp({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  },
-  category: COMPONENT_TYPES.webelement
-}];