@draftbit/core 46.10.3-93b2ea.2 → 46.10.3-e89832.2

package/lib/module/mappings/Table.js

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-{"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,4 +0,0 @@
-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 +0,0 @@
-{"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/Table.d.ts

@@ -1,337 +0,0 @@
-export declare const SEED_DATA: ({
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        flex: number;
-        flexDirection?: undefined;
-    };
-    props: {
-        borderWidth: {
-            defaultValue: number;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        borderColor: {
-            defaultValue: string;
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-        };
-        borderStyle: {
-            defaultValue: string;
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            options: never[];
-        };
-        drawTopBorder: {
-            defaultValue: boolean;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        cellVerticalPadding: {
-            defaultValue: number;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        cellHorizontalPadding: {
-            defaultValue: number;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        showsVerticalScrollIndicator: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        drawBottomBorder: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        drawStartBorder: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        drawEndBorder: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-    };
-} | {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    stylesPanelSections: string[];
-    props: {
-        drawStartBorder: {
-            defaultValue: boolean;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        drawBottomBorder: {
-            defaultValue: boolean;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        isTableHeader: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        borderWidth: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        borderColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        borderStyle: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        drawTopBorder: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        drawEndBorder: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        cellVerticalPadding: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        cellHorizontalPadding: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-    };
-    layout?: undefined;
-} | {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        flex: number;
-        flexDirection: string;
-    };
-    props: {
-        drawEndBorder: {
-            defaultValue: boolean;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        borderWidth: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        borderColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        borderStyle: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        drawTopBorder: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        drawBottomBorder: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        drawStartBorder: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        cellVerticalPadding: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        cellHorizontalPadding: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-    };
-})[];
-//# sourceMappingURL=Table.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Table.ts"],"names":[],"mappings":"AAsEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmGrB,CAAC"}

package/src/components/Table/Table.js

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