@draftbit/core 46.10.3-6f5759.2 → 46.10.3-7476ab.2

package/lib/module/components/TabView/TabView.js

@@ -1,4 +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 { TabView, TabBar, SceneMap } from "react-native-tab-view";
 import { withTheme } from "../../theming";
@@ -28,13 +27,11 @@ const TabViewComponent = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-
   //Check type of child using props
   //Regular '.type' cannot work because Draftbit strips the type in Draft view
   const instanceOfTabViewItemProps = object => {
     return "title" in object;
   };
-
   //Populate routes and scenes based on children
   React.useEffect(() => {
     const newRoutes = [];
@@ -60,7 +57,8 @@ const TabViewComponent = _ref => {
     }
   };
   const renderTabBar = props => {
-    return /*#__PURE__*/React.createElement(TabBar, _extends({}, props, {
+    return /*#__PURE__*/React.createElement(TabBar, {
+      ...props,
       activeColor: activeColor || theme.colors.primary,
       inactiveColor: inactiveColor || theme.colors.divider,
       pressColor: pressColor || theme.colors.primary,
@@ -74,7 +72,7 @@ const TabViewComponent = _ref => {
           route,
           color
         } = _ref2;
-        return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
+        return (route === null || route === void 0 ? void 0 : route.icon) ? /*#__PURE__*/React.createElement(Icon, {
           name: route.icon,
           color: color,
           size: 16
@@ -83,9 +81,8 @@ const TabViewComponent = _ref => {
       style: {
         backgroundColor: tabsBackgroundColor || theme.colors.background
       }
-    }));
+    });
   };
-
   //Cannot render TabView without at least one tab
   if (!routes.length) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -104,4 +101,17 @@ const TabViewComponent = _ref => {
     swipeEnabled: swipeEnabled
   });
 };
+export default withTheme(TabViewComponent);tyles],
+    navigationState: {
+      index,
+      routes
+    },
+    renderScene: SceneMap(tabScenes),
+    renderTabBar: renderTabBar,
+    onIndexChange: indexChangeHandler,
+    tabBarPosition: tabBarPosition,
+    keyboardDismissMode: keyboardDismissMode,
+    swipeEnabled: swipeEnabled
+  });
+};
 export default withTheme(TabViewComponent);

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

@@ -0,0 +1,115 @@
+import React from "react";
+import { ScrollView, View, StyleSheet } from "react-native";
+import { withTheme } from "../../theming";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
+const Table = _ref => {
+  let {
+    theme,
+    borderWidth = 1,
+    borderColor = theme.colors.divider,
+    borderStyle = "solid",
+    drawTopBorder = true,
+    drawBottomBorder = false,
+    drawStartBorder = false,
+    drawEndBorder = false,
+    cellVerticalPadding = 10,
+    cellHorizontalPadding = 10,
+    data,
+    keyExtractor,
+    renderItem,
+    children: childrenProp,
+    style,
+    ...rest
+  } = _ref;
+  //Both 'renderItem' and 'data' are optional to allow direct children. But if one is included, both need to be included
+  if (data && !renderItem || renderItem && !data) {
+    throw new Error("'renderItem' and 'data' need to both be provided to render from 'data'. Either remove them entirley or include both");
+  }
+  if (data && renderItem && childrenProp) {
+    console.warn("'children' of Table ignored due to usage of 'data' and 'renderItem'");
+  }
+  const isTableHeader = React.useCallback(object => {
+    return object.isTableHeader;
+  }, []);
+  const isRenderItem = data && renderItem;
+  //Uses 'renderItem' and 'data' to create an array of children
+  const dataAsChildren = React.useMemo(() => {
+    if (!isRenderItem) return [];
+    return data.map((item, index) => {
+      const component = renderItem({
+        item,
+        index
+      });
+      if (!component) {
+        return null;
+      }
+      const key = keyExtractor ? keyExtractor(item, index) : index.toString();
+      return /*#__PURE__*/React.cloneElement(component, {
+        key
+      });
+    });
+  }, [data, renderItem, keyExtractor, isRenderItem]);
+  const children = isRenderItem ? dataAsChildren : React.Children.toArray(childrenProp);
+  const validChildren = React.useMemo(() => children.filter(item => /*#__PURE__*/React.isValidElement(item)), [children]);
+  const childrenWithoutHeader = React.useMemo(() => {
+    const flattenedWithoutNestedHeaders = validChildren.map(item => {
+      const nestedChildren = React.Children.toArray(item.props.children);
+      //Header can be nested in React.Fragment when in renderItem
+      const nestedHeaders = nestedChildren.filter(child => isTableHeader(child.props));
+      if (nestedHeaders === null || nestedHeaders === void 0 ? void 0 : nestedHeaders.length) {
+        //New element excluding header children
+        return /*#__PURE__*/React.cloneElement(item, {
+          children: nestedChildren.filter(child => !isTableHeader(child.props))
+        });
+      }
+      return item;
+    });
+    return flattenedWithoutNestedHeaders.filter(item => !isTableHeader(item.props));
+  }, [validChildren, isTableHeader]);
+  const header = React.useMemo(() => {
+    const flattenedPossibleHeaders = validChildren.map(item => {
+      const nestedChildren = React.Children.toArray(item.props.children);
+      //Header can be nested in React.Fragment when in renderItem
+      const nestedHeaders = nestedChildren.filter(child => isTableHeader(child.props));
+      if (nestedHeaders === null || nestedHeaders === void 0 ? void 0 : nestedHeaders.length) {
+        return nestedHeaders[0];
+      }
+      return item;
+    });
+    const allHeaders = flattenedPossibleHeaders.filter(item => isTableHeader(item.props));
+    if (allHeaders.length) {
+      return allHeaders[0]; //Only 1 header taken
+    }
+
+    return null;
+  }, [validChildren, isTableHeader]);
+  const contextValue = {
+    borderColor,
+    borderStyle,
+    borderWidth,
+    cellHorizontalPadding,
+    cellVerticalPadding
+  };
+  const borderViewStyle = generateBorderStyles({
+    borderColor,
+    borderWidth,
+    borderStyle,
+    drawTopBorder,
+    drawBottomBorder,
+    drawStartBorder,
+    drawEndBorder
+  });
+  return /*#__PURE__*/React.createElement(TableStyleContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, borderViewStyle, style]
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, header), /*#__PURE__*/React.createElement(ScrollView, {
+    ...rest
+  }, childrenWithoutHeader)));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+export default withTheme(Table);

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

@@ -0,0 +1,41 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
+const TableCell = _ref => {
+  let {
+    borderWidth,
+    borderColor,
+    borderStyle,
+    drawTopBorder = false,
+    drawBottomBorder = false,
+    drawStartBorder = false,
+    drawEndBorder = true,
+    cellVerticalPadding,
+    cellHorizontalPadding,
+    children,
+    style
+  } = _ref;
+  const parentContextValue = React.useContext(TableStyleContext);
+  const borderViewStyle = generateBorderStyles({
+    borderColor: borderColor || parentContextValue.borderColor,
+    borderWidth: borderWidth || parentContextValue.borderWidth,
+    borderStyle: borderStyle || parentContextValue.borderStyle,
+    drawTopBorder,
+    drawBottomBorder,
+    drawStartBorder,
+    drawEndBorder
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.cellContainer, borderViewStyle, {
+      paddingVertical: cellVerticalPadding || parentContextValue.cellVerticalPadding,
+      paddingHorizontal: cellHorizontalPadding || parentContextValue.cellHorizontalPadding
+    }, style]
+  }, children);
+};
+const styles = StyleSheet.create({
+  cellContainer: {
+    flex: 1,
+    flexDirection: "row"
+  }
+});
+export default TableCell;

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

@@ -0,0 +1,21 @@
+import React from "react";
+export const TableStyleContext = /*#__PURE__*/React.createContext({});
+export function generateBorderStyles(_ref) {
+  let {
+    borderColor,
+    borderWidth,
+    borderStyle,
+    drawTopBorder,
+    drawBottomBorder,
+    drawStartBorder,
+    drawEndBorder
+  } = _ref;
+  return {
+    borderColor,
+    borderStyle,
+    borderTopWidth: drawTopBorder ? borderWidth : 0,
+    borderBottomWidth: drawBottomBorder ? borderWidth : 0,
+    borderStartWidth: drawStartBorder ? borderWidth : 0,
+    borderEndWidth: drawEndBorder ? borderWidth : 0
+  };
+}

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

@@ -0,0 +1,52 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
+import { withTheme } from "../../theming";
+const TableRow = _ref => {
+  let {
+    borderWidth,
+    borderColor,
+    borderStyle,
+    drawTopBorder = false,
+    drawBottomBorder = true,
+    drawStartBorder = true,
+    drawEndBorder = false,
+    cellVerticalPadding,
+    cellHorizontalPadding,
+    isTableHeader = false,
+    children,
+    style,
+    theme
+  } = _ref;
+  const parentContextValue = React.useContext(TableStyleContext);
+  //Create context to use and pass to children based on own props or fall back to parent provided context
+  const contextValue = {
+    borderColor: borderColor || parentContextValue.borderColor,
+    borderStyle: borderStyle || parentContextValue.borderStyle,
+    borderWidth: borderWidth || parentContextValue.borderWidth,
+    cellHorizontalPadding: cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
+    cellVerticalPadding: cellVerticalPadding || parentContextValue.cellVerticalPadding
+  };
+  const borderViewStyle = generateBorderStyles({
+    borderColor: contextValue.borderColor,
+    borderWidth: contextValue.borderWidth,
+    borderStyle: contextValue.borderStyle,
+    drawTopBorder,
+    drawBottomBorder,
+    drawStartBorder,
+    drawEndBorder
+  });
+  return /*#__PURE__*/React.createElement(TableStyleContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [borderViewStyle, isTableHeader ? {
+      backgroundColor: theme.colors.primary
+    } : {}, style, styles.cellsContainer]
+  }, children));
+};
+const styles = StyleSheet.create({
+  cellsContainer: {
+    flexDirection: "row"
+  }
+});
+export default withTheme(TableRow);;

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

@@ -0,0 +1,3 @@
+export { default as Table } from "./Table";
+export { default as TableRow } from "./TableRow";
+export { default as TableCell } from "./TableCell";

package/lib/module/constants.js

@@ -6,4 +6,5 @@ const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.C
 export const APPROX_STATUSBAR_HEIGHT = Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
+});O : 0
 });

package/lib/module/index.js

@@ -10,7 +10,6 @@ export { default as AvatarEdit } from "./components/AvatarEdit";
 export { default as Card } from "./components/Card";
 export { Checkbox, CheckboxGroup, CheckboxRow } from "./components/Checkbox";
 export { default as CircleImage } from "./components/CircleImage";
-export { default as Container } from "./components/Container";
 export { default as Divider } from "./components/Divider";
 export { default as FAB } from "./components/FAB";
 export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
@@ -37,6 +36,7 @@ export { TabView, TabViewItem } from "./components/TabView";
 export { default as Markdown } from "./components/Markdown";
 export { BottomSheet } from "./components/BottomSheet";
 export { YoutubePlayer } from "./components/YoutubePlayer";
+export { Table, TableRow, TableCell } from "./components/Table";
 
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";

package/lib/module/mappings/FieldSearchBarFull.js

@@ -8,7 +8,6 @@ export const SEED_DATA = [{
   preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
   supports_list_render: false,
   triggers: [Triggers.OnChange],
-  // TODO Triggers.OnSubmit for multiple triggers
   props: {
     icon: {
       group: GROUPS.basic,
@@ -46,4 +45,8 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
+}];alue: "searchBarValue"
+    }
+  },
+  layout: {}
 }];

package/lib/module/mappings/NativeBase/Layout.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createStaticNumberProp, StylesPanelSections } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createStaticNumberProp, StylesPanelSections, createStaticBoolProp } from "@draftbit/types";
 const SHARED_SEED_DATA = {
   category: COMPONENT_TYPES.layout,
   packageName: "native-base",
@@ -16,7 +16,8 @@ export const SEED_DATA = [{
       description: "The aspect ratio of the container in decimal format (ex: 3/4 -> 1.33)",
       defaultValue: 1.33
     })
-  }
+  },
+  stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects]
 }, {
   name: "Box",
   tag: "Box",
@@ -38,6 +39,13 @@ export const SEED_DATA = [{
   name: "Container",
   tag: "Container",
   description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
+  props: {
+    centerContent: createStaticBoolProp({
+      label: "Center content",
+      description: "Center child elements based on their content width",
+      defaultValue: true
+    })
+  },
   ...SHARED_SEED_DATA
 }, {
   name: "Column",
@@ -59,24 +67,17 @@ export const SEED_DATA = [{
   name: "Spacer",
   tag: "Spacer",
   description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
+  layout: {
+    flex: 1
+  },
   ...SHARED_SEED_DATA,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
+  stylesPanelSections: [StylesPanelSections.LayoutSelectedItem, StylesPanelSections.Background, StylesPanelSections.Margins]
 }, {
   name: "Stack",
   tag: "Stack",
   description: "Stack aligns items vertically or horizontally based on the direction prop",
   ...SHARED_SEED_DATA,
   props: {
-    direction: createTextEnumProp({
-      label: "Direction",
-      description: "The direction of the Stack",
-      options: ["row", "column"],
-      defaultValue: "column"
-    }),
-    reversed: createBoolProp({
-      label: "Reversed",
-      description: "Determines whether to reverse the direction of items"
-    }),
     isDisabled: createBoolProp({
       label: "Disabled",
       description: "If true, the Stack will be disabled"

package/lib/module/mappings/StarRating.js

@@ -17,9 +17,7 @@ export const SEED_DATA = {
     }),
     fieldName: 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
     }),
 
@@ -43,4 +41,11 @@ export const SEED_DATA = {
       defaultValue: "divider"
     })
   }
+};primary"
+    }),
+    inactiveColor: createColorProp({
+      label: "Inactive Color",
+      defaultValue: "divider"
+    })
+  }
 };

package/lib/module/mappings/Table.js

@@ -0,0 +1,133 @@
+import { COMPONENT_TYPES, StylesPanelSections, createColorProp, createStaticBoolProp, createStaticNumberProp, createTextEnumProp } from "@draftbit/types";
+const SHARED_SEED_DATA_PROPS = {
+  borderWidth: createStaticNumberProp({
+    label: "Border Width",
+    description: "Specifies the width of the border. Passed down to child Table(Row/Cell) components unless overridden",
+    required: false,
+    defaultValue: null
+  }),
+  borderColor: createColorProp({
+    label: "Border Color",
+    description: "Specifies the color of the border. Passed down to child Table(Row/Cell) components unless overridden",
+    defaultValue: null
+  }),
+  borderStyle: createTextEnumProp({
+    label: "Border Style",
+    description: "Specifies the style of the border. Passed down to child Table(Row/Cell) components unless overridden",
+    options: ["solid", "dotted", "dashed"],
+    defaultValue: null
+  }),
+  drawTopBorder: createStaticBoolProp({
+    label: "Draw Top Border",
+    description: "Whether to draw the top border at this layer of the Table tree or not",
+    defaultValue: false
+  }),
+  drawBottomBorder: createStaticBoolProp({
+    label: "Draw Bottom Border",
+    description: "Whether to draw the bottom border at this layer of the Table tree or not",
+    defaultValue: false
+  }),
+  drawStartBorder: createStaticBoolProp({
+    label: "Draw Start Border",
+    description: "Whether to draw the start border at this layer of the Table tree or not",
+    defaultValue: false
+  }),
+  drawEndBorder: createStaticBoolProp({
+    label: "Draw End Border",
+    description: "Whether to draw the end border at this layer of the Table tree or not",
+    defaultValue: false
+  }),
+  cellVerticalPadding: createStaticNumberProp({
+    label: "Cell Vertical Padding",
+    description: "Specifies the vertical padding of the cell. Passed down to TableCell components unless overridden",
+    required: false,
+    defaultValue: null
+  }),
+  cellHorizontalPadding: createStaticNumberProp({
+    label: "Cell Horizontal Padding",
+    description: "Specifies the horizontal padding of the cell. Passed down to TableCell components unless overridden",
+    required: false,
+    defaultValue: null
+  })
+};
+export const SEED_DATA = [{
+  name: "Table",
+  tag: "Table",
+  description: "Top level table container",
+  category: COMPONENT_TYPES.table,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects, StylesPanelSections.Background, StylesPanelSections.LayoutSelectedItem],
+  layout: {
+    flex: 1
+  },
+  props: {
+    ...SHARED_SEED_DATA_PROPS,
+    borderWidth: {
+      ...SHARED_SEED_DATA_PROPS.borderWidth,
+      defaultValue: 1
+    },
+    borderColor: {
+      ...SHARED_SEED_DATA_PROPS.borderColor,
+      defaultValue: "divider"
+    },
+    borderStyle: {
+      ...SHARED_SEED_DATA_PROPS.borderStyle,
+      defaultValue: "solid"
+    },
+    drawTopBorder: {
+      ...SHARED_SEED_DATA_PROPS.drawTopBorder,
+      defaultValue: true
+    },
+    cellVerticalPadding: {
+      ...SHARED_SEED_DATA_PROPS.cellVerticalPadding,
+      defaultValue: 10
+    },
+    cellHorizontalPadding: {
+      ...SHARED_SEED_DATA_PROPS.cellHorizontalPadding,
+      defaultValue: 10
+    },
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
+    })
+  }
+}, {
+  name: "Table Row",
+  tag: "TableRow",
+  description: "Table Row container",
+  category: COMPONENT_TYPES.table,
+  stylesPanelSections: [StylesPanelSections.Background],
+  props: {
+    ...SHARED_SEED_DATA_PROPS,
+    drawStartBorder: {
+      ...SHARED_SEED_DATA_PROPS.drawStartBorder,
+      defaultValue: true
+    },
+    drawBottomBorder: {
+      ...SHARED_SEED_DATA_PROPS.drawBottomBorder,
+      defaultValue: true
+    },
+    isTableHeader: createStaticBoolProp({
+      label: "Header",
+      description: "Whether this row is a header or not (changes background and sticks while scrolling)",
+      defaultValue: false
+    })
+  }
+}, {
+  name: "Table Cell",
+  tag: "TableCell",
+  description: "Table Cell container",
+  category: COMPONENT_TYPES.table,
+  stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
+  layout: {
+    flex: 1,
+    flexDirection: "row"
+  },
+  props: {
+    ...SHARED_SEED_DATA_PROPS,
+    drawEndBorder: {
+      ...SHARED_SEED_DATA_PROPS.drawEndBorder,
+      defaultValue: true
+    }
+  }
+}];

package/lib/module/utilities.js

@@ -44,7 +44,6 @@ export function extractBorderAndMarginStyles(style, additionalBorderStyles, addi
     marginStyles
   };
 }
-
 /**
  * Merges a style object on top of another style object. In React Native,
  * keys with undefined values in a style object will still override styles
@@ -77,4 +76,4 @@ export function getValueForRadioButton(value) {
   } else {
     throw new Error("Invalid value: ".concat(value));
   }
-}
+}}

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

@@ -0,0 +1,19 @@
+import React from "react";
+import { StyleProp, ViewStyle, ScrollViewProps } from "react-native";
+import { Theme } from "../../styles/DefaultTheme";
+import { TableProps } from "./TableCommon";
+export interface Props<T> extends TableProps, ScrollViewProps {
+    data?: Array<T>;
+    keyExtractor?: (item: T, index: number) => string;
+    renderItem?: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => JSX.Element;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+}
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props<object>>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props<object>>> & (<T extends object>({ theme, borderWidth, borderColor, borderStyle, drawTopBorder, drawBottomBorder, drawStartBorder, drawEndBorder, cellVerticalPadding, cellHorizontalPadding, data, keyExtractor, renderItem, children: childrenProp, style, ...rest }: React.PropsWithChildren<Props<T>>) => JSX.Element), {}>;
+export default _default;
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,SAAS,EACT,SAAS,EAGT,eAAe,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAEL,UAAU,EAGX,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK,CAAC,CAAC,CAAE,SAAQ,UAAU,EAAE,eAAe;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AAuJD,wBAAgC"}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import { TableProps } from "./TableCommon";
+export interface Props extends TableProps {
+    style?: StyleProp<ViewStyle>;
+}
+declare const TableCell: React.FC<React.PropsWithChildren<Props>>;
+export default TableCell;
+//# sourceMappingURL=TableCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AACtE,OAAO,EAEL,UAAU,EAEX,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAM,SAAQ,UAAU;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAyCvD,CAAC;AASF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { ViewStyle } from "react-native";
+declare type BorderStyle = "solid" | "dotted" | "dashed";
+export declare const TableStyleContext: React.Context<TableStyleProps>;
+export interface TableStyleProps {
+    borderWidth?: number;
+    borderColor?: string;
+    borderStyle?: BorderStyle;
+    cellVerticalPadding?: number;
+    cellHorizontalPadding?: number;
+}
+export interface TableProps extends TableStyleProps {
+    drawTopBorder?: boolean;
+    drawBottomBorder?: boolean;
+    drawStartBorder?: boolean;
+    drawEndBorder?: boolean;
+}
+export declare function generateBorderStyles({ borderColor, borderWidth, borderStyle, drawTopBorder, drawBottomBorder, drawStartBorder, drawEndBorder, }: TableProps): ViewStyle;
+export {};
+//# sourceMappingURL=TableCommon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCommon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableCommon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,aAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEjD,eAAO,MAAM,iBAAiB,gCAA2C,CAAC;AAE1E,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,aAAa,GACd,EAAE,UAAU,GAAG,SAAS,CASxB"}

package/lib/typescript/src/components/{DeprecatedCardWrapper.d.ts → Table/TableRow.d.ts}

@@ -1,15 +1,14 @@
 import React from "react";
 import { StyleProp, ViewStyle } from "react-native";
-import theme from "../styles/DefaultTheme";
-declare type Props = {
-    numColumns?: number;
-    children?: React.ReactNode;
-    onPress?: () => void;
+import { TableProps } from "./TableCommon";
+import { Theme } from "../../styles/DefaultTheme";
+export interface Props extends TableProps {
+    isTableHeader?: boolean;
     style?: StyleProp<ViewStyle>;
-    theme: typeof theme;
-};
+    theme: Theme;
+}
 declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
 }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
 export default _default;
-//# sourceMappingURL=DeprecatedCardWrapper.d.ts.map
+//# sourceMappingURL=TableRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AACtE,OAAO,EAEL,UAAU,EAGX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,MAAM,WAAW,KAAM,SAAQ,UAAU;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AA6DD,wBAAmC"}