@draftbit/core 46.2.4-023e4d.5 → 46.2.4-043a09.5

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _theming = require("../../theming");
+
+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 TableHeader = _ref => {
+  let {
+    children,
+    style,
+    theme,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.wrapper, {
+      borderBottomColor: theme.colors.medium
+    }, style]
+  }), children);
+};
+
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    display: "flex",
+    flexDirection: "row"
+  }
+});
+
+var _default = (0, _theming.withTheme)(TableHeader);
+
+exports.default = _default;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TablePaginator = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Table Paginator"));
+
+var _default = TablePaginator;
+exports.default = _default;

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _theming = require("../../theming");
+
+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 TableRow = _ref => {
+  let {
+    children,
+    style,
+    theme,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.container, {
+      borderBottomColor: theme.colors.light
+    }, style]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content
+  }, children));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    display: "flex",
+    flexDirection: "row"
+  },
+  content: {
+    flex: 1,
+    flexDirection: "row"
+  }
+});
+
+var _default = (0, _theming.withTheme)(TableRow);
+
+exports.default = _default;

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _utilities = require("../../utilities");
+
+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 TableTitle = _ref => {
+  let {
+    children,
+    style,
+    numeric = false,
+    isAscending = false,
+    numberOfLines = 1,
+    title,
+    ...rest
+  } = _ref;
+  const {
+    textStyles,
+    viewStyles
+  } = (0, _utilities.extractStyles)(style);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [styles.wrapper, numeric && styles.right, viewStyles]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [isAscending ? styles.sorted : {
+      color: "gray"
+    }, textStyles],
+    numberOfLines: numberOfLines
+  }, children, title));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "row"
+  },
+  right: {
+    justifyContent: "flex-end"
+  },
+  sorted: {// marginLeft: 8,
+  },
+  icon: {
+    height: 24,
+    justifyContent: "center"
+  }
+});
+
+var _default = TableTitle;
+exports.default = _default;

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

@@ -0,0 +1,55 @@
+"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, "TableHeader", {
+  enumerable: true,
+  get: function () {
+    return _TableHeader.default;
+  }
+});
+Object.defineProperty(exports, "TablePaginator", {
+  enumerable: true,
+  get: function () {
+    return _TablePaginator.default;
+  }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function () {
+    return _TableRow.default;
+  }
+});
+Object.defineProperty(exports, "TableTitle", {
+  enumerable: true,
+  get: function () {
+    return _TableTitle.default;
+  }
+});
+
+var _Table = _interopRequireDefault(require("./Table"));
+
+var _TableHeader = _interopRequireDefault(require("./TableHeader"));
+
+var _TablePaginator = _interopRequireDefault(require("./TablePaginator"));
+
+var _TableRow = _interopRequireDefault(require("./TableRow"));
+
+var _TableCell = _interopRequireDefault(require("./TableCell"));
+
+var _TableTitle = _interopRequireDefault(require("./TableTitle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/commonjs/components/Text.js

@@ -15,17 +15,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-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); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class Text extends React.Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "_root", void 0);
-  }
-
   setNativeProps(args) {
     return this._root && this._root.setNativeProps(args);
   }
@@ -36,7 +26,43 @@ class Text extends React.Component {
       ...rest
     } = this.props;
     const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, { ...rest,
+      ref: c => {
+        this._root = c;
+      },
+      style: [{
+        textAlign: "left",
+        writingDirection
+      }, style]
+    });
+  }
+
+}
+
+const BaseLink = _ref => {
+  let {
+    style,
+    theme,
+    title,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Text, {
+    hitSlop: 8,
+    style: [{
+      color: theme.colors.primary
+    }, style],
+    theme: theme,
+    ...props
+  }, title);
+};
+
+exports.BaseLink = BaseLink;
+const Link = (0, _theming.withTheme)(BaseLink);
+exports.Link = Link;
+
+var _default = (0, _theming.withTheme)(Text);
+
+exports.default = _default;/React.createElement(_reactNative.Text, _extends({}, rest, {
       ref: c => {
         this._root = c;
       },

package/lib/commonjs/components/Touchable.js

@@ -11,8 +11,6 @@ var _reactNative = require("react-native");
 
 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); }
-
 function Touchable(_ref) {
   let {
     children,
@@ -21,6 +19,22 @@ function Touchable(_ref) {
     style,
     ...props
   } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    hitSlop: 8,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [{
+        opacity: pressed || disabled ? 0.75 : 1
+      }, style];
+    },
+    ...props
+  }, children);
+}rops
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: disabled,

package/lib/commonjs/index.js

@@ -291,6 +291,12 @@ Object.defineProperty(exports, "RowHeadlineImageIcon", {
     return _RowHeadlineImageIcon.default;
   }
 });
+Object.defineProperty(exports, "SVG", {
+  enumerable: true,
+  get: function () {
+    return _SVG.default;
+  }
+});
 Object.defineProperty(exports, "ScreenContainer", {
   enumerable: true,
   get: function () {
@@ -339,12 +345,6 @@ Object.defineProperty(exports, "Surface", {
     return _Surface.default;
   }
 });
-Object.defineProperty(exports, "Svg", {
-  enumerable: true,
-  get: function () {
-    return _Svg.default;
-  }
-});
 Object.defineProperty(exports, "Swiper", {
   enumerable: true,
   get: function () {
@@ -369,6 +369,42 @@ Object.defineProperty(exports, "SwitchRow", {
     return _Switch.SwitchRow;
   }
 });
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () {
+    return _Table.Table;
+  }
+});
+Object.defineProperty(exports, "TableCell", {
+  enumerable: true,
+  get: function () {
+    return _Table.TableCell;
+  }
+});
+Object.defineProperty(exports, "TableHeader", {
+  enumerable: true,
+  get: function () {
+    return _Table.TableHeader;
+  }
+});
+Object.defineProperty(exports, "TablePaginator", {
+  enumerable: true,
+  get: function () {
+    return _Table.TablePaginator;
+  }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function () {
+    return _Table.TableRow;
+  }
+});
+Object.defineProperty(exports, "TableTitle", {
+  enumerable: true,
+  get: function () {
+    return _Table.TableTitle;
+  }
+});
 Object.defineProperty(exports, "TextField", {
   enumerable: true,
   get: function () {
@@ -448,7 +484,7 @@ var _IconButton = _interopRequireDefault(require("./components/IconButton"));
 
 var _Image = _interopRequireDefault(require("./components/Image"));
 
-var _Svg = _interopRequireDefault(require("./components/Svg"));
+var _SVG = _interopRequireDefault(require("./components/SVG"));
 
 var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
 
@@ -476,6 +512,8 @@ var _Layout = require("./components/Layout");
 
 var _index = require("./components/RadioButton/index");
 
+var _Table = require("./components/Table");
+
 var _DeprecatedButton = _interopRequireDefault(require("./components/DeprecatedButton"));
 
 var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));

package/lib/commonjs/mappings/{Svg.js → SVG.js}

@@ -11,13 +11,11 @@ const SEED_DATA = {
   name: "SVG",
   tag: "SVG",
   description: "An SVG component",
-  packageName: "@draftbit/core",
   category: _types.COMPONENT_TYPES.media,
   layout: {
     width: 100,
     height: 100
   },
-  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   props: {
     source: (0, _types.createSvgProp)()
   }

package/lib/commonjs/mappings/table.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const SEED_DATA = [{
+  name: "Table",
+  tag: "Table",
+  category: _types.COMPONENT_TYPES.container,
+  stylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
+  layout: {
+    width: "100%"
+  },
+  props: {}
+}, {
+  name: "Table Row",
+  tag: "TableRow",
+  category: _types.COMPONENT_TYPES.container,
+  stylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
+  layout: {
+    paddingLeft: 16,
+    paddingRight: 16,
+    borderBottomWidth: 1,
+    borderStyle: "solid"
+  },
+  props: {}
+}, {
+  name: "Table Cell",
+  tag: "TableCell",
+  category: _types.COMPONENT_TYPES.container,
+  layout: {
+    paddingTop: 16,
+    paddingBottom: 16,
+    paddingLeft: 8,
+    paddingRight: 8
+  },
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
+  props: {
+    numeric: (0, _types.createBoolProp)({
+      label: "Is Numeric Cell?",
+      description: "Does the cell contain a numeric value?",
+      group: _types.GROUPS.data
+    }),
+    value: (0, _types.createTextProp)({
+      label: "Cell Value",
+      description: "Table Cell Value",
+      group: _types.GROUPS.data
+    })
+  }
+}, {
+  name: "Table Header",
+  tag: "TableHeader",
+  category: _types.COMPONENT_TYPES.container,
+  stylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
+  layout: {
+    paddingLeft: 16,
+    paddingRight: 16,
+    borderBottomWidth: 1,
+    borderStyle: "solid",
+    backgroundColor: "#EFEFEF"
+  },
+  props: {}
+}, {
+  name: "Table Title",
+  tag: "TableTitle",
+  category: _types.COMPONENT_TYPES.container,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
+  layout: {
+    fontSize: 14,
+    fontWeight: "500",
+    paddingTop: 16,
+    paddingBottom: 16,
+    paddingLeft: 8,
+    paddingRight: 8
+  },
+  props: {
+    numeric: (0, _types.createBoolProp)({
+      label: "Is Numeric Cell?",
+      description: "Does the cell contain a numeric value?",
+      group: _types.GROUPS.data
+    }),
+    value: (0, _types.createTextProp)({
+      label: "Cell Value",
+      description: "Table Cell Value",
+      group: _types.GROUPS.data
+    }),
+    isAscending: (0, _types.createBoolProp)({
+      label: "Is Ascending?",
+      description: "Does the cell contain a numeric value?",
+      group: _types.GROUPS.data
+    }),
+    numberOfLines: (0, _types.createNumberProp)({
+      label: "Number of Lines",
+      description: "Number of Lines",
+      group: _types.GROUPS.basic
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/utilities.js

@@ -44,8 +44,8 @@ function extractStyles(style) {
     textDecorationStyle
   };
   return {
-    viewStyles,
-    textStyles
+    viewStyles: (0, _lodash.omitBy)(viewStyles, _lodash.isNil),
+    textStyles: (0, _lodash.omitBy)(textStyles, _lodash.isNil)
   };
 }
 

package/lib/module/components/AvatarEdit.js

@@ -1,5 +1,3 @@
-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 } from "react-native";
 import Touchable from "./Touchable";
@@ -25,9 +23,10 @@ const AvatarEdit = _ref => {
     width: size,
     height: size
   };
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [style, dimensions]
-  }, rest), /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [style, dimensions],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Touchable, {
     onPress: onPress
   }, /*#__PURE__*/React.createElement(CircleImage, {
     source: image,
@@ -49,4 +48,16 @@ const AvatarEdit = _ref => {
   }))));
 };
 
+export default withTheme(AvatarEdit);yles.editBorderColor,
+      backgroundColor: colorStyles.editBackgroundColor,
+      borderRadius: size * (3 / 16),
+      padding: size * (3 / 32)
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "MaterialIcons/edit",
+    color: colorStyles.editIconColor,
+    size: size * (3 / 16)
+  }))));
+};
+
 export default withTheme(AvatarEdit);

package/lib/module/components/Config.js

@@ -54,7 +54,7 @@ export default {
     width: size.width,
     height: size.height
   }, "image-placeholder_1"),
-  placeholderSvgURL: "https://static.draftbit.com/images/placeholder-image.svg",
+  placeholderSvgURL: "https://static.draftbit.com/images/placeholder-svg.svg",
   squareImageUrl: buildImageUrl({
     width: 100,
     height: 100

package/lib/module/components/{Svg.js → SVG.js}

@@ -3,29 +3,30 @@ import { View, Platform, Image } from "react-native";
 import { SvgUri } from "react-native-svg";
 import Config from "./Config";
 
-const Svg = _ref => {
+const SVG = _ref => {
   let {
-    source = Config.placeholderSvgURL,
+    source,
     style
   } = _ref;
+  let svgSource = source === null || source === undefined ? Config.placeholderSvgURL : source;
   return /*#__PURE__*/React.createElement(React.Fragment, null, Platform.OS === "ios" && /*#__PURE__*/React.createElement(View, {
     style: style
   }, /*#__PURE__*/React.createElement(SvgUri, {
     width: "100%",
     height: "100%",
-    uri: source
+    uri: svgSource
   })), Platform.OS === "android" && /*#__PURE__*/React.createElement(View, {
     style: style
   }, /*#__PURE__*/React.createElement(SvgUri, {
     width: "100%",
     height: "100%",
-    uri: source
+    uri: svgSource
   })), Platform.OS === "web" && /*#__PURE__*/React.createElement(Image, {
     style: style,
     source: {
-      uri: source
+      uri: svgSource
     }
   }));
 };
 
-export default Svg;
+export default SVG;

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

@@ -0,0 +1,23 @@
+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 React from "react";
+import { View, StyleSheet } from "react-native";
+
+const Table = _ref => {
+  let {
+    children,
+    style,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    style: [styles.wrapper, style]
+  }), children);
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    display: "flex",
+    flexDirection: "column"
+  }
+});
+export default Table;

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

@@ -0,0 +1,37 @@
+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 React from "react";
+import { View, Text, StyleSheet } from "react-native";
+import { extractStyles } from "../../utilities";
+
+const TableCell = _ref => {
+  let {
+    children,
+    style,
+    numeric,
+    value,
+    ...rest
+  } = _ref;
+  const {
+    textStyles,
+    viewStyles
+  } = extractStyles(style);
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    style: [styles.wrapper, numeric && styles.right, viewStyles]
+  }), /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: textStyles
+  }, children, value));
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "row"
+  },
+  right: {
+    justifyContent: "flex-end"
+  }
+});
+export default TableCell;