@draftbit/core 46.10.1-bdc763.2 → 46.10.2-078a87.2

package/src/mappings/NativeBase/Layout.js

@@ -0,0 +1,102 @@
+import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createTextProp, GROUPS, } from "@draftbit/types";
+const SHARED_SEED_DATA = {
+    category: COMPONENT_TYPES.layout,
+    packageName: "native-base",
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+};
+export const SEED_DATA = [
+    {
+        name: "Aspect Ratio",
+        tag: "AspectRatio",
+        description: "Controls the size of the undefined dimension of a node or child component using an aspect ration",
+        ...SHARED_SEED_DATA,
+        props: {
+            ratio: createTextProp({
+                label: "Ratio",
+                description: "The aspect ratio of the container",
+                defaultValue: "4/3",
+                group: GROUPS.basic,
+            }),
+        },
+    },
+    {
+        name: "Box",
+        tag: "Box",
+        description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
+        ...SHARED_SEED_DATA,
+    },
+    {
+        name: "Center",
+        tag: "Center",
+        description: "Center aligns its contents to the center within itself",
+        ...SHARED_SEED_DATA,
+    },
+    {
+        name: "Circle",
+        tag: "Circle",
+        description: "Center aligns its contents to the center within itself with a round border radius",
+        ...SHARED_SEED_DATA,
+    },
+    {
+        name: "Container",
+        tag: "Container",
+        description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
+        ...SHARED_SEED_DATA,
+    },
+    {
+        name: "Column",
+        tag: "Column",
+        description: "Column aligns items vertically",
+        ...SHARED_SEED_DATA,
+    },
+    {
+        name: "Row",
+        tag: "Row",
+        description: "Column aligns items horizontally",
+        ...SHARED_SEED_DATA,
+    },
+    {
+        name: "Spacer",
+        tag: "Spacer",
+        description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
+        ...SHARED_SEED_DATA,
+    },
+    {
+        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",
+            }),
+            isInvalid: createBoolProp({
+                label: "Invalid",
+                description: "If true, the Stack will be invalid",
+            }),
+        },
+    },
+    {
+        name: "ZStack",
+        tag: "ZStack",
+        description: "ZStack aligns items to the z-axis",
+        ...SHARED_SEED_DATA,
+        props: {
+            reversed: createBoolProp({
+                label: "Reversed",
+                description: "Determines whether to reverse the direction of items",
+            }),
+        },
+    },
+];

package/src/mappings/NativeBase/Layout.ts

@@ -0,0 +1,117 @@
+import {
+  COMPONENT_TYPES,
+  createTextEnumProp,
+  createBoolProp,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+  createTextProp,
+  GROUPS,
+} from "@draftbit/types";
+
+const SHARED_SEED_DATA = {
+  category: COMPONENT_TYPES.layout,
+  packageName: "native-base",
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+};
+
+export const SEED_DATA = [
+  {
+    name: "Aspect Ratio",
+    tag: "AspectRatio",
+    description:
+      "Controls the size of the undefined dimension of a node or child component using an aspect ration",
+    ...SHARED_SEED_DATA,
+    props: {
+      ratio: createTextProp({
+        label: "Ratio",
+        description: "The aspect ratio of the container",
+        defaultValue: "4/3",
+        group: GROUPS.basic,
+      }),
+    },
+  },
+  {
+    name: "Box",
+    tag: "Box",
+    description:
+      "This is a generic component for low level layout needs. It is similar to a div in HTML",
+    ...SHARED_SEED_DATA,
+  },
+  {
+    name: "Center",
+    tag: "Center",
+    description: "Center aligns its contents to the center within itself",
+    ...SHARED_SEED_DATA,
+  },
+  {
+    name: "Circle",
+    tag: "Circle",
+    description:
+      "Center aligns its contents to the center within itself with a round border radius",
+    ...SHARED_SEED_DATA,
+  },
+  {
+    name: "Container",
+    tag: "Container",
+    description:
+      "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
+    ...SHARED_SEED_DATA,
+  },
+  {
+    name: "Column",
+    tag: "Column",
+    description: "Column aligns items vertically",
+    ...SHARED_SEED_DATA,
+  },
+  {
+    name: "Row",
+    tag: "Row",
+    description: "Column aligns items horizontally",
+    ...SHARED_SEED_DATA,
+  },
+  {
+    name: "Spacer",
+    tag: "Spacer",
+    description:
+      "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
+    ...SHARED_SEED_DATA,
+  },
+  {
+    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",
+      }),
+      isInvalid: createBoolProp({
+        label: "Invalid",
+        description: "If true, the Stack will be invalid",
+      }),
+    },
+  },
+  {
+    name: "ZStack",
+    tag: "ZStack",
+    description: "ZStack aligns items to the z-axis",
+    ...SHARED_SEED_DATA,
+    props: {
+      reversed: createBoolProp({
+        label: "Reversed",
+        description: "Determines whether to reverse the direction of items",
+      }),
+    },
+  },
+];

package/lib/commonjs/components/Row.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _theming = require("../theming");
-var _Config = _interopRequireDefault(require("./Config"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const Row = _ref => {
-  let {
-    titleTypeStyle,
-    titleColor,
-    subtitleTypeStyle,
-    subtitleColor,
-    title,
-    subtitle,
-    multilineSubtitle,
-    image,
-    right,
-    style
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.container, {
-      padding: 16
-    }, style]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.leftContainer
-  }, image && /*#__PURE__*/React.createElement(_reactNative.Image, {
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    style: {
-      marginRight: 12,
-      width: subtitle ? _Config.default.rowMultiLineImageSize : _Config.default.rowSingleLineImageSize,
-      height: subtitle ? _Config.default.rowMultiLineImageSize : _Config.default.rowSingleLineImageSize
-    }
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.textContainer
-  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [titleTypeStyle, {
-      color: titleColor
-    }],
-    numberOfLines: 1
-  }, title), subtitle ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [subtitleTypeStyle, {
-      color: subtitleColor,
-      marginTop: 4
-    }],
-    numberOfLines: multilineSubtitle ? undefined : 1
-  }, subtitle) : null)), right && right());
-};
-const styles = _reactNative.StyleSheet.create({
-  leftContainer: {
-    flexDirection: "row",
-    flex: 1
-  },
-  container: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  textContainer: {
-    flex: 1,
-    justifyContent: "center"
-  }
-});
-var _default = (0, _theming.withTheme)(Row);
-exports.default = _default;

package/lib/commonjs/components/RowBodyIcon.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _theming = require("../theming");
-var _Row = _interopRequireDefault(require("./Row"));
-var _Config = _interopRequireDefault(require("./Config"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const RowBodyIcon = _ref => {
-  let {
-    Icon,
-    title,
-    subtitle,
-    icon,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_Row.default, {
-    titleTypeStyle: typography.body1,
-    titleColor: colors.medium,
-    subtitleTypeStyle: typography.subtitle2,
-    subtitleColor: colors.light,
-    title: title,
-    subtitle: subtitle,
-    right: () => /*#__PURE__*/React.createElement(Icon, {
-      name: icon,
-      size: _Config.default.rowSingleLineIconSize,
-      color: colors.light,
-      style: {
-        marginLeft: 16
-      }
-    }),
-    style: style
-  });
-};
-var _default = (0, _theming.withTheme)(RowBodyIcon);
-exports.default = _default;

package/lib/commonjs/components/RowHeadlineImageCaption.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _theming = require("../theming");
-var _Row = _interopRequireDefault(require("./Row"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const RowHeadlineImageCaption = _ref => {
-  let {
-    title,
-    subtitle,
-    caption,
-    image,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_Row.default, {
-    titleTypeStyle: typography.headline6,
-    titleColor: colors.strong,
-    subtitleTypeStyle: typography.body2,
-    subtitleColor: colors.medium,
-    title: title,
-    subtitle: subtitle,
-    image: image,
-    right: () => /*#__PURE__*/React.createElement(_reactNative.Text, {
-      style: {
-        ...typography.caption,
-        color: colors.strong,
-        marginLeft: 16
-      }
-    }, caption),
-    style: style
-  });
-};
-var _default = (0, _theming.withTheme)(RowHeadlineImageCaption);
-exports.default = _default;

package/lib/commonjs/components/RowHeadlineImageIcon.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _theming = require("../theming");
-var _Row = _interopRequireDefault(require("./Row"));
-var _Config = _interopRequireDefault(require("./Config"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const RowHeadlineImageIcon = _ref => {
-  let {
-    Icon,
-    icon,
-    title,
-    image,
-    subtitle,
-    multilineSubtitle = false,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_Row.default, {
-    titleTypeStyle: typography.headline6,
-    titleColor: colors.strong,
-    subtitleTypeStyle: typography.body2,
-    subtitleColor: colors.medium,
-    title: title,
-    subtitle: subtitle,
-    multilineSubtitle: multilineSubtitle,
-    image: image,
-    right: () => /*#__PURE__*/React.createElement(Icon, {
-      name: icon,
-      size: multilineSubtitle ? _Config.default.rowMultiLineIconSize : _Config.default.rowSingleLineIconSize,
-      color: colors.light,
-      style: {
-        marginLeft: 16,
-        alignSelf: multilineSubtitle ? "flex-start" : "center",
-        marginTop: multilineSubtitle ? 4 : 0
-      }
-    }),
-    style: style
-  });
-};
-var _default = (0, _theming.withTheme)(RowHeadlineImageIcon);
-exports.default = _default;

package/lib/commonjs/components/Table/Table.js

@@ -1,123 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _theming = require("../../theming");
-var _TableCommon = require("./TableCommon");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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.default.useCallback(object => {
-    return object.isTableHeader;
-  }, []);
-  const isRenderItem = data && renderItem;
-
-  //Uses 'renderItem' and 'data' to create an array of children
-  const dataAsChildren = _react.default.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.default.cloneElement(component, {
-        key
-      });
-    });
-  }, [data, renderItem, keyExtractor, isRenderItem]);
-  const children = isRenderItem ? dataAsChildren : _react.default.Children.toArray(childrenProp);
-  const validChildren = _react.default.useMemo(() => children.filter(item => /*#__PURE__*/_react.default.isValidElement(item)), [children]);
-  const childrenWithoutHeader = _react.default.useMemo(() => {
-    const flattenedWithoutNestedHeaders = validChildren.map(item => {
-      const nestedChildren = _react.default.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 && nestedHeaders.length) {
-        //New element excluding header children
-        return /*#__PURE__*/_react.default.cloneElement(item, {
-          children: nestedChildren.filter(child => !isTableHeader(child.props))
-        });
-      }
-      return item;
-    });
-    return flattenedWithoutNestedHeaders.filter(item => !isTableHeader(item.props));
-  }, [validChildren, isTableHeader]);
-  const header = _react.default.useMemo(() => {
-    const flattenedPossibleHeaders = validChildren.map(item => {
-      const nestedChildren = _react.default.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 && 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 = (0, _TableCommon.generateBorderStyles)({
-    borderColor,
-    borderWidth,
-    borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder
-  });
-  return /*#__PURE__*/_react.default.createElement(_TableCommon.TableStyleContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.container, borderViewStyle, style]
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, header), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, rest, childrenWithoutHeader)));
-};
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-var _default = (0, _theming.withTheme)(Table);
-exports.default = _default;
-exports.default = _default;

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

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _TableCommon = require("./TableCommon");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TableCell = _ref => {
-  let {
-    borderWidth,
-    borderColor,
-    borderStyle,
-    drawTopBorder = false,
-    drawBottomBorder = false,
-    drawStartBorder = false,
-    drawEndBorder = true,
-    cellVerticalPadding,
-    cellHorizontalPadding,
-    children,
-    style
-  } = _ref;
-  const parentContextValue = _react.default.useContext(_TableCommon.TableStyleContext);
-  const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
-    borderColor: borderColor || parentContextValue.borderColor,
-    borderWidth: borderWidth || parentContextValue.borderWidth,
-    borderStyle: borderStyle || parentContextValue.borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder
-  });
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.cellContainer, borderViewStyle, {
-      paddingVertical: cellVerticalPadding || parentContextValue.cellVerticalPadding,
-      paddingHorizontal: cellHorizontalPadding || parentContextValue.cellHorizontalPadding
-    }, style]
-  }, children);
-};
-const styles = _reactNative.StyleSheet.create({
-  cellContainer: {
-    flex: 1,
-    flexDirection: "row"
-  }
-});
-var _default = TableCell;
-exports.default = _default;

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

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableStyleContext = void 0;
-exports.generateBorderStyles = generateBorderStyles;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TableStyleContext = /*#__PURE__*/_react.default.createContext({});
-exports.TableStyleContext = TableStyleContext;
-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
-  };
-}