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

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

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _TableCommon = require("./TableCommon");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TableCell = _ref => {
-  let {
-    borderWidth,
-    borderColor,
-    borderStyle,
-    drawTopBorder = false,
-    drawBottomBorder = false,
-    drawStartBorder = false,
-    drawEndBorder = true,
-    cellVerticalPadding,
-    cellHorizontalPadding,
-    children,
-    style
-  } = _ref;
-  const parentContextValue = _react.default.useContext(_TableCommon.TableStyleContext);
-  const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
-    borderColor: borderColor || parentContextValue.borderColor,
-    borderWidth: borderWidth || parentContextValue.borderWidth,
-    borderStyle: borderStyle || parentContextValue.borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder
-  });
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.cellContainer, borderViewStyle, {
-      paddingVertical: cellVerticalPadding || parentContextValue.cellVerticalPadding,
-      paddingHorizontal: cellHorizontalPadding || parentContextValue.cellHorizontalPadding
-    }, style]
-  }, children);
-};
-const styles = _reactNative.StyleSheet.create({
-  cellContainer: {
-    flex: 1,
-    flexDirection: "row"
-  }
-});
-var _default = TableCell;
-exports.default = _default;

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

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableStyleContext = void 0;
-exports.generateBorderStyles = generateBorderStyles;
-var _react = _interopRequireDefault(require("react"));
-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/commonjs/components/Table/TableRow.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _TableCommon = require("./TableCommon");
-var _theming = require("../../theming");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TableRow = _ref => {
-  let {
-    borderWidth,
-    borderColor,
-    borderStyle,
-    drawTopBorder = false,
-    drawBottomBorder = true,
-    drawStartBorder = true,
-    drawEndBorder = false,
-    cellVerticalPadding,
-    cellHorizontalPadding,
-    isTableHeader = false,
-    children,
-    style,
-    theme
-  } = _ref;
-  const parentContextValue = _react.default.useContext(_TableCommon.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 = (0, _TableCommon.generateBorderStyles)({
-    borderColor: contextValue.borderColor,
-    borderWidth: contextValue.borderWidth,
-    borderStyle: contextValue.borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder
-  });
-  return /*#__PURE__*/_react.default.createElement(_TableCommon.TableStyleContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [borderViewStyle, isTableHeader ? {
-      backgroundColor: theme.colors.primary
-    } : {}, style, styles.cellsContainer]
-  }, children));
-};
-const styles = _reactNative.StyleSheet.create({
-  cellsContainer: {
-    flexDirection: "row"
-  }
-});
-var _default = (0, _theming.withTheme)(TableRow);
-exports.default = _default;

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

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function () {
-    return _Table.default;
-  }
-});
-Object.defineProperty(exports, "TableCell", {
-  enumerable: true,
-  get: function () {
-    return _TableCell.default;
-  }
-});
-Object.defineProperty(exports, "TableRow", {
-  enumerable: true,
-  get: function () {
-    return _TableRow.default;
-  }
-});
-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 }; }

package/lib/commonjs/mappings/Container.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Container",
-  tag: "Container",
-  description: "A container component with gutter padding",
-  category: _types.COMPONENT_TYPES.deprecated,
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {
-    height: 250
-  },
-  props: {
-    useThemeGutterPadding: {
-      group: _types.GROUPS.basic,
-      label: "Use gutter padding",
-      description: "When true, uses the theme gutter spacing as the container's horizontal padding",
-      formType: _types.FORM_TYPES.boolean,
-      propType: _types.PROP_TYPES.BOOLEAN,
-      defaultValue: false,
-      editable: false,
-      required: true
-    },
-    backgroundImage: (0, _types.createImageProp)({
-      label: "Background Image",
-      description: "Apply a custom background image",
-      defaultValue: null
-    }),
-    backgroundImageResizeMode: (0, _types.createResizeModeProp)(),
-    elevation: (0, _types.createElevationType)(0)
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Table.js

@@ -1,140 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SHARED_SEED_DATA_PROPS = {
-  borderWidth: (0, _types.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: (0, _types.createColorProp)({
-    label: "Border Color",
-    description: "Specifies the color of the border. Passed down to child Table(Row/Cell) components unless overridden",
-    defaultValue: null
-  }),
-  borderStyle: (0, _types.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: (0, _types.createStaticBoolProp)({
-    label: "Draw Top Border",
-    description: "Whether to draw the top border at this layer of the Table tree or not",
-    defaultValue: false
-  }),
-  drawBottomBorder: (0, _types.createStaticBoolProp)({
-    label: "Draw Bottom Border",
-    description: "Whether to draw the bottom border at this layer of the Table tree or not",
-    defaultValue: false
-  }),
-  drawStartBorder: (0, _types.createStaticBoolProp)({
-    label: "Draw Start Border",
-    description: "Whether to draw the start border at this layer of the Table tree or not",
-    defaultValue: false
-  }),
-  drawEndBorder: (0, _types.createStaticBoolProp)({
-    label: "Draw End Border",
-    description: "Whether to draw the end border at this layer of the Table tree or not",
-    defaultValue: false
-  }),
-  cellVerticalPadding: (0, _types.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: (0, _types.createStaticNumberProp)({
-    label: "Cell Horizontal Padding",
-    description: "Specifies the horizontal padding of the cell. Passed down to TableCell components unless overridden",
-    required: false,
-    defaultValue: null
-  })
-};
-const SEED_DATA = [{
-  name: "Table",
-  tag: "Table",
-  description: "Top level table container",
-  category: _types.COMPONENT_TYPES.table,
-  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects, _types.StylesPanelSections.Background, _types.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: (0, _types.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: _types.COMPONENT_TYPES.table,
-  stylesPanelSections: [_types.StylesPanelSections.Background],
-  props: {
-    ...SHARED_SEED_DATA_PROPS,
-    drawStartBorder: {
-      ...SHARED_SEED_DATA_PROPS.drawStartBorder,
-      defaultValue: true
-    },
-    drawBottomBorder: {
-      ...SHARED_SEED_DATA_PROPS.drawBottomBorder,
-      defaultValue: true
-    },
-    isTableHeader: (0, _types.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: _types.COMPONENT_TYPES.table,
-  stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
-  layout: {
-    flex: 1,
-    flexDirection: "row"
-  },
-  props: {
-    ...SHARED_SEED_DATA_PROPS,
-    drawEndBorder: {
-      ...SHARED_SEED_DATA_PROPS.drawEndBorder,
-      defaultValue: true
-    }
-  }
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/components/Container.js

@@ -1,83 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import * as React from "react";
-import { View, ImageBackground, StyleSheet } from "react-native";
-import { withTheme } from "../theming";
-import Elevation from "./Elevation";
-const Container = _ref => {
-  let {
-    useThemeGutterPadding,
-    borderColor,
-    borderWidth,
-    backgroundColor,
-    backgroundImage,
-    backgroundImageResizeMode,
-    elevation,
-    style,
-    children,
-    theme,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
-    ...rest
-  } = _ref;
-  const {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal,
-    ...styleProp
-  } = StyleSheet.flatten(style) || {};
-  const containerStyle = {
-    backgroundColor,
-    borderColor,
-    borderWidth,
-    width: "100%",
-    ...styleProp
-  };
-  const innerStyle = {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0
-  };
-  const Wrap = elevation ? Elevation : View;
-  if (elevation) containerStyle.elevation = elevation;
-  return /*#__PURE__*/React.createElement(Wrap, _extends({
-    style: [containerStyle, style]
-  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(ImageBackground, {
-    source: typeof backgroundImage === "string" ? {
-      uri: backgroundImage
-    } : backgroundImage,
-    resizeMode: backgroundImageResizeMode,
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: innerStyle
-  }, children)) : /*#__PURE__*/React.createElement(View, {
-    style: innerStyle
-  }, children));
-};
-export default withTheme(Container);

package/lib/module/components/Row.js

@@ -1,63 +0,0 @@
-import * as React from "react";
-import { View, Text, Image, StyleSheet } from "react-native";
-import { withTheme } from "../theming";
-import Config from "./Config";
-const Row = _ref => {
-  let {
-    titleTypeStyle,
-    titleColor,
-    subtitleTypeStyle,
-    subtitleColor,
-    title,
-    subtitle,
-    multilineSubtitle,
-    image,
-    right,
-    style
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      padding: 16
-    }, style]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.leftContainer
-  }, image && /*#__PURE__*/React.createElement(Image, {
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    style: {
-      marginRight: 12,
-      width: subtitle ? Config.rowMultiLineImageSize : Config.rowSingleLineImageSize,
-      height: subtitle ? Config.rowMultiLineImageSize : Config.rowSingleLineImageSize
-    }
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.textContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [titleTypeStyle, {
-      color: titleColor
-    }],
-    numberOfLines: 1
-  }, title), subtitle ? /*#__PURE__*/React.createElement(Text, {
-    style: [subtitleTypeStyle, {
-      color: subtitleColor,
-      marginTop: 4
-    }],
-    numberOfLines: multilineSubtitle ? undefined : 1
-  }, subtitle) : null)), right && right());
-};
-const styles = StyleSheet.create({
-  leftContainer: {
-    flexDirection: "row",
-    flex: 1
-  },
-  container: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  textContainer: {
-    flex: 1,
-    justifyContent: "center"
-  }
-});
-export default withTheme(Row);

package/lib/module/components/RowBodyIcon.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Row from "./Row";
-import Config from "./Config";
-const RowBodyIcon = _ref => {
-  let {
-    Icon,
-    title,
-    subtitle,
-    icon,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Row, {
-    titleTypeStyle: typography.body1,
-    titleColor: colors.medium,
-    subtitleTypeStyle: typography.subtitle2,
-    subtitleColor: colors.light,
-    title: title,
-    subtitle: subtitle,
-    right: () => /*#__PURE__*/React.createElement(Icon, {
-      name: icon,
-      size: Config.rowSingleLineIconSize,
-      color: colors.light,
-      style: {
-        marginLeft: 16
-      }
-    }),
-    style: style
-  });
-};
-export default withTheme(RowBodyIcon);

package/lib/module/components/RowHeadlineImageCaption.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { Text } from "react-native";
-import { withTheme } from "../theming";
-import Row from "./Row";
-const RowHeadlineImageCaption = _ref => {
-  let {
-    title,
-    subtitle,
-    caption,
-    image,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Row, {
-    titleTypeStyle: typography.headline6,
-    titleColor: colors.strong,
-    subtitleTypeStyle: typography.body2,
-    subtitleColor: colors.medium,
-    title: title,
-    subtitle: subtitle,
-    image: image,
-    right: () => /*#__PURE__*/React.createElement(Text, {
-      style: {
-        ...typography.caption,
-        color: colors.strong,
-        marginLeft: 16
-      }
-    }, caption),
-    style: style
-  });
-};
-export default withTheme(RowHeadlineImageCaption);

package/lib/module/components/RowHeadlineImageIcon.js

@@ -1,41 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Row from "./Row";
-import Config from "./Config";
-const RowHeadlineImageIcon = _ref => {
-  let {
-    Icon,
-    icon,
-    title,
-    image,
-    subtitle,
-    multilineSubtitle = false,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Row, {
-    titleTypeStyle: typography.headline6,
-    titleColor: colors.strong,
-    subtitleTypeStyle: typography.body2,
-    subtitleColor: colors.medium,
-    title: title,
-    subtitle: subtitle,
-    multilineSubtitle: multilineSubtitle,
-    image: image,
-    right: () => /*#__PURE__*/React.createElement(Icon, {
-      name: icon,
-      size: multilineSubtitle ? Config.rowMultiLineIconSize : Config.rowSingleLineIconSize,
-      color: colors.light,
-      style: {
-        marginLeft: 16,
-        alignSelf: multilineSubtitle ? "flex-start" : "center",
-        marginTop: multilineSubtitle ? 4 : 0
-      }
-    }),
-    style: style
-  });
-};
-export default withTheme(RowHeadlineImageIcon);