@draftbit/core 46.9.1-26da3e.2 → 46.9.1-2a60b8.2

package/src/components/Table/Table.tsx

@@ -1,56 +0,0 @@
-import React from "react";
-import { ScrollView, StyleProp, ViewStyle } from "react-native";
-import { Theme } from "../../styles/DefaultTheme";
-import { withTheme } from "../../theming";
-import {
-  generateBorderStyles,
-  TableProps,
-  TableStyleContext,
-  TableStyleProps,
-} from "./TableCommon";
-
-export interface Props extends TableProps {
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-}
-
-const Table: React.FC<React.PropsWithChildren<Props>> = ({
-  theme,
-  borderWidth = 1,
-  borderColor = theme.colors.divider,
-  borderStyle = "solid",
-  drawTopBorder = true,
-  drawBottomBorder = false,
-  drawStartBorder = false,
-  drawEndBorder = false,
-  cellVerticalPadding = 10,
-  cellHorizontalPadding = 10,
-  children,
-  style,
-}) => {
-  const contextValue: TableStyleProps = {
-    borderColor,
-    borderStyle,
-    borderWidth,
-    cellHorizontalPadding,
-    cellVerticalPadding,
-  };
-
-  const borderViewStyle = generateBorderStyles({
-    borderColor,
-    borderWidth,
-    borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder,
-  });
-
-  return (
-    <TableStyleContext.Provider value={contextValue}>
-      <ScrollView style={[borderViewStyle, style]}>{children}</ScrollView>
-    </TableStyleContext.Provider>
-  );
-};
-
-export default withTheme(Table);

package/src/components/Table/TableCell.js

@@ -1,31 +0,0 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-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({
-        borderColor: borderColor || parentContextValue.borderColor,
-        borderWidth: borderWidth || parentContextValue.borderWidth,
-        borderStyle: borderStyle || parentContextValue.borderStyle,
-        drawTopBorder,
-        drawBottomBorder,
-        drawStartBorder,
-        drawEndBorder,
-    });
-    return (React.createElement(View, { style: [
-            styles.cellContainer,
-            borderViewStyle,
-            {
-                paddingVertical: cellVerticalPadding || parentContextValue.cellVerticalPadding,
-                paddingHorizontal: cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
-            },
-            style,
-        ] }, children));
-};
-const styles = StyleSheet.create({
-    cellContainer: {
-        flex: 1,
-        flexDirection: "row",
-    },
-});
-export default TableCell;

package/src/components/Table/TableCell.tsx

@@ -1,63 +0,0 @@
-import React from "react";
-import { View, StyleProp, ViewStyle, StyleSheet } from "react-native";
-import {
-  generateBorderStyles,
-  TableProps,
-  TableStyleContext,
-} from "./TableCommon";
-
-export interface Props extends TableProps {
-  style?: StyleProp<ViewStyle>;
-}
-
-const TableCell: React.FC<React.PropsWithChildren<Props>> = ({
-  borderWidth,
-  borderColor,
-  borderStyle,
-  drawTopBorder = false,
-  drawBottomBorder = false,
-  drawStartBorder = false,
-  drawEndBorder = true,
-  cellVerticalPadding,
-  cellHorizontalPadding,
-  children,
-  style,
-}) => {
-  const parentContextValue = React.useContext(TableStyleContext);
-
-  const borderViewStyle = generateBorderStyles({
-    borderColor: borderColor || parentContextValue.borderColor,
-    borderWidth: borderWidth || parentContextValue.borderWidth,
-    borderStyle: borderStyle || parentContextValue.borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder,
-  });
-  return (
-    <View
-      style={[
-        styles.cellContainer,
-        borderViewStyle,
-        {
-          paddingVertical:
-            cellVerticalPadding || parentContextValue.cellVerticalPadding,
-          paddingHorizontal:
-            cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
-        },
-        style,
-      ]}
-    >
-      {children}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  cellContainer: {
-    flex: 1,
-    flexDirection: "row",
-  },
-});
-
-export default TableCell;

package/src/components/Table/TableCommon.js

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

@@ -1,40 +0,0 @@
-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,32 +0,0 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext, } from "./TableCommon";
-const TableRow = ({ borderWidth, borderColor, borderStyle, drawTopBorder = false, drawBottomBorder = true, drawStartBorder = true, drawEndBorder = false, cellVerticalPadding, cellHorizontalPadding, children, style, }) => {
-    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,
-        borderStyle: borderStyle || parentContextValue.borderStyle,
-        borderWidth: borderWidth || parentContextValue.borderWidth,
-        cellHorizontalPadding: cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
-        cellVerticalPadding: cellVerticalPadding || parentContextValue.cellVerticalPadding,
-    };
-    const borderViewStyle = generateBorderStyles({
-        borderColor: contextValue.borderColor,
-        borderWidth: contextValue.borderWidth,
-        borderStyle: contextValue.borderStyle,
-        drawTopBorder,
-        drawBottomBorder,
-        drawStartBorder,
-        drawEndBorder,
-    });
-    return (React.createElement(TableStyleContext.Provider, { value: contextValue },
-        React.createElement(View, { style: [borderViewStyle, style, styles.cellsContainer] }, children)));
-};
-const styles = StyleSheet.create({
-    cellsContainer: {
-        flex: 1,
-        flexDirection: "row",
-    },
-});
-export default TableRow;

package/src/components/Table/TableRow.tsx

@@ -1,65 +0,0 @@
-import React from "react";
-import { View, StyleProp, ViewStyle, StyleSheet } from "react-native";
-import {
-  generateBorderStyles,
-  TableProps,
-  TableStyleContext,
-  TableStyleProps,
-} from "./TableCommon";
-
-export interface Props extends TableProps {
-  style?: StyleProp<ViewStyle>;
-}
-
-const TableRow: React.FC<React.PropsWithChildren<Props>> = ({
-  borderWidth,
-  borderColor,
-  borderStyle,
-  drawTopBorder = false,
-  drawBottomBorder = true,
-  drawStartBorder = true,
-  drawEndBorder = false,
-  cellVerticalPadding,
-  cellHorizontalPadding,
-  children,
-  style,
-}) => {
-  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: TableStyleProps = {
-    borderColor: borderColor || parentContextValue.borderColor,
-    borderStyle: borderStyle || parentContextValue.borderStyle,
-    borderWidth: borderWidth || parentContextValue.borderWidth,
-    cellHorizontalPadding:
-      cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
-    cellVerticalPadding:
-      cellVerticalPadding || parentContextValue.cellVerticalPadding,
-  };
-
-  const borderViewStyle = generateBorderStyles({
-    borderColor: contextValue.borderColor,
-    borderWidth: contextValue.borderWidth,
-    borderStyle: contextValue.borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder,
-  });
-  return (
-    <TableStyleContext.Provider value={contextValue}>
-      <View style={[borderViewStyle, style, styles.cellsContainer]}>
-        {children}
-      </View>
-    </TableStyleContext.Provider>
-  );
-};
-
-const styles = StyleSheet.create({
-  cellsContainer: {
-    flex: 1,
-    flexDirection: "row",
-  },
-});
-
-export default TableRow;

package/src/components/Table/index.js

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

package/src/mappings/Table.js

@@ -1,137 +0,0 @@
-import { COMPONENT_TYPES, StylesPanelSections, createColorProp, createStaticBoolProp, createStaticNumberProp, BLOCK_STYLES_SECTIONS, CONTAINER_COMPONENT_STYLES_SECTIONS, 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,
-    }),
-};
-export const SEED_DATA = [
-    {
-        name: "Table",
-        tag: "Table",
-        description: "Top level table container",
-        category: COMPONENT_TYPES.table,
-        stylesPanelSections: BLOCK_STYLES_SECTIONS,
-        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: createStaticNumberProp({
-                label: "Cell Vertical Padding",
-                description: "Specifies the vertical padding of the cell. Passed down to child Table Row components unless overridden",
-                required: false,
-                defaultValue: 10,
-            }),
-            cellHorizontalPadding: createStaticNumberProp({
-                label: "Cell Horizontal Padding",
-                description: "Specifies the horizontal padding of the cell. Passed down to child Table Row components unless overridden",
-                required: false,
-                defaultValue: 10,
-            }),
-        },
-    },
-    {
-        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,
-            },
-            cellVerticalPadding: createStaticNumberProp({
-                label: "Cell Vertical Padding",
-                description: "Specifies the vertical padding of the cell. Passed down to child Table Cell components unless overridden",
-                required: false,
-                defaultValue: null,
-            }),
-            cellHorizontalPadding: createStaticNumberProp({
-                label: "Cell Horizontal Padding",
-                description: "Specifies the horizontal padding of the cell. Passed down to child Table Cell components unless overridden",
-                required: false,
-                defaultValue: null,
-            }),
-        },
-    },
-    {
-        name: "Table Cell",
-        tag: "TableCell",
-        description: "Table Cell container",
-        category: COMPONENT_TYPES.table,
-        stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS.filter((item) => item !== StylesPanelSections.Borders),
-        layout: {
-            flex: 1,
-            flexDirection: "row",
-        },
-        props: {
-            ...SHARED_SEED_DATA_PROPS,
-            drawEndBorder: {
-                ...SHARED_SEED_DATA_PROPS.drawEndBorder,
-                defaultValue: true,
-            },
-            cellVerticalPadding: createStaticNumberProp({
-                label: "Vertical Padding",
-                description: "Specifies the vertical padding of the cell",
-                required: false,
-                defaultValue: null,
-            }),
-            cellHorizontalPadding: createStaticNumberProp({
-                label: "Horizontal Padding",
-                description: "Specifies the horizontal padding of the cell",
-                required: false,
-                defaultValue: null,
-            }),
-        },
-    },
-];

package/src/mappings/Table.ts

@@ -1,161 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  StylesPanelSections,
-  createColorProp,
-  createStaticBoolProp,
-  createStaticNumberProp,
-  BLOCK_STYLES_SECTIONS,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-  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,
-  }),
-};
-
-export const SEED_DATA = [
-  {
-    name: "Table",
-    tag: "Table",
-    description: "Top level table container",
-    category: COMPONENT_TYPES.table,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    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: createStaticNumberProp({
-        label: "Cell Vertical Padding",
-        description:
-          "Specifies the vertical padding of the cell. Passed down to child Table Row components unless overridden",
-        required: false,
-        defaultValue: 10,
-      }),
-      cellHorizontalPadding: createStaticNumberProp({
-        label: "Cell Horizontal Padding",
-        description:
-          "Specifies the horizontal padding of the cell. Passed down to child Table Row components unless overridden",
-        required: false,
-        defaultValue: 10,
-      }),
-    },
-  },
-  {
-    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,
-      },
-      cellVerticalPadding: createStaticNumberProp({
-        label: "Cell Vertical Padding",
-        description:
-          "Specifies the vertical padding of the cell. Passed down to child Table Cell components unless overridden",
-        required: false,
-        defaultValue: null,
-      }),
-      cellHorizontalPadding: createStaticNumberProp({
-        label: "Cell Horizontal Padding",
-        description:
-          "Specifies the horizontal padding of the cell. Passed down to child Table Cell components unless overridden",
-        required: false,
-        defaultValue: null,
-      }),
-    },
-  },
-  {
-    name: "Table Cell",
-    tag: "TableCell",
-    description: "Table Cell container",
-    category: COMPONENT_TYPES.table,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS.filter(
-      (item) => item !== StylesPanelSections.Borders
-    ),
-    layout: {
-      flex: 1,
-      flexDirection: "row",
-    },
-    props: {
-      ...SHARED_SEED_DATA_PROPS,
-      drawEndBorder: {
-        ...SHARED_SEED_DATA_PROPS.drawEndBorder,
-        defaultValue: true,
-      },
-      cellVerticalPadding: createStaticNumberProp({
-        label: "Vertical Padding",
-        description: "Specifies the vertical padding of the cell",
-        required: false,
-        defaultValue: null,
-      }),
-      cellHorizontalPadding: createStaticNumberProp({
-        label: "Horizontal Padding",
-        description: "Specifies the horizontal padding of the cell",
-        required: false,
-        defaultValue: null,
-      }),
-    },
-  },
-];