@draftbit/core 46.4.4-04eaf1.2 → 46.4.4-0d37af.2

package/lib/commonjs/components/Text.js

@@ -24,10 +24,14 @@ class Text extends React.Component {
     super(...arguments);
 
     _defineProperty(this, "_root", void 0);
+
+    _defineProperty(this, "state", {
+      nativeProps: {}
+    });
   }
 
   setNativeProps(args) {
-    return this._root && this._root.setNativeProps(args);
+    this.state.nativeProps = args || {};
   }
 
   render() {
@@ -36,7 +40,7 @@ class Text extends React.Component {
       ...rest
     } = this.props;
     const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, this.state.nativeProps, {
       ref: c => {
         this._root = c;
       },

package/lib/commonjs/components/TextField.js

@@ -32,6 +32,7 @@ class TextField extends React.Component {
     super(...arguments);
 
     _defineProperty(this, "state", {
+      nativeProps: {},
       labeled: new _reactNative.Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
       placeholder: this.props.error ? this.props.placeholder : "",
@@ -162,7 +163,9 @@ class TextField extends React.Component {
    * @internal
    */
   setNativeProps(args) {
-    return this._root && this._root.setNativeProps(args);
+    this.setState(state => ({ ...state,
+      nativeState: args || {}
+    }));
   }
 
   isFocused() {
@@ -444,6 +447,7 @@ class TextField extends React.Component {
       underlineColorAndroid: "transparent",
       style: inputStyles,
       ...rest,
+      ...this.state.nativeProps,
       value: this.state.value
     })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
       name: rightIconName,

package/lib/module/components/Surface.js

@@ -1,5 +1,3 @@
-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); }
-
 /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
 import * as React from "react";
 import { Animated, StyleSheet } from "react-native";
@@ -38,6 +36,22 @@ const Surface = _ref => {
     }
   };
 
+  return /*#__PURE__*/React.createElement(Animated.View, { ...rest,
+    style: [{
+      backgroundColor: getBackgroundColor(),
+      elevation,
+      ...evalationStyles,
+      ...restStyle
+    }]
+  }, children);
+};
+
+export default withTheme(Surface); overlay(elevation, colors.surface);
+    } else {
+      return colors.surface;
+    }
+  };
+
   return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       backgroundColor: getBackgroundColor(),

package/lib/module/components/Switch.js

@@ -1,5 +1,3 @@
-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); }
-
 import * as React from "react";
 import { Switch as NativeSwitch } from "react-native";
 import { withTheme } from "../theming";
@@ -39,23 +37,24 @@ function Switch(_ref) {
       setChecked(Boolean(defaultValue));
     }
   }, [defaultValue, previousDefaultValue]);
-  return /*#__PURE__*/React.createElement(NativeSwitch, _extends({
+  return /*#__PURE__*/React.createElement(NativeSwitch, {
     value: checked,
     disabled: disabled,
     trackColor: {
       false: inactiveTrackThemeColor,
       true: activeTrackThemeColor
     },
-    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor // @ts-ignore react-native-web only
-    ,
+    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor,
+    // @ts-ignore react-native-web only
     activeThumbColor: activeThumbThemeColor,
     ios_backgroundColor: inactiveTrackThemeColor,
     style: style,
     onValueChange: bool => {
       setChecked(bool);
       onValueChange && onValueChange(bool);
-    }
-  }, rest));
+    },
+    ...rest
+  });
 }
 
 function Row(_ref2) {
@@ -85,7 +84,7 @@ function Row(_ref2) {
       setChecked(defaultValue);
     }
   }, [defaultValue]);
-  return /*#__PURE__*/React.createElement(FormRow, _extends({
+  return /*#__PURE__*/React.createElement(FormRow, {
     disabled: disabled,
     onPress: () => {
       setChecked(!checked);
@@ -93,8 +92,9 @@ function Row(_ref2) {
     },
     label: label,
     direction: direction,
-    style: style
-  }, rest), /*#__PURE__*/React.createElement(Switch, {
+    style: style,
+    ...rest
+  }, /*#__PURE__*/React.createElement(Switch, {
     theme: theme,
     value: checked,
     disabled: disabled,
@@ -106,6 +106,19 @@ function Row(_ref2) {
   }));
 }
 
+const SwitchRow = withTheme(Row);
+export { SwitchRow };
+export default withTheme(Switch);me,
+    value: checked,
+    disabled: disabled,
+    onValueChange: onValueChange,
+    activeTrackColor: activeTrackColor,
+    inactiveTrackColor: inactiveTrackColor,
+    activeThumbColor: activeThumbColor,
+    inactiveThumbColor: inactiveThumbColor
+  }));
+}
+
 const SwitchRow = withTheme(Row);
 export { SwitchRow };
 export default withTheme(Switch);

package/lib/module/components/Text.js

@@ -11,10 +11,14 @@ class Text extends React.Component {
     super(...arguments);
 
     _defineProperty(this, "_root", void 0);
+
+    _defineProperty(this, "state", {
+      nativeProps: {}
+    });
   }
 
   setNativeProps(args) {
-    return this._root && this._root.setNativeProps(args);
+    this.state.nativeProps = args || {};
   }
 
   render() {
@@ -23,7 +27,7 @@ class Text extends React.Component {
       ...rest
     } = this.props;
     const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(NativeText, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(NativeText, _extends({}, rest, this.state.nativeProps, {
       ref: c => {
         this._root = c;
       },

package/lib/module/components/TextField.js

@@ -16,6 +16,7 @@ class TextField extends React.Component {
     super(...arguments);
 
     _defineProperty(this, "state", {
+      nativeProps: {},
       labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
       placeholder: this.props.error ? this.props.placeholder : "",
@@ -146,7 +147,9 @@ class TextField extends React.Component {
    * @internal
    */
   setNativeProps(args) {
-    return this._root && this._root.setNativeProps(args);
+    this.setState(state => ({ ...state,
+      nativeState: args || {}
+    }));
   }
 
   isFocused() {
@@ -426,6 +429,7 @@ class TextField extends React.Component {
       underlineColorAndroid: "transparent",
       style: inputStyles,
       ...rest,
+      ...this.state.nativeProps,
       value: this.state.value
     })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
       name: rightIconName,

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

@@ -6,7 +6,8 @@ declare type Props = {
 } & TextProps;
 declare class Text extends React.Component<Props> {
     _root: any;
-    setNativeProps(args: TextProps): any;
+    state: any;
+    setNativeProps(args: TextProps): void;
     render(): JSX.Element;
 }
 export declare const BaseLink: ({ style, theme, title, ...props }: any) => JSX.Element;

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

@@ -27,6 +27,7 @@ export declare type Props = {
     }) => React.ReactNode;
 } & TextInputProps & IconSlot;
 interface State {
+    nativeProps: any;
     labeled: Animated.Value;
     focused?: boolean;
     placeholder?: string | undefined;
@@ -57,7 +58,7 @@ declare class TextField extends React.Component<Props, State> {
     /**
      * @internal
      */
-    setNativeProps(args: Props): void | undefined;
+    setNativeProps(args: Props): void;
     isFocused(): boolean | undefined;
     clear(): void | undefined;
     focus(): void | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-04eaf1.2+04eaf19",
+  "version": "46.4.4-0d37af.2+0d37af2",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,8 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.4-04eaf1.2+04eaf19",
-    "@expo/html-elements": "^0.2.0",
+    "@draftbit/types": "^46.4.4-0d37af.2+0d37af2",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -82,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "04eaf19a6f0f35bb910fbe3bd16d8f5be1b5fb55"
+  "gitHead": "0d37af2ae42b9d9c861a5cbc53ddedfac3da7de5"
 }

package/src/components/Text.js

@@ -2,13 +2,19 @@ import * as React from "react";
 import { Text as NativeText, I18nManager } from "react-native";
 import { withTheme } from "../theming";
 class Text extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            nativeProps: {},
+        };
+    }
     setNativeProps(args) {
-        return this._root && this._root.setNativeProps(args);
+        this.state.nativeProps = args || {};
     }
     render() {
         const { style, ...rest } = this.props;
         const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
-        return (React.createElement(NativeText, { ...rest, ref: (c) => {
+        return (React.createElement(NativeText, { ...rest, ...this.state.nativeProps, ref: (c) => {
                 this._root = c;
             }, style: [
                 {

package/src/components/Text.tsx

@@ -10,8 +10,12 @@ type Props = {
 class Text extends React.Component<Props> {
   _root: any;
 
+  state: any = {
+    nativeProps: {},
+  };
+
   setNativeProps(args: TextProps) {
-    return this._root && this._root.setNativeProps(args);
+    this.state.nativeProps = args || {};
   }
 
   render() {
@@ -21,6 +25,7 @@ class Text extends React.Component<Props> {
     return (
       <NativeText
         {...rest}
+        {...this.state.nativeProps}
         ref={(c) => {
           this._root = c;
         }}

package/src/components/TextField.js

@@ -10,6 +10,7 @@ class TextField extends React.Component {
     constructor() {
         super(...arguments);
         this.state = {
+            nativeProps: {},
             labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
             focused: false,
             placeholder: this.props.error ? this.props.placeholder : "",
@@ -121,7 +122,10 @@ class TextField extends React.Component {
      * @internal
      */
     setNativeProps(args) {
-        return this._root && this._root.setNativeProps(args);
+        this.setState((state) => ({
+            ...state,
+            nativeState: args || {},
+        }));
     }
     isFocused() {
         return this._root && this._root.isFocused();
@@ -381,6 +385,7 @@ class TextField extends React.Component {
                     underlineColorAndroid: "transparent",
                     style: inputStyles,
                     ...rest,
+                    ...this.state.nativeProps,
                     value: this.state.value,
                 })),
             rightIconName ? (React.createElement(Icon, { name: rightIconName, size: ICON_SIZE, color: colors.light, style: {

package/src/components/TextField.tsx

@@ -52,6 +52,7 @@ export type Props = {
   IconSlot;
 
 interface State {
+  nativeProps: any;
   labeled: Animated.Value;
   focused?: boolean;
   placeholder?: string | undefined;
@@ -73,6 +74,7 @@ class TextField extends React.Component<Props, State> {
   }
 
   state: State = {
+    nativeProps: {},
     labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
     focused: false,
     placeholder: this.props.error ? this.props.placeholder : "",
@@ -207,7 +209,10 @@ class TextField extends React.Component<Props, State> {
    * @internal
    */
   setNativeProps(args: Props) {
-    return this._root && this._root.setNativeProps(args);
+    this.setState((state) => ({
+      ...state,
+      nativeState: args || {},
+    }));
   }
 
   isFocused() {
@@ -566,6 +571,7 @@ class TextField extends React.Component<Props, State> {
             underlineColorAndroid: "transparent",
             style: inputStyles,
             ...rest,
+            ...this.state.nativeProps,
             value: this.state.value,
           })}
         </View>

package/lib/commonjs/mappings/Elements.js

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: _types.COMPONENT_TYPES.element,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  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"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strong",
-  tag: "Strong",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strike",
-  tag: "S",
-  ...ELEMENT_PROPS
-}, {
-  name: "Italic",
-  tag: "I",
-  ...ELEMENT_PROPS
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "Quote",
-  tag: "Q",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/Elements.js

@@ -1,112 +0,0 @@
-import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, Triggers } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: COMPONENT_TYPES.element,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-export const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  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"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strong",
-  tag: "Strong",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strike",
-  tag: "S",
-  ...ELEMENT_PROPS
-}, {
-  name: "Italic",
-  tag: "I",
-  ...ELEMENT_PROPS
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "Quote",
-  tag: "Q",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];

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

@@ -1,30 +0,0 @@
-export declare const SEED_DATA: ({
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-} | {
-    props: {
-        href: any;
-        target: {
-            group: string;
-            label: string;
-            description: string;
-            formType: string;
-            defaultValue: string;
-            options: string[];
-        };
-    };
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-})[];

package/src/mappings/Elements.js

@@ -1,135 +0,0 @@
-import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, Triggers, } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-    category: COMPONENT_TYPES.element,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    layout: {
-        margin: 0,
-    },
-    triggers: SEED_DATA_TRIGGERS,
-};
-const HEADING_PROPS = {
-    ...ELEMENT_PROPS,
-};
-export const SEED_DATA = [
-    {
-        name: "H1",
-        tag: "H1",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H2",
-        tag: "H2",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H3",
-        tag: "H3",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H4",
-        tag: "H4",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H5",
-        tag: "H5",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H6",
-        tag: "H6",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "Anchor",
-        tag: "A",
-        ...ELEMENT_PROPS,
-        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"],
-            },
-        },
-    },
-    {
-        name: "Paragraph",
-        tag: "P",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Strong",
-        tag: "Strong",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Strike",
-        tag: "S",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Italic",
-        tag: "I",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Code",
-        tag: "Code",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Pre",
-        tag: "Pre",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Mark",
-        tag: "Mark",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "BR",
-        tag: "BR",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Quote",
-        tag: "Q",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "BlockQuote",
-        tag: "BlockQuote",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Time",
-        tag: "Time",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "UL",
-        tag: "UL",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "LI",
-        tag: "LI",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "HR",
-        tag: "HR",
-        ...ELEMENT_PROPS,
-    },
-];

package/src/mappings/Elements.ts

@@ -1,145 +0,0 @@
-import {
-  BLOCK_STYLES_SECTIONS,
-  COMPONENT_TYPES,
-  createTextProp,
-  FORM_TYPES,
-  GROUPS,
-  Triggers,
-} from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-
-const ELEMENT_PROPS = {
-  category: COMPONENT_TYPES.element,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0,
-  },
-  triggers: SEED_DATA_TRIGGERS,
-};
-
-const HEADING_PROPS = {
-  ...ELEMENT_PROPS,
-};
-
-export const SEED_DATA = [
-  {
-    name: "H1",
-    tag: "H1",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H2",
-    tag: "H2",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H3",
-    tag: "H3",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H4",
-    tag: "H4",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H5",
-    tag: "H5",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H6",
-    tag: "H6",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "Anchor",
-    tag: "A",
-    ...ELEMENT_PROPS,
-    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"],
-      },
-    },
-  },
-  {
-    name: "Paragraph",
-    tag: "P",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Strong",
-    tag: "Strong",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Strike",
-    tag: "S",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Italic",
-    tag: "I",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Code",
-    tag: "Code",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Pre",
-    tag: "Pre",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Mark",
-    tag: "Mark",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "BR",
-    tag: "BR",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Quote",
-    tag: "Q",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "BlockQuote",
-    tag: "BlockQuote",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Time",
-    tag: "Time",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "UL",
-    tag: "UL",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "LI",
-    tag: "LI",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "HR",
-    tag: "HR",
-    ...ELEMENT_PROPS,
-  },
-];