@draftbit/core 46.2.4-70e86e.10 → 46.2.4-88e325.34

package/src/components/Stepper.js

@@ -36,4 +36,5 @@ const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultVal
             ] }, value),
         React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/add", onPress: () => handlePlusOrMinus("plus"), size: iconSize, color: iconColor, disabled: value === max, style: { opacity: value === max ? 0.5 : 1 } })));
 };
+//oh hello
 export default withTheme(Stepper);

package/src/components/Stepper.tsx

@@ -97,5 +97,5 @@ const Stepper: FC<Props> = ({
     </View>
   );
 };
-
+//oh hello
 export default withTheme(Stepper);

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/src/index.js

@@ -4,7 +4,7 @@ export { default as Provider } from "./Provider";
 export { default as DefaultTheme } from "./styles/DefaultTheme";
 export { Link } from "./components/Text";
 export { default as Banner } from "./components/Banner";
-export { ButtonSolid, ButtonOutline } from "./components/Button";
+export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
 export { default as Avatar } from "./components/CircleImage";
 export { default as AvatarEdit } from "./components/AvatarEdit";
 export { default as Card } from "./components/Card";
@@ -32,7 +32,6 @@ export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */
-export { default as Button } from "./components/DeprecatedButton";
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
 export { default as CardContainerRating } from "./components/CardContainerRating";
@@ -50,5 +49,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 Markdown } from "./components/Markdown";
 // a comment to fix sourcemap comment issue

package/src/index.tsx

@@ -5,7 +5,7 @@ export { default as DefaultTheme } from "./styles/DefaultTheme";
 
 export { Link } from "./components/Text";
 export { default as Banner } from "./components/Banner";
-export { ButtonSolid, ButtonOutline } from "./components/Button";
+export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
 export { default as Avatar } from "./components/CircleImage";
 export { default as AvatarEdit } from "./components/AvatarEdit";
 export { default as Card } from "./components/Card";
@@ -52,7 +52,6 @@ export {
 } from "./components/RadioButton/index";
 
 /* Deprecated: Fix or Delete!  */
-export { default as Button } from "./components/DeprecatedButton";
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
 export { default as CardContainerRating } from "./components/CardContainerRating";
@@ -70,6 +69,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 Markdown } from "./components/Markdown";
 
 // a comment to fix sourcemap comment issue

package/src/mappings/ActionSheet.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Action Sheet",
     tag: "ActionSheet",
     description: "Action Sheet container",
-    category: COMPONENT_TYPES.container,
+    category: COMPONENT_TYPES.actionsheet,
     props: {
         visible: createStaticBoolProp({
             group: GROUPS.data,

package/src/mappings/ActionSheet.ts

@@ -4,7 +4,7 @@ export const SEED_DATA = {
   name: "Action Sheet",
   tag: "ActionSheet",
   description: "Action Sheet container",
-  category: COMPONENT_TYPES.container,
+  category: COMPONENT_TYPES.actionsheet,
   props: {
     visible: createStaticBoolProp({
       group: GROUPS.data,

package/src/mappings/ActionSheetCancel.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Action Sheet Cancel",
     tag: "ActionSheetCancel",
     description: "Action Sheet cancel",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.actionsheet,
     triggers: [Triggers.OnPress],
     props: {
         onPress: createActionProp(),

package/src/mappings/ActionSheetCancel.ts

@@ -11,7 +11,7 @@ export const SEED_DATA = {
   name: "Action Sheet Cancel",
   tag: "ActionSheetCancel",
   description: "Action Sheet cancel",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.actionsheet,
   triggers: [Triggers.OnPress],
   props: {
     onPress: createActionProp(),

package/src/mappings/ActionSheetItem.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Action Sheet Item",
     tag: "ActionSheetItem",
     description: "Action Sheet item",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.actionsheet,
     triggers: [Triggers.OnPress],
     layout: {
         textAlign: "center",

package/src/mappings/ActionSheetItem.ts

@@ -11,7 +11,7 @@ export const SEED_DATA = {
   name: "Action Sheet Item",
   tag: "ActionSheetItem",
   description: "Action Sheet item",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.actionsheet,
   triggers: [Triggers.OnPress],
   layout: {
     textAlign: "center",

package/src/mappings/ActivityIndicator.js

@@ -5,7 +5,7 @@ export const SEED_DATA = {
     description: "Displays a circular loading indicator.",
     doc_link: "https://docs.expo.io/versions/latest/react-native/activityindicator/",
     code_link: "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.utility,
     stylesPanelSections: [
         StylesPanelSections.Size,
         StylesPanelSections.Margins,

package/src/mappings/ActivityIndicator.ts

@@ -14,7 +14,7 @@ export const SEED_DATA = {
     "https://docs.expo.io/versions/latest/react-native/activityindicator/",
   code_link:
     "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.utility,
   stylesPanelSections: [
     StylesPanelSections.Size,
     StylesPanelSections.Margins,

package/src/mappings/Banner.js

@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, creat
 export const SEED_DATA = {
     name: "Banner",
     tag: "Banner",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.deprecated,
     props: {
         icon: createIconProp({
             defaultValue: null,

package/src/mappings/Banner.ts

@@ -10,7 +10,7 @@ import {
 export const SEED_DATA = {
   name: "Banner",
   tag: "Banner",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.deprecated,
   props: {
     icon: createIconProp({
       defaultValue: null,

package/src/mappings/BlurView.js

@@ -5,7 +5,7 @@ export const SEED_DATA = {
     description: "Expo Blur View",
     doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
     code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
-    category: COMPONENT_TYPES.layout,
+    category: COMPONENT_TYPES.view,
     stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     layout: {
         flexGrow: 1,

package/src/mappings/BlurView.ts

@@ -13,7 +13,7 @@ export const SEED_DATA = {
   doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
   code_link:
     "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
-  category: COMPONENT_TYPES.layout,
+  category: COMPONENT_TYPES.view,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     flexGrow: 1,

package/src/mappings/Button.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createIconProp, createBoolProp, createTextProp, GROUPS, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconProp, createTextProp, createDisabledProp, createLoadingProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
 const SEED_DATA_TRIGGERS = [Triggers.OnPress];
 const SEED_DATA_PROPS = {
     onPress: createActionProp(),
@@ -11,16 +11,8 @@ const SEED_DATA_PROPS = {
         description: "Button Label",
         defaultValue: "Get Started",
     }),
-    disabled: createBoolProp({
-        group: GROUPS.basic,
-        label: "Disabled",
-        description: "Whether the button should be disabled",
-    }),
-    loading: createBoolProp({
-        group: GROUPS.basic,
-        label: "Loading",
-        description: "Whether to show a loading indicator",
-    }),
+    disabled: createDisabledProp(),
+    loading: createLoadingProp(),
 };
 const LAYOUT = {
     backgroundColor: "transparent",
@@ -31,7 +23,7 @@ export const SEED_DATA = [
     {
         name: "Button Outline",
         tag: "ButtonOutline",
-        category: COMPONENT_TYPES.button,
+        category: COMPONENT_TYPES.deprecated,
         stylesPanelSections: [
             StylesPanelSections.Typography,
             StylesPanelSections.Background,
@@ -53,6 +45,27 @@ export const SEED_DATA = [
     {
         name: "Button Solid",
         tag: "ButtonSolid",
+        category: COMPONENT_TYPES.deprecated,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Background,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Effects,
+        ],
+        layout: {
+            ...LAYOUT,
+            backgroundColor: "primary",
+            textAlign: "center",
+        },
+        triggers: SEED_DATA_TRIGGERS,
+        props: SEED_DATA_PROPS,
+    },
+    {
+        name: "Button",
+        tag: "Button",
         category: COMPONENT_TYPES.button,
         stylesPanelSections: [
             StylesPanelSections.Typography,

package/src/mappings/Button.ts

@@ -1,9 +1,9 @@
 import {
   COMPONENT_TYPES,
   createIconProp,
-  createBoolProp,
   createTextProp,
-  GROUPS,
+  createDisabledProp,
+  createLoadingProp,
   createActionProp,
   Triggers,
   StylesPanelSections,
@@ -21,16 +21,8 @@ const SEED_DATA_PROPS = {
     description: "Button Label",
     defaultValue: "Get Started",
   }),
-  disabled: createBoolProp({
-    group: GROUPS.basic,
-    label: "Disabled",
-    description: "Whether the button should be disabled",
-  }),
-  loading: createBoolProp({
-    group: GROUPS.basic,
-    label: "Loading",
-    description: "Whether to show a loading indicator",
-  }),
+  disabled: createDisabledProp(),
+  loading: createLoadingProp(),
 };
 
 const LAYOUT = {
@@ -43,7 +35,7 @@ export const SEED_DATA = [
   {
     name: "Button Outline",
     tag: "ButtonOutline",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.deprecated,
     stylesPanelSections: [
       StylesPanelSections.Typography,
       StylesPanelSections.Background,
@@ -65,6 +57,27 @@ export const SEED_DATA = [
   {
     name: "Button Solid",
     tag: "ButtonSolid",
+    category: COMPONENT_TYPES.deprecated,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Effects,
+    ],
+    layout: {
+      ...LAYOUT,
+      backgroundColor: "primary",
+      textAlign: "center",
+    },
+    triggers: SEED_DATA_TRIGGERS,
+    props: SEED_DATA_PROPS,
+  },
+  {
+    name: "Button",
+    tag: "Button",
     category: COMPONENT_TYPES.button,
     stylesPanelSections: [
       StylesPanelSections.Typography,

package/src/mappings/Checkbox.js

@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createBoolProp, createIconProp, createStaticNumberProp
 export const SEED_DATA = {
     name: "Checkbox",
     tag: "Checkbox",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.control,
     stylesPanelSections: BLOCK_STYLES_SECTIONS,
     triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
     props: {

package/src/mappings/Checkbox.ts

@@ -13,7 +13,7 @@ import {
 export const SEED_DATA = {
   name: "Checkbox",
   tag: "Checkbox",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
   props: {

package/src/mappings/CheckboxRow.js

@@ -2,7 +2,7 @@ import { createBoolProp, createTextProp, createTextStyle, createRowDirectionProp
 export const SEED_DATA = {
     name: "Checkbox Row",
     tag: "CheckboxRow",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.control,
     stylesPanelSections: [
         StylesPanelSections.Typography,
         StylesPanelSections.Margins,

package/src/mappings/CheckboxRow.ts

@@ -15,7 +15,7 @@ import {
 export const SEED_DATA = {
   name: "Checkbox Row",
   tag: "CheckboxRow",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: [
     StylesPanelSections.Typography,
     StylesPanelSections.Margins,

package/src/mappings/CircleImage.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Circle Image",
     tag: "CircleImage",
     description: "A circle image",
-    category: COMPONENT_TYPES.media,
+    category: COMPONENT_TYPES.deprecated,
     stylesPanelSections: BLOCK_STYLES_SECTIONS,
     props: {
         source: createImageProp(),

package/src/mappings/CircleImage.ts

@@ -11,7 +11,7 @@ export const SEED_DATA = {
   name: "Circle Image",
   tag: "CircleImage",
   description: "A circle image",
-  category: COMPONENT_TYPES.media,
+  category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   props: {
     source: createImageProp(),

package/src/mappings/CustomCode.js

@@ -3,6 +3,6 @@ export const SEED_DATA = {
     name: "Custom Code",
     tag: "CustomCode",
     description: "A component that allows usage of custom code",
-    category: COMPONENT_TYPES.data,
+    category: COMPONENT_TYPES.utility,
     props: {},
 };

package/src/mappings/CustomCode.ts

@@ -4,6 +4,6 @@ export const SEED_DATA = {
   name: "Custom Code",
   tag: "CustomCode",
   description: "A component that allows usage of custom code",
-  category: COMPONENT_TYPES.data,
+  category: COMPONENT_TYPES.utility,
   props: {},
 };

package/src/mappings/DatePicker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, createNumberProp, createColorProp, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
     label: {
         label: "Label",
@@ -10,6 +10,12 @@ const SEED_DATA_PROPS = {
         required: true,
         group: GROUPS.data,
     },
+    labelSize: createNumberProp({
+        label: "Label Size",
+    }),
+    labelColor: createColorProp({
+        label: "Label Color",
+    }),
     mode: {
         label: "Mode",
         description: "Choose between date, time and datetime",
@@ -21,6 +27,12 @@ const SEED_DATA_PROPS = {
         options: ["date", "time", "datetime"],
         group: GROUPS.basic,
     },
+    borderColor: createColorProp({
+        label: "Border Color",
+    }),
+    borderColorActive: createColorProp({
+        label: "Border Color",
+    }),
     format: {
         label: "Format",
         description: "Create an output format for the date.",
@@ -139,6 +151,14 @@ export const SEED_DATA = [
         category: COMPONENT_TYPES.input,
         layout: null,
         triggers: [Triggers.OnDateChange],
+        StylesPanelSections: [
+            StylesPanelSections.Background,
+            StylesPanelSections.Borders,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Size,
+            StylesPanelSections.Typography,
+        ],
         props: {
             ...SEED_DATA_PROPS,
             type: {

package/src/mappings/DatePicker.ts

@@ -5,6 +5,9 @@ import {
   FIELD_NAME,
   GROUPS,
   Triggers,
+  StylesPanelSections,
+  createNumberProp,
+  createColorProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -18,6 +21,12 @@ const SEED_DATA_PROPS = {
     required: true,
     group: GROUPS.data,
   },
+  labelSize: createNumberProp({
+    label: "Label Size",
+  }),
+  labelColor: createColorProp({
+    label: "Label Color",
+  }),
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -29,6 +38,12 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: GROUPS.basic,
   },
+  borderColor: createColorProp({
+    label: "Border Color",
+  }),
+  borderColorActive: createColorProp({
+    label: "Border Color",
+  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -150,6 +165,14 @@ export const SEED_DATA = [
     category: COMPONENT_TYPES.input,
     layout: null,
     triggers: [Triggers.OnDateChange],
+    StylesPanelSections: [
+      StylesPanelSections.Background,
+      StylesPanelSections.Borders,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Size,
+      StylesPanelSections.Typography,
+    ],
     props: {
       ...SEED_DATA_PROPS,
       type: {

package/src/mappings/FAB.js

@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createIconProp, createColorProp, GROUPS, createBoolPro
 export const SEED_DATA = {
     name: "FAB",
     tag: "FAB",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.deprecated,
     stylesPanelSections: BLOCK_STYLES_SECTIONS,
     description: "A mini round icon FAB",
     layout: {},

package/src/mappings/FAB.ts

@@ -13,7 +13,7 @@ import {
 export const SEED_DATA = {
   name: "FAB",
   tag: "FAB",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   description: "A mini round icon FAB",
   layout: {},

package/src/mappings/FieldSearchBarFull.js

@@ -4,7 +4,7 @@ export const SEED_DATA = [
         name: "Search Bar",
         tag: "FieldSearchBarFull",
         description: "A search bar with accompanying search icon and clear button.",
-        category: COMPONENT_TYPES.input,
+        category: COMPONENT_TYPES.deprecated,
         stylesPanelSections: BLOCK_STYLES_SECTIONS,
         preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
         supports_list_render: false,

package/src/mappings/FieldSearchBarFull.ts

@@ -13,7 +13,7 @@ export const SEED_DATA = [
     name: "Search Bar",
     tag: "FieldSearchBarFull",
     description: "A search bar with accompanying search icon and clear button.",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.deprecated,
     stylesPanelSections: BLOCK_STYLES_SECTIONS,
     preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
     supports_list_render: false,