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

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,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"}
+{"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"}

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

@@ -1,22 +1,4 @@
-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 { Table } from "./Table";
+export { default as Table } from "./Table";
 export { default as TableRow } from "./TableRow";
 export { default as TableCell } from "./TableCell";
 //# sourceMappingURL=index.d.ts.map

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,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,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,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,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/lib/typescript/src/mappings/Layout.d.ts

@@ -1,169 +1,133 @@
 export declare const SEED_DATA: ({
-    name: string;
-    tag: string;
-    category: string;
-    stylesPanelSections: string[];
     props: {
-        justifyContent: {
+        ratio: {
             label: string;
-            group: string;
             description: string;
             formType: string;
             propType: string;
-            defaultValue: string;
-            editable: boolean;
-            required: boolean;
-        };
-        alignItems: {
-            label: string;
             group: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: string;
+            defaultValue: null;
             editable: boolean;
             required: boolean;
+            step: number;
         };
-        top?: undefined;
-        right?: undefined;
-        bottom?: undefined;
-        left?: undefined;
-        width?: undefined;
-        height?: undefined;
-        bgColor?: undefined;
-        size?: undefined;
+        centerContent?: undefined;
+        isDisabled?: undefined;
+        isInvalid?: undefined;
+        reversed?: undefined;
     };
+    stylesPanelSections: string[];
+    category: string;
+    packageName: string;
+    name: string;
+    tag: string;
+    description: string;
 } | {
+    category: string;
+    packageName: string;
+    stylesPanelSections: string[];
     name: string;
     tag: string;
+    description: string;
+} | {
     category: string;
+    packageName: string;
+    stylesPanelSections: string[];
+    name: string;
+    tag: string;
+    description: string;
     props: {
-        top: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: number;
-            editable: boolean;
-            required: boolean;
-        };
-        right: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: number;
-            editable: boolean;
-            required: boolean;
-        };
-        bottom: {
+        centerContent: {
             label: string;
             description: string;
             formType: string;
             propType: string;
-            group: string;
-            defaultValue: number;
+            defaultValue: boolean;
             editable: boolean;
             required: boolean;
-        };
-        left: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
             group: string;
-            defaultValue: number;
-            editable: boolean;
-            required: boolean;
         };
-        justifyContent?: undefined;
-        alignItems?: undefined;
-        width?: undefined;
-        height?: undefined;
-        bgColor?: undefined;
-        size?: undefined;
+        ratio?: undefined;
+        isDisabled?: undefined;
+        isInvalid?: undefined;
+        reversed?: undefined;
     };
-    stylesPanelSections?: undefined;
 } | {
+    category: string;
+    packageName: string;
+    stylesPanelSections: string[];
     name: string;
     tag: string;
-    category: string;
+    description: string;
+    layout: {
+        flexDirection: string;
+        flex?: undefined;
+    };
+} | {
     stylesPanelSections: string[];
+    category: string;
+    packageName: string;
+    name: string;
+    tag: string;
+    description: string;
+    layout: {
+        flex: number;
+        flexDirection?: undefined;
+    };
+} | {
     props: {
-        width: {
+        isDisabled: {
             label: string;
             description: string;
             formType: string;
             propType: string;
-            group: string;
-            defaultValue: number;
+            defaultValue: boolean;
             editable: boolean;
             required: boolean;
-        };
-        height: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
             group: string;
-            defaultValue: number;
-            editable: boolean;
-            required: boolean;
         };
-        bgColor: {
+        isInvalid: {
             label: string;
             description: string;
             formType: string;
             propType: string;
+            defaultValue: boolean;
             editable: boolean;
             required: boolean;
-            defaultValue: string;
             group: string;
         };
-        justifyContent?: undefined;
-        alignItems?: undefined;
-        top?: undefined;
-        right?: undefined;
-        bottom?: undefined;
-        left?: undefined;
-        size?: undefined;
+        ratio?: undefined;
+        centerContent?: undefined;
+        reversed?: undefined;
     };
-} | {
-    name: string;
-    tag: string;
     category: string;
+    packageName: string;
     stylesPanelSections: string[];
+    name: string;
+    tag: string;
+    description: string;
+} | {
     props: {
-        size: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: number;
-            editable: boolean;
-            required: boolean;
-        };
-        bgColor: {
+        reversed: {
             label: string;
             description: string;
             formType: string;
             propType: string;
+            defaultValue: boolean;
             editable: boolean;
             required: boolean;
-            defaultValue: string;
             group: string;
         };
-        justifyContent?: undefined;
-        alignItems?: undefined;
-        top?: undefined;
-        right?: undefined;
-        bottom?: undefined;
-        left?: undefined;
-        width?: undefined;
-        height?: undefined;
+        ratio?: undefined;
+        centerContent?: undefined;
+        isDisabled?: undefined;
+        isInvalid?: undefined;
     };
+    category: string;
+    packageName: string;
+    stylesPanelSections: string[];
+    name: string;
+    tag: string;
+    description: string;
 })[];
 //# sourceMappingURL=Layout.d.ts.map

package/lib/typescript/src/mappings/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Layout.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsMrB,CAAC"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Layout.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0HrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.10.3-106fd0.2+106fd09",
+  "version": "46.10.3-1ab4b6.2+1ab4b61",
   "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-106fd0.2+106fd09",
+    "@draftbit/types": "^46.10.3-1ab4b6.2+1ab4b61",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -100,5 +100,5 @@
       ]
     ]
   },
-  "gitHead": "106fd0999d934c3c3ae2330c29909f485fb6987b"
+  "gitHead": "1ab4b613a7ec9e7917fd10087e0d8b672e2641b2"
 }

package/src/components/Table/Table.js

@@ -1,7 +1,8 @@
 import React from "react";
 import { ScrollView, View, StyleSheet, } from "react-native";
-import { generateBorderStyles, TableStyleContext, } from "./index";
-export 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 }) => {
+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 }) => {
     //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");
@@ -89,3 +90,4 @@ const styles = StyleSheet.create({
         flex: 1,
     },
 });
+export default withTheme(Table);

package/src/components/Table/Table.tsx

@@ -7,23 +7,27 @@ import {
   StyleSheet,
   ScrollViewProps,
 } from "react-native";
+import { Theme } from "../../styles/DefaultTheme";
+import { withTheme } from "../../theming";
 import {
   generateBorderStyles,
   TableProps,
   TableStyleContext,
   TableStyleProps,
-} from "./index";
+} 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;
 }
 
-export const Table = <T extends object>({
+const Table = <T extends object>({
+  theme,
   borderWidth = 1,
-  borderColor = "rgba(200, 200, 200, 1)",
+  borderColor = theme.colors.divider,
   borderStyle = "solid",
   drawTopBorder = true,
   drawBottomBorder = false,
@@ -168,3 +172,5 @@ const styles = StyleSheet.create({
     flex: 1,
   },
 });
+
+export default withTheme(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 "./index";
+import { generateBorderStyles, TableStyleContext, } from "./TableCommon";
 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,6 +1,10 @@
 import React from "react";
 import { View, StyleProp, ViewStyle, StyleSheet } from "react-native";
-import { generateBorderStyles, TableProps, TableStyleContext } from "./index";
+import {
+  generateBorderStyles,
+  TableProps,
+  TableStyleContext,
+} from "./TableCommon";
 
 export interface Props extends TableProps {
   style?: StyleProp<ViewStyle>;

package/src/components/Table/TableCommon.js

@@ -0,0 +1,12 @@
+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,
+    };
+}

package/src/components/Table/TableCommon.ts

@@ -0,0 +1,40 @@
+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,
+  };
+}

package/src/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 = ({ 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 "./index";
+} from "./TableCommon";
 import { Theme } from "../../styles/DefaultTheme";
 import { withTheme } from "../../theming";
 

package/src/components/Table/index.js

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