@draftbit/core 46.4.4-808a01.2 → 46.4.4-885019.2

package/lib/commonjs/mappings/AudioPlayer.js

@@ -12,17 +12,7 @@ const SEED_DATA = {
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: _types.COMPONENT_TYPES.media,
-  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
-  layout: {
-    backgroundColor: "#eee",
-    paddingLeft: 16,
-    paddingRight: 16,
-    paddingTop: 8,
-    paddingBottom: 8,
-    borderRadius: 24,
-    flexDirection: "row",
-    alignItems: "center"
-  },
+  layout: {},
   props: {
     source: {
       group: _types.GROUPS.data,
@@ -33,27 +23,7 @@ const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: _types.FORM_TYPES.sourceUrl,
       propType: _types.PROP_TYPES.OBJECT
-    },
-    sliderColor: (0, _types.createColorProp)({
-      label: "Thumb Color",
-      defaultValue: "black"
-    }),
-    completedTrackColor: (0, _types.createColorProp)({
-      label: "Completed Track",
-      defaultValue: "white"
-    }),
-    remainingTrackColor: (0, _types.createColorProp)({
-      label: "Remaining Track",
-      defaultValue: "#333333"
-    }),
-    trackThumbSize: (0, _types.createNumberProp)({
-      label: "Thumb Size",
-      defaultValue: 24
-    }),
-    playIconColor: (0, _types.createColorProp)({
-      label: "Play Icon",
-      defaultValue: "black"
-    })
+    }
   }
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/StarRating.js

@@ -25,9 +25,7 @@ const SEED_DATA = {
     }),
     fieldName: (0, _types.createFieldNameProp)({
       defaultValue: "ratingValue",
-      // this is the name of the variable declared on the screen in Draftbit
       handlerPropName: "onPress",
-      // the change handler prop in this component
       valuePropName: "rating" // the value prop in this component
 
     }),
@@ -52,4 +50,10 @@ const SEED_DATA = {
     })
   }
 };
+exports.SEED_DATA = SEED_DATA;pes.createColorProp)({
+      label: "Inactive Color",
+      defaultValue: "divider"
+    })
+  }
+};
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Table.js

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

package/lib/commonjs/utilities.js

@@ -44,8 +44,8 @@ function extractStyles(style) {
     textDecorationStyle
   };
   return {
-    viewStyles,
-    textStyles
+    viewStyles: (0, _lodash.omitBy)(viewStyles, _lodash.isNil),
+    textStyles: (0, _lodash.omitBy)(textStyles, _lodash.isNil)
   };
 }
 

package/lib/module/components/Checkbox/context.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-export var Direction;
+export let Direction;
 
 (function (Direction) {
   Direction["Horizontal"] = "horizontal";

package/lib/module/components/Table/Table.js

@@ -0,0 +1,23 @@
+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 { View, StyleSheet } from "react-native";
+
+const Table = _ref => {
+  let {
+    children,
+    style,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    style: [styles.wrapper, style]
+  }), children);
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    display: "flex",
+    flexDirection: "column"
+  }
+});
+export default Table;

package/lib/module/components/Table/TableCell.js

@@ -0,0 +1,37 @@
+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 { View, Text, StyleSheet } from "react-native";
+import { extractStyles } from "../../utilities";
+
+const TableCell = _ref => {
+  let {
+    children,
+    style,
+    numeric,
+    value,
+    ...rest
+  } = _ref;
+  const {
+    textStyles,
+    viewStyles
+  } = extractStyles(style);
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    style: [styles.wrapper, numeric && styles.right, viewStyles]
+  }), /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: textStyles
+  }, children, value));
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "row"
+  },
+  right: {
+    justifyContent: "flex-end"
+  }
+});
+export default TableCell;

package/lib/module/components/Table/TableHeader.js

@@ -0,0 +1,27 @@
+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 { View, StyleSheet } from "react-native";
+import { withTheme } from "../../theming";
+
+const TableHeader = _ref => {
+  let {
+    children,
+    style,
+    theme,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    style: [styles.wrapper, {
+      borderBottomColor: theme.colors.medium
+    }, style]
+  }), children);
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    display: "flex",
+    flexDirection: "row"
+  }
+});
+export default withTheme(TableHeader);

package/lib/module/components/Table/TablePaginator.js

@@ -0,0 +1,6 @@
+import React from "react";
+import { View, Text } from "react-native";
+
+const TablePaginator = () => /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, null, "Table Paginator"));
+
+export default TablePaginator;

package/lib/module/components/Table/TableRow.js

@@ -0,0 +1,33 @@
+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 { View, StyleSheet } from "react-native";
+import { withTheme } from "../../theming";
+
+const TableRow = _ref => {
+  let {
+    children,
+    style,
+    theme,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    style: [styles.container, {
+      borderBottomColor: theme.colors.light
+    }, style]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.content
+  }, children));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    display: "flex",
+    flexDirection: "row"
+  },
+  content: {
+    flex: 1,
+    flexDirection: "row"
+  }
+});
+export default withTheme(TableRow);

package/lib/module/components/Table/TableTitle.js

@@ -0,0 +1,47 @@
+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 { View, Text, StyleSheet } from "react-native";
+import { extractStyles } from "../../utilities";
+
+const TableTitle = _ref => {
+  let {
+    children,
+    style,
+    numeric = false,
+    isAscending = false,
+    numberOfLines = 1,
+    title,
+    ...rest
+  } = _ref;
+  const {
+    textStyles,
+    viewStyles
+  } = extractStyles(style);
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    style: [styles.wrapper, numeric && styles.right, viewStyles]
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [isAscending ? styles.sorted : {
+      color: "gray"
+    }, textStyles],
+    numberOfLines: numberOfLines
+  }, children, title));
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "row"
+  },
+  right: {
+    justifyContent: "flex-end"
+  },
+  sorted: {// marginLeft: 8,
+  },
+  icon: {
+    height: 24,
+    justifyContent: "center"
+  }
+});
+export default TableTitle;

package/lib/module/components/Table/index.js

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

@@ -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 CardBlock } from "./components/CardBlock";

package/lib/module/mappings/AudioPlayer.js

@@ -1,20 +1,10 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, StylesPanelSections, createColorProp, createNumberProp } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Audio Player",
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: COMPONENT_TYPES.media,
-  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position],
-  layout: {
-    backgroundColor: "#eee",
-    paddingLeft: 16,
-    paddingRight: 16,
-    paddingTop: 8,
-    paddingBottom: 8,
-    borderRadius: 24,
-    flexDirection: "row",
-    alignItems: "center"
-  },
+  layout: {},
   props: {
     source: {
       group: GROUPS.data,
@@ -25,26 +15,6 @@ export const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: FORM_TYPES.sourceUrl,
       propType: PROP_TYPES.OBJECT
-    },
-    sliderColor: createColorProp({
-      label: "Thumb Color",
-      defaultValue: "black"
-    }),
-    completedTrackColor: createColorProp({
-      label: "Completed Track",
-      defaultValue: "white"
-    }),
-    remainingTrackColor: createColorProp({
-      label: "Remaining Track",
-      defaultValue: "#333333"
-    }),
-    trackThumbSize: createNumberProp({
-      label: "Thumb Size",
-      defaultValue: 24
-    }),
-    playIconColor: createColorProp({
-      label: "Play Icon",
-      defaultValue: "black"
-    })
+    }
   }
 };

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/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

@@ -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 CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
 export { default as CardContainerRating } from "./components/CardContainerRating";