@draftbit/core 46.10.3-106fd0.2 → 46.10.3-1ab4b6.2

package/lib/module/components/DeprecatedButton.js

@@ -1,3 +1,4 @@
+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 { ActivityIndicator, View, Text, StyleSheet, Pressable } from "react-native";
 import color from "color";
@@ -74,8 +75,7 @@ const Button = _ref => {
       elevation,
       alignSelf: "stretch"
     }
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    ...rest,
+  }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -83,7 +83,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle]
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -114,22 +114,4 @@ const styles = StyleSheet.create({
     width: Config.buttonIconSize
   }
 });
-export default withTheme(Button);: 1,
-    style: [textStyle, typography.button]
-  }, children))));
-};
-const styles = StyleSheet.create({
-  button: {
-    minWidth: 64,
-    borderStyle: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    width: Config.buttonIconSize
-  }
-});
 export default withTheme(Button);

package/lib/module/components/IconButton.js

@@ -1,3 +1,4 @@
+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 { View, StyleSheet, ActivityIndicator, Pressable, Platform } from "react-native";
 import { withTheme } from "../theming";
@@ -17,7 +18,7 @@ const IconButton = _ref => {
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
@@ -31,9 +32,8 @@ const IconButton = _ref => {
         alignItems: "center",
         justifyContent: "center"
       }, style];
-    },
-    ...props
-  }, /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
+    }
+  }, props), /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: size - 2,
     color: iconColor
@@ -54,21 +54,4 @@ const styles = StyleSheet.create({
     })
   }
 });
-export default withTheme(IconButton);ement(ActivityIndicator, {
-    size: "small",
-    color: iconColor
-  }) : null));
-};
-const styles = StyleSheet.create({
-  container: {
-    alignItems: "center",
-    justifyContent: "center",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  }
-});
 export default withTheme(IconButton);

package/lib/module/components/Pressable.js

@@ -1,3 +1,4 @@
+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 as NativePressable } from "react-native";
 export default function Pressable(_ref) {
@@ -12,22 +13,8 @@ export default function Pressable(_ref) {
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(NativePressable, {
+  return /*#__PURE__*/React.createElement(NativePressable, _extends({
     onPress: onPress,
-    disabled: disabled,
-    delayLongPress: delayLongPress ? delayLongPress : 500,
-    hitSlop: hitSlop ? hitSlop : 8,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [{
-        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
-      }, style];
-    },
-    ...props
-  }, children);
-} onPress: onPress,
     disabled: disabled,
     delayLongPress: delayLongPress ? delayLongPress : 500,
     hitSlop: hitSlop ? hitSlop : 8,

package/lib/module/components/Shadow.js

@@ -1,3 +1,4 @@
+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 { Shadow as ShadowComponent } from "react-native-shadow-2";
 const Shadow = _ref => {
@@ -16,7 +17,7 @@ const Shadow = _ref => {
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(ShadowComponent, {
+  return /*#__PURE__*/React.createElement(ShadowComponent, _extends({
     offset: [offsetX, offsetY],
     sides: {
       start: showShadowSideStart,
@@ -31,20 +32,6 @@ const Shadow = _ref => {
       bottomEnd: showShadowCornerBottomEnd
     },
     containerStyle: style,
-    paintInside: paintInside,
-    ...rest
-  });
-};
-export default Shadow;hadowSideTop,
-      bottom: showShadowSideBottom
-    },
-    corners: {
-      topStart: showShadowCornerTopStart,
-      topEnd: showShadowCornerTopEnd,
-      bottomStart: showShadowCornerBottomStart,
-      bottomEnd: showShadowCornerBottomEnd
-    },
-    containerStyle: style,
     paintInside: paintInside
   }, rest));
 };

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

@@ -1,10 +1,12 @@
 import React from "react";
 import { ScrollView, View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext } from "./index";
-export const Table = _ref => {
+import { withTheme } from "../../theming";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
+const Table = _ref => {
   let {
+    theme,
     borderWidth = 1,
-    borderColor = "rgba(200, 200, 200, 1)",
+    borderColor = theme.colors.divider,
     borderStyle = "solid",
     drawTopBorder = true,
     drawBottomBorder = false,
@@ -108,7 +110,5 @@ const styles = StyleSheet.create({
   container: {
     flex: 1
   }
-});ainer: {
-    flex: 1
-  }
-});
+});
+export default withTheme(Table);rt default withTheme(Table);

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext } from "./index";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
 const TableCell = _ref => {
   let {
     borderWidth,

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext } from "./index";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
 import { withTheme } from "../../theming";
 const TableRow = _ref => {
   let {
@@ -19,6 +19,7 @@ const TableRow = _ref => {
     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,
@@ -49,4 +50,4 @@ const styles = StyleSheet.create({
     flexDirection: "row"
   }
 });
-export default withTheme(TableRow);;
+export default withTheme(TableRow);

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

@@ -1,24 +1,3 @@
-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
-  };
-}
-export { Table } from "./Table";
+export { default as Table } from "./Table";
 export { default as TableRow } from "./TableRow";
 export { default as TableCell } from "./TableCell";

package/lib/module/components/ToggleButton.js

@@ -1,3 +1,4 @@
+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";
@@ -37,28 +38,13 @@ const ToggleButton = _ref => {
     setInternalValue(!internalValue);
     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/constants.js

@@ -6,5 +6,4 @@ 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/mappings/Layout.js

@@ -1,193 +1,101 @@
-import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, StylesPanelSections } from "@draftbit/types";
-export const SEED_DATA = [{
-  name: "Row",
-  tag: "Row",
-  category: COMPONENT_TYPES.deprecated,
-  stylesPanelSections: [StylesPanelSections.NoStyles],
-  props: {
-    justifyContent: {
-      label: "Align Horizontally",
-      group: GROUPS.style,
-      description: "Align Items Horizontally (on the X Axis)",
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "flex-start",
-      editable: true,
-      required: false
-    },
-    alignItems: {
-      label: "Align Vertically",
-      group: GROUPS.style,
-      description: "Align Items Vertically (on the Y Axis)",
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "flex-start",
-      editable: true,
-      required: false
-    }
-  }
-}, {
-  name: "Spacer",
-  tag: "Spacer",
+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",
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS
+};
+const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = CONTAINER_COMPONENT_STYLES_SECTIONS.filter(item => item !== StylesPanelSections.LayoutFlexItems && item !== StylesPanelSections.LayoutContent);
+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 ratio",
+  ...SHARED_SEED_DATA,
   props: {
-    top: {
-      label: "Top",
-      description: "Top",
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      group: GROUPS.style,
-      defaultValue: 8,
-      editable: true,
-      required: false
-    },
-    right: {
-      label: "Right",
-      description: "Right",
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      group: GROUPS.style,
-      defaultValue: 8,
-      editable: true,
-      required: false
-    },
-    bottom: {
-      label: "Bottom",
-      description: "Bottom",
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      group: GROUPS.style,
-      defaultValue: 8,
-      editable: true,
-      required: false
-    },
-    left: {
-      label: "Left",
-      description: "Left",
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      group: GROUPS.style,
-      defaultValue: 8,
-      editable: true,
-      required: false
-    }
-  }
+    ratio: createStaticNumberProp({
+      label: "Ratio",
+      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: "Stack",
-  tag: "Stack",
-  category: COMPONENT_TYPES.deprecated,
-  stylesPanelSections: [StylesPanelSections.NoStyles],
-  props: {
-    justifyContent: {
-      group: GROUPS.style,
-      label: "Justify",
-      description: "Justify horizontally",
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "flex-start",
-      editable: true,
-      required: false
-    },
-    alignItems: {
-      group: GROUPS.style,
-      label: "Align",
-      description: "Vertical align",
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "flex-start",
-      editable: true,
-      required: false
-    }
-  }
+  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",
-  category: COMPONENT_TYPES.layout,
-  stylesPanelSections: [StylesPanelSections.NoStyles],
-  props: {
-    width: {
-      label: "Width",
-      description: "Width",
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      group: GROUPS.style,
-      defaultValue: 240,
-      editable: true,
-      required: false
-    },
-    height: {
-      label: "Height",
-      description: "Height",
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      group: GROUPS.style,
-      defaultValue: 200,
-      editable: true,
-      required: false
-    },
-    bgColor: {
-      label: "Background Color",
-      description: "Background color",
-      formType: FORM_TYPES.color,
-      propType: PROP_TYPES.THEME,
-      editable: true,
-      required: false,
-      defaultValue: "light",
-      group: GROUPS.style
-    }
-  }
+  description: "Center aligns its contents to the center within itself",
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
 }, {
   name: "Circle",
   tag: "Circle",
-  category: COMPONENT_TYPES.layout,
-  stylesPanelSections: [StylesPanelSections.NoStyles],
+  description: "Center aligns its contents to the center within itself with a round border radius",
+  ...SHARED_SEED_DATA,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
+}, {
+  name: "Container",
+  tag: "Container",
+  description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
   props: {
-    size: {
-      label: "Size",
-      description: "Size",
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      group: GROUPS.style,
-      defaultValue: 50,
-      editable: true,
-      required: false
-    },
-    bgColor: {
-      label: "Background Color",
-      description: "Background color",
-      formType: FORM_TYPES.color,
-      propType: PROP_TYPES.THEME,
-      editable: true,
-      required: false,
-      defaultValue: "light",
-      group: GROUPS.style
-    }
+    centerContent: createStaticBoolProp({
+      label: "Center content",
+      description: "Center child elements based on their content width",
+      defaultValue: true
+    })
+  },
+  ...SHARED_SEED_DATA
+}, {
+  name: "Column",
+  tag: "Column",
+  description: "Column aligns items vertically",
+  layout: {
+    flexDirection: "column"
+  },
+  ...SHARED_SEED_DATA
+}, {
+  name: "Row",
+  tag: "Row",
+  description: "Column aligns items horizontally",
+  layout: {
+    flexDirection: "row"
+  },
+  ...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",
+  layout: {
+    flex: 1
+  },
+  ...SHARED_SEED_DATA,
+  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: {
+    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: "Square",
-  tag: "Square",
-  category: COMPONENT_TYPES.layout,
-  stylesPanelSections: [StylesPanelSections.NoStyles],
+  name: "ZStack",
+  tag: "ZStack",
+  description: "ZStack aligns items to the z-axis",
+  ...SHARED_SEED_DATA,
   props: {
-    size: {
-      label: "Size",
-      description: "Size",
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      group: GROUPS.style,
-      defaultValue: 50,
-      editable: true,
-      required: false
-    },
-    bgColor: {
-      label: "Background Color",
-      description: "Background color",
-      formType: FORM_TYPES.color,
-      propType: PROP_TYPES.THEME,
-      editable: true,
-      required: false,
-      defaultValue: "light",
-      group: GROUPS.style
-    }
+    reversed: createBoolProp({
+      label: "Reversed",
+      description: "Determines whether to reverse the direction of items"
+    })
   }
 }];

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { StyleProp, ViewStyle, ScrollViewProps } from "react-native";
-import { TableProps } from "./index";
+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;
@@ -9,6 +10,10 @@ export interface Props<T> extends TableProps, ScrollViewProps {
         index: number;
     }) => JSX.Element;
     style?: StyleProp<ViewStyle>;
+    theme: Theme;
 }
-export declare const Table: <T extends object>({ borderWidth, borderColor, borderStyle, drawTopBorder, drawBottomBorder, drawStartBorder, drawEndBorder, cellVerticalPadding, cellHorizontalPadding, data, keyExtractor, renderItem, children: childrenProp, style, ...rest }: React.PropsWithChildren<Props<T>>) => JSX.Element;
+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

@@ -1 +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,EAEL,UAAU,EAGX,MAAM,SAAS,CAAC;AAEjB,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;CAC9B;AAED,eAAO,MAAM,KAAK,sSA4IjB,CAAC"}
+{"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

@@ -1,6 +1,6 @@
 import React from "react";
 import { StyleProp, ViewStyle } from "react-native";
-import { TableProps } from "./index";
+import { TableProps } from "./TableCommon";
 export interface Props extends TableProps {
     style?: StyleProp<ViewStyle>;
 }

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

@@ -1 +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,EAAwB,UAAU,EAAqB,MAAM,SAAS,CAAC;AAE9E,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"}
+{"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/Table/TableRow.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { StyleProp, ViewStyle } from "react-native";
-import { TableProps } from "./index";
+import { TableProps } from "./TableCommon";
 import { Theme } from "../../styles/DefaultTheme";
 export interface Props extends TableProps {
     isTableHeader?: boolean;