@draftbit/core 46.4.1-2f2c24.2 → 46.4.1-2fa4f7.2

package/src/mappings/MapMarker.js

@@ -4,7 +4,7 @@ export const SEED_DATA = {
     tag: "MapMarker",
     packageName: "@draftbit/maps",
     description: "A marker to show inside map view",
-    category: COMPONENT_TYPES.media,
+    category: COMPONENT_TYPES.map,
     layout: {},
     props: {
         latitude: createNumberProp({

package/src/mappings/MapMarker.ts

@@ -12,7 +12,7 @@ export const SEED_DATA = {
   tag: "MapMarker",
   packageName: "@draftbit/maps",
   description: "A marker to show inside map view",
-  category: COMPONENT_TYPES.media,
+  category: COMPONENT_TYPES.map,
   layout: {},
   props: {
     latitude: createNumberProp({

package/src/mappings/MapView.js

@@ -4,7 +4,7 @@ export const SEED_DATA = {
     tag: "MapView",
     packageName: "@draftbit/maps",
     description: "A map view",
-    category: COMPONENT_TYPES.media,
+    category: COMPONENT_TYPES.map,
     layout: {
         flex: 1,
     },

package/src/mappings/MapView.ts

@@ -14,7 +14,7 @@ export const SEED_DATA = {
   tag: "MapView",
   packageName: "@draftbit/maps",
   description: "A map view",
-  category: COMPONENT_TYPES.media,
+  category: COMPONENT_TYPES.map,
   layout: {
     flex: 1,
   },

package/src/mappings/Modal.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Modal",
     tag: "Modal",
     description: "A basic Modal Component",
-    category: COMPONENT_TYPES.container,
+    category: COMPONENT_TYPES.layout,
     stylesPanelSections: [StylesPanelSections.NoStyles],
     props: {
         animationType: {

package/src/mappings/Modal.ts

@@ -11,7 +11,7 @@ export const SEED_DATA = {
   name: "Modal",
   tag: "Modal",
   description: "A basic Modal Component",
-  category: COMPONENT_TYPES.container,
+  category: COMPONENT_TYPES.layout,
   stylesPanelSections: [StylesPanelSections.NoStyles],
   props: {
     animationType: {

package/src/mappings/RadioButton.js

@@ -2,7 +2,7 @@ import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberP
 export const SEED_DATA = {
     name: "Radio Button",
     tag: "RadioButton",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.control,
     stylesPanelSections: BLOCK_STYLES_SECTIONS,
     triggers: [Triggers.OnPress],
     props: {

package/src/mappings/RadioButton.ts

@@ -13,7 +13,7 @@ import {
 export const SEED_DATA = {
   name: "Radio Button",
   tag: "RadioButton",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   triggers: [Triggers.OnPress],
   props: {

package/src/mappings/RadioButtonGroup.js

@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, St
 export const SEED_DATA = {
     name: "Radio Button Group",
     tag: "RadioButtonGroup",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.control,
     stylesPanelSections: [StylesPanelSections.Margins],
     layout: {},
     triggers: [Triggers.OnValueChange],

package/src/mappings/RadioButtonGroup.ts

@@ -9,7 +9,7 @@ import {
 export const SEED_DATA = {
   name: "Radio Button Group",
   tag: "RadioButtonGroup",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: [StylesPanelSections.Margins],
   layout: {},
   triggers: [Triggers.OnValueChange],

package/src/mappings/RadioButtonRow.js

@@ -2,7 +2,7 @@ import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, G
 export const SEED_DATA = {
     name: "Radio Button Row",
     tag: "RadioButtonRow",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.control,
     stylesPanelSections: [
         StylesPanelSections.Typography,
         StylesPanelSections.Margins,

package/src/mappings/RadioButtonRow.ts

@@ -10,7 +10,7 @@ import {
 export const SEED_DATA = {
   name: "Radio Button Row",
   tag: "RadioButtonRow",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: [
     StylesPanelSections.Typography,
     StylesPanelSections.Margins,

package/src/mappings/ScrollView.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Scroll View",
     tag: "ScrollView",
     description: "A basic ScrollView component",
-    category: COMPONENT_TYPES.layout,
+    category: COMPONENT_TYPES.view,
     stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     layout: {},
     props: {

package/src/mappings/ScrollView.ts

@@ -8,7 +8,7 @@ export const SEED_DATA = {
   name: "Scroll View",
   tag: "ScrollView",
   description: "A basic ScrollView component",
-  category: COMPONENT_TYPES.layout,
+  category: COMPONENT_TYPES.view,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {

package/src/mappings/Slider.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Slider",
     tag: "Slider",
     description: "A component used to set a value in a range",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.control,
     stylesPanelSections: BLOCK_STYLES_SECTIONS,
     layout: {
         marginLeft: 12,

package/src/mappings/Slider.ts

@@ -13,7 +13,7 @@ export const SEED_DATA = {
   name: "Slider",
   tag: "Slider",
   description: "A component used to set a value in a range",
-  category: COMPONENT_TYPES.input,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {
     marginLeft: 12,

package/src/mappings/StarRating.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Star Rating",
     tag: "StarRating",
     description: "A star rating component",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.control,
     stylesPanelSections: BLOCK_STYLES_SECTIONS,
     triggers: [Triggers.OnPress],
     props: {

package/src/mappings/StarRating.ts

@@ -12,7 +12,7 @@ export const SEED_DATA = {
   name: "Star Rating",
   tag: "StarRating",
   description: "A star rating component",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.control,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   triggers: [Triggers.OnPress],
   props: {

package/src/mappings/Stepper.js

@@ -4,7 +4,7 @@ export const SEED_DATA = [
         name: "Stepper",
         tag: "Stepper",
         description: "A component used to control the quantity of something",
-        category: COMPONENT_TYPES.input,
+        category: COMPONENT_TYPES.control,
         stylesPanelSections: BLOCK_STYLES_SECTIONS,
         layout: {},
         triggers: [Triggers.OnChange],

package/src/mappings/Stepper.ts

@@ -13,7 +13,7 @@ export const SEED_DATA = [
     name: "Stepper",
     tag: "Stepper",
     description: "A component used to control the quantity of something",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.control,
     stylesPanelSections: BLOCK_STYLES_SECTIONS,
     layout: {},
     triggers: [Triggers.OnChange],

package/src/mappings/Surface.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Surface",
     tag: "Surface",
     description: "An elevated container",
-    category: COMPONENT_TYPES.layout,
+    category: COMPONENT_TYPES.container,
     stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
     layout: {
         minHeight: 40,

package/src/mappings/Surface.ts

@@ -8,7 +8,7 @@ export const SEED_DATA = {
   name: "Surface",
   tag: "Surface",
   description: "An elevated container",
-  category: COMPONENT_TYPES.layout,
+  category: COMPONENT_TYPES.container,
   stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     minHeight: 40,

package/src/mappings/Swiper.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Swiper",
     tag: "Swiper",
     description: "Swiper container",
-    category: COMPONENT_TYPES.container,
+    category: COMPONENT_TYPES.swiper,
     layout: {
         height: 300,
         width: "100%",

package/src/mappings/Swiper.ts

@@ -11,7 +11,7 @@ export const SEED_DATA = {
   name: "Swiper",
   tag: "Swiper",
   description: "Swiper container",
-  category: COMPONENT_TYPES.container,
+  category: COMPONENT_TYPES.swiper,
   layout: {
     height: 300,
     width: "100%",

package/src/mappings/SwiperItem.js

@@ -3,6 +3,6 @@ export const SEED_DATA = {
     name: "Swiper Item",
     tag: "SwiperItem",
     description: "Swiper item",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.swiper,
     props: {},
 };

package/src/mappings/SwiperItem.ts

@@ -4,6 +4,6 @@ export const SEED_DATA = {
   name: "Swiper Item",
   tag: "SwiperItem",
   description: "Swiper item",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.swiper,
   props: {},
 };

package/src/mappings/Switch.js

@@ -4,7 +4,7 @@ export const SEED_DATA = [
     {
         name: "Switch",
         tag: "Switch",
-        category: COMPONENT_TYPES.input,
+        category: COMPONENT_TYPES.control,
         stylesPanelSections: BLOCK_STYLES_SECTIONS,
         layout: {},
         triggers: SEED_DATA_TRIGGERS,
@@ -35,7 +35,7 @@ export const SEED_DATA = [
     {
         name: "Switch Row",
         tag: "SwitchRow",
-        category: COMPONENT_TYPES.input,
+        category: COMPONENT_TYPES.control,
         stylesPanelSections: [
             StylesPanelSections.Typography,
             StylesPanelSections.Margins,

package/src/mappings/Switch.ts

@@ -15,7 +15,7 @@ export const SEED_DATA = [
   {
     name: "Switch",
     tag: "Switch",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.control,
     stylesPanelSections: BLOCK_STYLES_SECTIONS,
     layout: {},
     triggers: SEED_DATA_TRIGGERS,
@@ -46,7 +46,7 @@ export const SEED_DATA = [
   {
     name: "Switch Row",
     tag: "SwitchRow",
-    category: COMPONENT_TYPES.input,
+    category: COMPONENT_TYPES.control,
     stylesPanelSections: [
       StylesPanelSections.Typography,
       StylesPanelSections.Margins,

package/src/mappings/WebView.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Web View",
     tag: "WebView",
     description: "Render web content inside a view",
-    category: COMPONENT_TYPES.media,
+    category: COMPONENT_TYPES.utility,
     stylesPanelSections: [
         StylesPanelSections.Size,
         StylesPanelSections.Margins,

package/src/mappings/WebView.ts

@@ -11,7 +11,7 @@ export const SEED_DATA = {
   name: "Web View",
   tag: "WebView",
   description: "Render web content inside a view",
-  category: COMPONENT_TYPES.media,
+  category: COMPONENT_TYPES.utility,
   stylesPanelSections: [
     StylesPanelSections.Size,
     StylesPanelSections.Margins,

package/src/utilities.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { isString, isNumber, pick, pickBy, identity, omitBy, isNil, } from "lodash";
+import { isString, isNumber, pick, pickBy, identity } from "lodash";
 export function extractStyles(style) {
     const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
     const textStyles = {
@@ -15,10 +15,7 @@ export function extractStyles(style) {
         textDecorationColor,
         textDecorationStyle,
     };
-    return {
-        viewStyles: omitBy(viewStyles, isNil),
-        textStyles: omitBy(textStyles, isNil),
-    };
+    return { viewStyles, textStyles };
 }
 export const borderStyleNames = [
     "borderRadius",

package/src/utilities.ts

@@ -1,13 +1,5 @@
 import { StyleSheet, StyleProp, TextStyle } from "react-native";
-import {
-  isString,
-  isNumber,
-  pick,
-  pickBy,
-  identity,
-  omitBy,
-  isNil,
-} from "lodash";
+import { isString, isNumber, pick, pickBy, identity } from "lodash";
 
 export function extractStyles(style: StyleProp<any>) {
   const {
@@ -39,10 +31,7 @@ export function extractStyles(style: StyleProp<any>) {
     textDecorationStyle,
   };
 
-  return {
-    viewStyles: omitBy(viewStyles, isNil),
-    textStyles: omitBy(textStyles, isNil),
-  };
+  return { viewStyles, textStyles };
 }
 
 export const borderStyleNames = [

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

@@ -1,35 +0,0 @@
-"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 }; }
-
-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 Table = _ref => {
-  let {
-    children,
-    style,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
-    style: [styles.wrapper, style]
-  }), children);
-};
-
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    display: "flex",
-    flexDirection: "column"
-  }
-});
-
-var _default = Table;
-exports.default = _default;

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

@@ -1,50 +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 _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 TableCell = _ref => {
-  let {
-    children,
-    style,
-    numeric,
-    value,
-    ...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, {
-    numberOfLines: 1,
-    style: textStyles
-  }, children, value));
-};
-
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    flex: 1,
-    display: "flex",
-    flexDirection: "row"
-  },
-  right: {
-    justifyContent: "flex-end"
-  }
-});
-
-var _default = TableCell;
-exports.default = _default;

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

@@ -1,41 +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 _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

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

@@ -1,47 +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 _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

@@ -1,60 +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 _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;