@draftbit/core 46.10.3-1b8e7d.2 → 46.10.3-258cfa.2

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js

@@ -13,7 +13,8 @@ var _utilities = require("../../utilities");
 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; }
-var Direction;
+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); }
+let Direction;
 exports.Direction = Direction;
 (function (Direction) {
   Direction["Row"] = "row";
@@ -71,14 +72,13 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled,
-    ...rest
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled
+  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -117,22 +117,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = CheckboxGroupRow;
-exports.default = _default;center",
-    justifyContent: "space-around",
-    paddingStart: 20,
-    minHeight: 50,
-    paddingEnd: 20,
-    display: "flex",
-    ..._reactNative.Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  },
-  label: {
-    flex: 3
-  }
-});
-var _default = CheckboxGroupRow;
 exports.default = _default;

package/lib/commonjs/components/Checkbox/CheckboxRow.js

@@ -14,7 +14,8 @@ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 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; }
-var Direction;
+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); }
+let Direction;
 exports.Direction = Direction;
 (function (Direction) {
   Direction["Row"] = "row";
@@ -57,6 +58,7 @@ const CheckboxRow = _ref => {
       setInternalValue(status);
     }
   }, [status]);
+
   // This special logic is to handle weird APIs like Airtable that return
   // true or undefined for a boolean
   const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -80,14 +82,13 @@ const CheckboxRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
     onPress: handlePress,
     style: [viewStyles, styles.mainParent, {
       flexDirection: direction
     }],
-    disabled: disabled,
-    ...rest
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled
+  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -124,22 +125,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = CheckboxRow;
-exports.default = _default;ems: "center",
-    justifyContent: "space-around",
-    paddingStart: 20,
-    minHeight: 50,
-    paddingEnd: 20,
-    display: "flex",
-    ..._reactNative.Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  },
-  label: {
-    flex: 3
-  }
-});
-var _default = CheckboxRow;
 exports.default = _default;

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

@@ -6,14 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _theming = require("../../theming");
-var _TableCommon = require("./TableCommon");
+var _index = require("./index");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Table = _ref => {
   let {
-    theme,
     borderWidth = 1,
-    borderColor = theme.colors.divider,
+    borderColor = "rgba(200, 200, 200, 1)",
     borderStyle = "solid",
     drawTopBorder = true,
     drawBottomBorder = false,
@@ -98,7 +96,7 @@ const Table = _ref => {
     cellHorizontalPadding,
     cellVerticalPadding
   };
-  const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
+  const borderViewStyle = (0, _index.generateBorderStyles)({
     borderColor,
     borderWidth,
     borderStyle,
@@ -107,7 +105,7 @@ const Table = _ref => {
     drawStartBorder,
     drawEndBorder
   });
-  return /*#__PURE__*/_react.default.createElement(_TableCommon.TableStyleContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_index.TableStyleContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, borderViewStyle, style]
@@ -118,6 +116,6 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1
   }
 });
-var _default = (0, _theming.withTheme)(Table);
+var _default = Table;
 exports.default = _default;
 exports.default = _default;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _TableCommon = require("./TableCommon");
+var _index = require("./index");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TableCell = _ref => {
   let {
@@ -22,8 +22,8 @@ const TableCell = _ref => {
     children,
     style
   } = _ref;
-  const parentContextValue = _react.default.useContext(_TableCommon.TableStyleContext);
-  const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
+  const parentContextValue = _react.default.useContext(_index.TableStyleContext);
+  const borderViewStyle = (0, _index.generateBorderStyles)({
     borderColor: borderColor || parentContextValue.borderColor,
     borderWidth: borderWidth || parentContextValue.borderWidth,
     borderStyle: borderStyle || parentContextValue.borderStyle,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _TableCommon = require("./TableCommon");
+var _index = require("./index");
 var _theming = require("../../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TableRow = _ref => {
@@ -25,7 +25,7 @@ const TableRow = _ref => {
     style,
     theme
   } = _ref;
-  const parentContextValue = _react.default.useContext(_TableCommon.TableStyleContext);
+  const parentContextValue = _react.default.useContext(_index.TableStyleContext);
 
   //Create context to use and pass to children based on own props or fall back to parent provided context
   const contextValue = {
@@ -35,7 +35,7 @@ const TableRow = _ref => {
     cellHorizontalPadding: cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
     cellVerticalPadding: cellVerticalPadding || parentContextValue.cellVerticalPadding
   };
-  const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
+  const borderViewStyle = (0, _index.generateBorderStyles)({
     borderColor: contextValue.borderColor,
     borderWidth: contextValue.borderWidth,
     borderStyle: contextValue.borderStyle,
@@ -44,7 +44,7 @@ const TableRow = _ref => {
     drawStartBorder,
     drawEndBorder
   });
-  return /*#__PURE__*/_react.default.createElement(_TableCommon.TableStyleContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_index.TableStyleContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [borderViewStyle, isTableHeader ? {

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

@@ -21,7 +21,31 @@ Object.defineProperty(exports, "TableRow", {
     return _TableRow.default;
   }
 });
+exports.TableStyleContext = void 0;
+exports.generateBorderStyles = generateBorderStyles;
+var _react = _interopRequireDefault(require("react"));
 var _Table = _interopRequireDefault(require("./Table"));
 var _TableRow = _interopRequireDefault(require("./TableRow"));
 var _TableCell = _interopRequireDefault(require("./TableCell"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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
+  };
+}

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

@@ -1,12 +1,10 @@
 import React from "react";
 import { ScrollView, View, StyleSheet } from "react-native";
-import { withTheme } from "../../theming";
-import { generateBorderStyles, TableStyleContext } from "./TableCommon";
+import { generateBorderStyles, TableStyleContext } from "./index";
 const Table = _ref => {
   let {
-    theme,
     borderWidth = 1,
-    borderColor = theme.colors.divider,
+    borderColor = "rgba(200, 200, 200, 1)",
     borderStyle = "solid",
     drawTopBorder = true,
     drawBottomBorder = false,
@@ -111,4 +109,6 @@ const styles = StyleSheet.create({
     flex: 1
   }
 });
-export default withTheme(Table);rt default withTheme(Table);
+export default Table; }
+});
+export default 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 "./TableCommon";
+import { generateBorderStyles, TableStyleContext } from "./index";
 const TableCell = _ref => {
   let {
     borderWidth,

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 "./TableCommon";
+import { generateBorderStyles, TableStyleContext } from "./index";
 import { withTheme } from "../../theming";
 const TableRow = _ref => {
   let {

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

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

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

@@ -1,7 +1,6 @@
 import React from "react";
 import { StyleProp, ViewStyle, ScrollViewProps } from "react-native";
-import { Theme } from "../../styles/DefaultTheme";
-import { TableProps } from "./TableCommon";
+import { TableProps } from "./index";
 export interface Props<T> extends TableProps, ScrollViewProps {
     data?: Array<T>;
     keyExtractor?: (item: T, index: number) => string;
@@ -10,10 +9,7 @@ export interface Props<T> extends TableProps, ScrollViewProps {
         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;
+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;
+export default Table;
 //# 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,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"}
+{"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,QAAA,MAAM,KAAK,sSA4IV,CAAC;AAQF,eAAe,KAAK,CAAC"}

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 "./TableCommon";
+import { TableProps } from "./index";
 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,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"}
+{"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"}

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 "./TableCommon";
+import { TableProps } from "./index";
 import { Theme } from "../../styles/DefaultTheme";
 export interface Props extends TableProps {
     isTableHeader?: boolean;

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

@@ -1 +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"}
+{"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,SAAS,CAAC;AACjB,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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/index.tsx"],"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;AAED,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.10.3-1b8e7d.2+1b8e7d9",
+  "version": "46.10.3-258cfa.2+258cfa9",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.10.3-1b8e7d.2+1b8e7d9",
+    "@draftbit/types": "^46.10.3-258cfa.2+258cfa9",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -100,5 +100,5 @@
       ]
     ]
   },
-  "gitHead": "1b8e7d999bcf917e51c9ecfdbc790351add0ac9f"
+  "gitHead": "258cfa910e2606db46e99152e4499d8fb6e17174"
 }

package/src/components/Table/Table.js

@@ -1,8 +1,7 @@
 import React from "react";
 import { ScrollView, View, StyleSheet, } from "react-native";
-import { withTheme } from "../../theming";
-import { generateBorderStyles, TableStyleContext, } from "./TableCommon";
-const Table = ({ 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 }) => {
+import { generateBorderStyles, TableStyleContext, } from "./index";
+const Table = ({ borderWidth = 1, borderColor = "rgba(200, 200, 200, 1)", borderStyle = "solid", drawTopBorder = true, drawBottomBorder = false, drawStartBorder = false, drawEndBorder = false, cellVerticalPadding = 10, cellHorizontalPadding = 10, data, keyExtractor, renderItem, children: childrenProp, style, ...rest }) => {
     //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");
@@ -90,4 +89,4 @@ const styles = StyleSheet.create({
         flex: 1,
     },
 });
-export default withTheme(Table);
+export default Table;

package/src/components/Table/Table.tsx

@@ -7,27 +7,23 @@ import {
   StyleSheet,
   ScrollViewProps,
 } from "react-native";
-import { Theme } from "../../styles/DefaultTheme";
-import { withTheme } from "../../theming";
 import {
   generateBorderStyles,
   TableProps,
   TableStyleContext,
   TableStyleProps,
-} from "./TableCommon";
+} from "./index";
 
 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;
 }
 
 const Table = <T extends object>({
-  theme,
   borderWidth = 1,
-  borderColor = theme.colors.divider,
+  borderColor = "rgba(200, 200, 200, 1)",
   borderStyle = "solid",
   drawTopBorder = true,
   drawBottomBorder = false,
@@ -173,4 +169,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default withTheme(Table);
+export default Table;

package/src/components/Table/TableCell.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext, } from "./TableCommon";
+import { generateBorderStyles, TableStyleContext } from "./index";
 const TableCell = ({ borderWidth, borderColor, borderStyle, drawTopBorder = false, drawBottomBorder = false, drawStartBorder = false, drawEndBorder = true, cellVerticalPadding, cellHorizontalPadding, children, style, }) => {
     const parentContextValue = React.useContext(TableStyleContext);
     const borderViewStyle = generateBorderStyles({

package/src/components/Table/TableCell.tsx

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

package/src/components/Table/TableRow.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext, } from "./TableCommon";
+import { generateBorderStyles, TableStyleContext, } from "./index";
 import { withTheme } from "../../theming";
 const TableRow = ({ borderWidth, borderColor, borderStyle, drawTopBorder = false, drawBottomBorder = true, drawStartBorder = true, drawEndBorder = false, cellVerticalPadding, cellHorizontalPadding, isTableHeader = false, children, style, theme, }) => {
     const parentContextValue = React.useContext(TableStyleContext);

package/src/components/Table/TableRow.tsx

@@ -5,7 +5,7 @@ import {
   TableProps,
   TableStyleContext,
   TableStyleProps,
-} from "./TableCommon";
+} from "./index";
 import { Theme } from "../../styles/DefaultTheme";
 import { withTheme } from "../../theming";
 

package/src/components/Table/index.js

@@ -1,3 +1,15 @@
+import React from "react";
+export const TableStyleContext = React.createContext({});
+export function generateBorderStyles({ borderColor, borderWidth, borderStyle, drawTopBorder, drawBottomBorder, drawStartBorder, drawEndBorder, }) {
+    return {
+        borderColor,
+        borderStyle,
+        borderTopWidth: drawTopBorder ? borderWidth : 0,
+        borderBottomWidth: drawBottomBorder ? borderWidth : 0,
+        borderStartWidth: drawStartBorder ? borderWidth : 0,
+        borderEndWidth: drawEndBorder ? borderWidth : 0,
+    };
+}
 export { default as Table } from "./Table";
 export { default as TableRow } from "./TableRow";
 export { default as TableCell } from "./TableCell";

package/src/components/Table/index.tsx

@@ -1,3 +1,44 @@
+import React from "react";
+import { ViewStyle } from "react-native";
+
+type BorderStyle = "solid" | "dotted" | "dashed";
+
+export const TableStyleContext = React.createContext<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 function generateBorderStyles({
+  borderColor,
+  borderWidth,
+  borderStyle,
+  drawTopBorder,
+  drawBottomBorder,
+  drawStartBorder,
+  drawEndBorder,
+}: TableProps): ViewStyle {
+  return {
+    borderColor,
+    borderStyle,
+    borderTopWidth: drawTopBorder ? borderWidth : 0,
+    borderBottomWidth: drawBottomBorder ? borderWidth : 0,
+    borderStartWidth: drawStartBorder ? borderWidth : 0,
+    borderEndWidth: drawEndBorder ? borderWidth : 0,
+  };
+}
+
 export { default as Table } from "./Table";
 export { default as TableRow } from "./TableRow";
 export { default as TableCell } from "./TableCell";

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _theming = require("../theming");
-var _Touchable = _interopRequireDefault(require("./Touchable"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-const getWidth = numColumns => {
-  switch (numColumns) {
-    case 1:
-      return "33%";
-    case 2:
-      return "50%";
-    default:
-      return "100%";
-  }
-};
-const Card = _ref => {
-  let {
-    numColumns = 3,
-    children,
-    onPress,
-    style,
-    ...rest
-  } = _ref;
-  const width = getWidth(numColumns);
-  return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
-    disabled: !onPress,
-    onPress: onPress,
-    style: [style, {
-      width
-    }]
-  }, rest), children);
-};
-var _default = (0, _theming.withTheme)(Card);
-exports.default = _default;