@draftbit/core 46.2.4-27c60f.5 → 46.2.4-29b0f1.10

package/lib/module/components/TextField.js

@@ -1,3 +1,7 @@
+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); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import * as React from "react";
 import { View, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager } from "react-native";
 import { withTheme } from "../theming";
@@ -10,7 +14,8 @@ const ICON_SIZE = 24;
 class TextField extends React.Component {
   constructor() {
     super(...arguments);
-    this.state = {
+
+    _defineProperty(this, "state", {
       labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
       placeholder: this.props.error ? this.props.placeholder : "",
@@ -18,35 +23,36 @@ class TextField extends React.Component {
         measured: false,
         width: 0
       }
-    };
-    this._timer = setTimeout(() => {}, 0);
+    });
+
+    _defineProperty(this, "_timer", setTimeout(() => {}, 0));
 
-    this._showPlaceholder = () => {
+    _defineProperty(this, "_showPlaceholder", () => {
       clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
       // If we show it immediately, they'll overlap and look ugly
 
       this._timer = setTimeout(() => this.setState({
         placeholder: this.props.placeholder
       }), 50);
-    };
+    });
 
-    this._hidePlaceholder = () => this.setState({
+    _defineProperty(this, "_hidePlaceholder", () => this.setState({
       placeholder: ""
-    });
+    }));
 
-    this._restoreLabel = () => Animated.timing(this.state.labeled, {
+    _defineProperty(this, "_restoreLabel", () => Animated.timing(this.state.labeled, {
       toValue: 1,
       duration: FOCUS_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start();
+    }).start());
 
-    this._minmizeLabel = () => Animated.timing(this.state.labeled, {
+    _defineProperty(this, "_minmizeLabel", () => Animated.timing(this.state.labeled, {
       toValue: 0,
       duration: BLUR_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start();
+    }).start());
 
-    this._handleFocus = () => {
+    _defineProperty(this, "_handleFocus", () => {
       if (this.props.disabled) {
         return;
       }
@@ -54,9 +60,9 @@ class TextField extends React.Component {
       this.setState({
         focused: true
       });
-    };
+    });
 
-    this._handleBlur = () => {
+    _defineProperty(this, "_handleBlur", () => {
       if (this.props.disabled) {
         return;
       }
@@ -64,9 +70,9 @@ class TextField extends React.Component {
       this.setState({
         focused: false
       });
-    };
+    });
 
-    this._handleChangeText = value => {
+    _defineProperty(this, "_handleChangeText", value => {
       if (this.props.disabled) {
         return;
       }
@@ -82,9 +88,9 @@ class TextField extends React.Component {
         });
         this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
       }
-    };
+    });
 
-    this._root = undefined;
+    _defineProperty(this, "_root", undefined);
   }
 
   static getDerivedStateFromProps(nextProps, prevState) {
@@ -135,11 +141,10 @@ class TextField extends React.Component {
       focused: !prevState.focused
     }));
   }
+
   /**
    * @internal
    */
-
-
   setNativeProps(args) {
     return this._root && this._root.setNativeProps(args);
   }
@@ -182,8 +187,7 @@ class TextField extends React.Component {
         roundness,
         disabledOpacity
       },
-      render = props => /*#__PURE__*/React.createElement(NativeTextInput, { ...props
-      }),
+      render = props => /*#__PURE__*/React.createElement(NativeTextInput, props),
       ...rest
     } = this.props;
     const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
@@ -335,9 +339,9 @@ class TextField extends React.Component {
     } = StyleSheet.flatten(style || {});
     return /*#__PURE__*/React.createElement(View, {
       style: [styles.container, styleProp]
-    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
+    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
       style: leftIconStyle
-    }) : null, /*#__PURE__*/React.createElement(View, {
+    })) : null, /*#__PURE__*/React.createElement(View, {
       style: applyStyles([containerStyle], {
         height: style === null || style === void 0 ? void 0 : style.height,
         backgroundColor: bgColor,
@@ -404,9 +408,9 @@ class TextField extends React.Component {
       style: {
         justifyContent: type === "solid" ? "center" : undefined
       }
-    }, /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
+    }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
       style: leftIconStyle
-    })) : null, render({
+    }))) : null, render({
       ref: c => {
         this._root = c;
       },
@@ -443,42 +447,6 @@ class TextField extends React.Component {
 
 }
 
-export default withTheme(TextField);
-const styles = StyleSheet.create({
-  container: {
-    alignSelf: "stretch"
-  },
-  placeholder: {
-    position: "absolute",
-    left: 0
-  },
-  underline: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: 2
-  },
-  input: {
-    flexGrow: 1,
-    justifyContent: "center",
-    textAlignVertical: "center",
-    margin: 0,
-    textAlign: I18nManager.isRTL ? "right" : "left"
-  }
-}); "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16
-      }
-    }) : null, assistiveText ? /*#__PURE__*/React.createElement(Text, {
-      style: [{
-        color: error ? colors.error : colors.light,
-        marginTop: 8,
-        marginLeft: assistiveTextLeftMargin
-      }]
-    }, assistiveText) : null);
-  }
-
-}
-
 export default withTheme(TextField);
 const styles = StyleSheet.create({
   container: {

package/lib/module/components/ToggleButton.js

@@ -1,3 +1,5 @@
+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 { withTheme } from "../theming";
 import { StyleSheet } from "react-native";
@@ -40,29 +42,13 @@ const ToggleButton = _ref => {
     onPress(!internalValue);
   };
 
-  return /*#__PURE__*/React.createElement(IconButton, {
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
     Icon: Icon,
     icon: icon,
     size: iconSize,
     color: internalValue ? colors[color] : colors[colorSecondary],
     onPress: handlePress,
     disabled: disabled,
-    style: [styles.mainContainer, {
-      width,
-      height,
-      backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
-      borderColor: colors[borderColor]
-    }, style],
-    ...rest
-  });
-};
-
-const styles = StyleSheet.create({
-  mainContainer: {
-    borderWidth: 1
-  }
-});
-export default withTheme(ToggleButton);: disabled,
     style: [styles.mainContainer, {
       width,
       height,

package/lib/module/components/Touchable.js

@@ -1,3 +1,5 @@
+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 React from "react";
 import { Pressable } from "react-native";
 export default function Touchable(_ref) {
@@ -8,24 +10,6 @@ export default function Touchable(_ref) {
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(Pressable, {
-    onPress: onPress,
-    disabled: disabled,
-    hitSlop: 8,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [{
-        opacity: pressed || disabled ? 0.75 : 1
-      }, style];
-    },
-    ...props
-  }, children);
-}s,
-    style,
-    ...props
-  } = _ref;
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: disabled,

package/lib/module/index.js

@@ -17,7 +17,7 @@ export { default as FAB } from "./components/FAB";
 export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
 export { default as IconButton } from "./components/IconButton";
 export { default as Image } from "./components/Image";
-export { default as Svg } from "./components/Svg";
+export { default as SVG } from "./components/SVG";
 export { default as NumberInput } from "./components/NumberInput";
 export { default as ScreenContainer } from "./components/ScreenContainer";
 export { default as StarRating } from "./components/StarRating";
@@ -31,6 +31,7 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/Ac
 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";
+export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle } from "./components/Table";
 /* Deprecated: Fix or Delete!  */
 
 export { default as Button } from "./components/DeprecatedButton";

package/lib/module/mappings/{Svg.js → SVG.js}

@@ -1,9 +1,8 @@
-import { COMPONENT_TYPES, createSvgProp, StylesPanelSections } from "@draftbit/types";
+import { COMPONENT_TYPES, createSVGProp, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "SVG",
   tag: "SVG",
   description: "An SVG component",
-  packageName: "@draftbit/core",
   category: COMPONENT_TYPES.media,
   layout: {
     width: 100,
@@ -11,6 +10,6 @@ export const SEED_DATA = {
   },
   stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects],
   props: {
-    source: createSvgProp()
+    source: createSVGProp()
   }
 };

package/lib/module/mappings/Table.js

@@ -0,0 +1,94 @@
+import { COMPONENT_TYPES, GROUPS, createBoolProp, createTextProp, createNumberProp, StylesPanelSections } from "@draftbit/types";
+export const SEED_DATA = [{
+  name: "Table",
+  tag: "Table",
+  category: COMPONENT_TYPES.container,
+  stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
+  layout: {
+    width: "100%"
+  },
+  props: {}
+}, {
+  name: "Table Row",
+  tag: "TableRow",
+  category: COMPONENT_TYPES.container,
+  stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
+  layout: {
+    paddingLeft: 16,
+    paddingRight: 16,
+    borderBottomWidth: 1,
+    borderStyle: "solid"
+  },
+  props: {}
+}, {
+  name: "Table Cell",
+  tag: "TableCell",
+  category: COMPONENT_TYPES.container,
+  layout: {
+    paddingTop: 16,
+    paddingBottom: 16,
+    paddingLeft: 8,
+    paddingRight: 8
+  },
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
+  props: {
+    numeric: createBoolProp({
+      label: "Is Numeric Cell?",
+      description: "Does the cell contain a numeric value?",
+      group: GROUPS.data
+    }),
+    value: createTextProp({
+      label: "Cell Value",
+      description: "Table Cell Value",
+      group: GROUPS.data
+    })
+  }
+}, {
+  name: "Table Header",
+  tag: "TableHeader",
+  category: COMPONENT_TYPES.container,
+  stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
+  layout: {
+    paddingLeft: 16,
+    paddingRight: 16,
+    borderBottomWidth: 1,
+    borderStyle: "solid",
+    backgroundColor: "#EFEFEF"
+  },
+  props: {}
+}, {
+  name: "Table Title",
+  tag: "TableTitle",
+  category: COMPONENT_TYPES.container,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
+  layout: {
+    fontSize: 14,
+    fontWeight: "500",
+    paddingTop: 16,
+    paddingBottom: 16,
+    paddingLeft: 8,
+    paddingRight: 8
+  },
+  props: {
+    numeric: createBoolProp({
+      label: "Is Numeric Cell?",
+      description: "Does the cell contain a numeric value?",
+      group: GROUPS.data
+    }),
+    value: createTextProp({
+      label: "Cell Value",
+      description: "Table Cell Value",
+      group: GROUPS.data
+    }),
+    isAscending: createBoolProp({
+      label: "Is Ascending?",
+      description: "Does the cell contain a numeric value?",
+      group: GROUPS.data
+    }),
+    numberOfLines: createNumberProp({
+      label: "Number of Lines",
+      description: "Number of Lines",
+      group: GROUPS.basic
+    })
+  }
+}];

package/lib/module/utilities.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { isString, isNumber, pick, pickBy, identity } from "lodash";
+import { isString, isNumber, pick, pickBy, identity, omitBy, isNil } from "lodash";
 export function extractStyles(style) {
   const {
     color,
@@ -29,8 +29,8 @@ export function extractStyles(style) {
     textDecorationStyle
   };
   return {
-    viewStyles,
-    textStyles
+    viewStyles: omitBy(viewStyles, isNil),
+    textStyles: omitBy(textStyles, isNil)
   };
 }
 export const borderStyleNames = ["borderRadius", "borderBottomColor", "borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderBottomWidth", "borderColor", "borderEndColor", "borderLeftColor", "borderLeftWidth", "borderRadius", "borderRightColor", "borderRightWidth", "borderStartColor", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth"];

package/lib/typescript/src/components/{Svg.d.ts → SVG.d.ts}

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { StyleProp, ImageStyle } from "react-native";
-declare type SvgComponentProps = {
+declare type SVGComponentProps = {
     source: string;
     style?: StyleProp<ImageStyle>;
 };
-declare const Svg: React.FC<React.PropsWithChildren<SvgComponentProps>>;
-export default Svg;
+declare const SVG: React.FC<React.PropsWithChildren<SVGComponentProps>>;
+export default SVG;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface TableProps {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare const Table: ({ children, style, ...rest }: TableProps) => JSX.Element;
+export default Table;

package/lib/typescript/src/components/Table/TableCell.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface TableCellProps {
+    children: React.ReactNode;
+    numeric?: boolean;
+    style?: StyleProp<ViewStyle>;
+    value: string;
+}
+declare const TableCell: ({ children, style, numeric, value, ...rest }: TableCellProps) => JSX.Element;
+export default TableCell;

package/lib/typescript/src/components/Table/TableHeader.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import { Theme } from "../../styles/DefaultTheme";
+export interface TableHeaderProps {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+}
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<TableHeaderProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<TableHeaderProps> & (({ children, style, theme, ...rest }: TableHeaderProps) => JSX.Element), {}>;
+export default _default;

package/lib/typescript/src/components/Table/TablePaginator.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TablePaginator: () => JSX.Element;
+export default TablePaginator;

package/lib/typescript/src/components/Table/TableRow.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import { Theme } from "../../styles/DefaultTheme";
+export interface TableRowProps {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+}
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<TableRowProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<TableRowProps> & (({ children, style, theme, ...rest }: TableRowProps) => JSX.Element), {}>;
+export default _default;

package/lib/typescript/src/components/Table/TableTitle.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface TableCellProps {
+    children: React.ReactNode;
+    numeric?: boolean;
+    isAscending: boolean;
+    numberOfLines?: number;
+    title?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare const TableTitle: ({ children, style, numeric, isAscending, numberOfLines, title, ...rest }: TableCellProps) => JSX.Element;
+export default TableTitle;

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

@@ -0,0 +1,6 @@
+export { default as Table } from "./Table";
+export { default as TableHeader } from "./TableHeader";
+export { default as TablePaginator } from "./TablePaginator";
+export { default as TableRow } from "./TableRow";
+export { default as TableCell } from "./TableCell";
+export { default as TableTitle } from "./TableTitle";

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

@@ -17,7 +17,7 @@ export { default as FAB } from "./components/FAB";
 export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
 export { default as IconButton } from "./components/IconButton";
 export { default as Image } from "./components/Image";
-export { default as Svg } from "./components/Svg";
+export { default as SVG } from "./components/SVG";
 export { default as NumberInput } from "./components/NumberInput";
 export { default as ScreenContainer } from "./components/ScreenContainer";
 export { default as StarRating } from "./components/StarRating";
@@ -31,6 +31,7 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
 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";
+export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
 export { default as Button } from "./components/DeprecatedButton";
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";

package/lib/typescript/src/mappings/{Svg.d.ts → SVG.d.ts}

@@ -2,7 +2,6 @@ export declare const SEED_DATA: {
     name: string;
     tag: string;
     description: string;
-    packageName: string;
     category: string;
     layout: {
         width: number;

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

@@ -0,0 +1,153 @@
+export declare const SEED_DATA: ({
+    name: string;
+    tag: string;
+    category: string;
+    stylesPanelSections: string[];
+    layout: {
+        width: string;
+        paddingLeft?: undefined;
+        paddingRight?: undefined;
+        borderBottomWidth?: undefined;
+        borderStyle?: undefined;
+        paddingTop?: undefined;
+        paddingBottom?: undefined;
+        backgroundColor?: undefined;
+        fontSize?: undefined;
+        fontWeight?: undefined;
+    };
+    props: {
+        numeric?: undefined;
+        value?: undefined;
+        isAscending?: undefined;
+        numberOfLines?: undefined;
+    };
+} | {
+    name: string;
+    tag: string;
+    category: string;
+    stylesPanelSections: string[];
+    layout: {
+        paddingLeft: number;
+        paddingRight: number;
+        borderBottomWidth: number;
+        borderStyle: string;
+        width?: undefined;
+        paddingTop?: undefined;
+        paddingBottom?: undefined;
+        backgroundColor?: undefined;
+        fontSize?: undefined;
+        fontWeight?: undefined;
+    };
+    props: {
+        numeric?: undefined;
+        value?: undefined;
+        isAscending?: undefined;
+        numberOfLines?: undefined;
+    };
+} | {
+    name: string;
+    tag: string;
+    category: string;
+    layout: {
+        paddingTop: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        width?: undefined;
+        borderBottomWidth?: undefined;
+        borderStyle?: undefined;
+        backgroundColor?: undefined;
+        fontSize?: undefined;
+        fontWeight?: undefined;
+    };
+    stylesPanelSections: string[];
+    props: {
+        numeric: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        value: any;
+        isAscending?: undefined;
+        numberOfLines?: undefined;
+    };
+} | {
+    name: string;
+    tag: string;
+    category: string;
+    stylesPanelSections: string[];
+    layout: {
+        paddingLeft: number;
+        paddingRight: number;
+        borderBottomWidth: number;
+        borderStyle: string;
+        backgroundColor: string;
+        width?: undefined;
+        paddingTop?: undefined;
+        paddingBottom?: undefined;
+        fontSize?: undefined;
+        fontWeight?: undefined;
+    };
+    props: {
+        numeric?: undefined;
+        value?: undefined;
+        isAscending?: undefined;
+        numberOfLines?: undefined;
+    };
+} | {
+    name: string;
+    tag: string;
+    category: string;
+    stylesPanelSections: string[];
+    layout: {
+        fontSize: number;
+        fontWeight: string;
+        paddingTop: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        width?: undefined;
+        borderBottomWidth?: undefined;
+        borderStyle?: undefined;
+        backgroundColor?: undefined;
+    };
+    props: {
+        numeric: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        value: any;
+        isAscending: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        numberOfLines: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+    };
+})[];